[3:03 م | 0 التعليقات ]

























مدونة ذؤيب | قوالب بلوجر , قوالب ووردبريس , قوالب معربة , إضافات و أدوات






































لوحة التحكم الجديدة الآن متاحة لكل مستعملي بلوجر



[الجمعة, سبتمبر 02, 2011
 |
36
تعليقات
]

بعد أن كانت لوحة التحكم الجديدة متاحة فقط على مسودة بلوجر، الآن أصبح بإمكان كل مستعملي بلوجر تجريبها و استعمالها. و قد لوحظ تحسن في التصميم حيث عدلت الألوان لتصبح أكثر وضوحا، كذلك جعل خيار تعديل القالب في رأس صفحة التصميم عكس ما شهدناه قبلا في مسودة بلوجر، و عموما فالتصميم الجديد متوافق إلى حد بعيد مع متطلبات اللغة العربية.


لكن و رغم هذا التحسن فإنه ليس بلوحة التحكم الجديدة أي امتياز على القديمة من حيث الإمكانيات و الفعالية، الشكل وحده هو ما تغير. مرة أخرى نقول أننا كنا نأمل أن تضاف خيارات تهم توطيد صداقة محركات البحث SEO عبر إضافة حقول الوصف و الكلمات المفتاحية... لكن ربما تتدارك بلوجر ذلك لاحقا.

الشكل الجديد لايزال قيد النجريب و بلوجر تتلقى التعليقات و الآراء حوله.

ما رأيكم إذن؟ هل جاء التصميم الجديد على قدر تطلعاتكم؟ و ما ملاحظاتكم حوله؟





رئيسية لوحة التحكم الجديدة



صفحة اختيار و تحرير القوالب


إدارة الصفحات مع خاصية السحب و الإفلات



محرر التدوينات


صندوق رفع الصور


صندوق رفع و تحميل القوالب

» تابع القراءة
















عيد مبارك سعيد..عساكم من عواده


[الثلاثاء, أغسطس 30, 2011
 |
21
تعليقات

]

عيد مبارك سعيد و كل عام و أنتم بخير، أعاده الله على الأمة المسلمة جمعاء بمزيد النصر و التمكين. و بهذه المناسبة المباركة أتقدم بأسمى التهاني و التبريكات لكافة المسلمين أينما وجدوا راجيا من الله تعالى أن يعيده علينا و نحن نرفل في نعمة الوحدة و الاعتصام بحبله المتين.

كما أهنئ إخواني و أصدقائي متابعي و زوار "مدونة ذؤيب" بحلول هذه الإيام المباركة و الله لهم أدعو ان يجعلها أيام جائزة و مغفرة و عتق من النار.







 الصورة بواسطة الأخ توفيق Taoufiq على موقع Deviantart




» تابع القراءة












مدونة ذؤيب تقفز من جديد إلى البيجرانك 4 ! شكرا لكم !


[الخميس, أغسطس 04, 2011
 |
58
تعليقات
]

بفضل الله و عونه حققت مدونة ذؤيب تزكية بمقدار 4 من جوجل (بيج رانك) ليقفز اسم النطاق الجديد من الصفر إلى الأربعة مستفيدا من الثلاثة التي كانت للنطاق الفرعي مضيفا إليها واحدا... و هنا أتوجه بالشكر الجزيل إلى كافة إخواني الكرام قراء و متتبعي و زوار مدونة ذؤيب لقاء دعمهم المتواصل و تشجيعهم.







تحية إجلال و إكبار و رمضان مبارك سعيد.




» تابع القراءة












طريقة إضافة سلايدر لمدونات بلوجر



[الأحد, يوليو 31, 2011
 |
45
تعليقات
]

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.



السلام عليكم و رحمة الله.

بعد أن ركبت إضافة الصور المنزلقة إي ما يسمى بالسلايدر Slidershow على مدونة ذؤيب استحسنها الكثير من الإخوان الكرام، و نزولا عند طلبهم أقدم بإذن الله في هذا الموضوع طريقة تركيب هذه الإضافة التي حقا تضفي لمسة جميلة على المدونات و تساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر المواضيع أهمية. الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان. و قبل متابعة الموضوع وجب أن أشير إلى ضرورة حفظ نسخة احتياطية من القالب قبل أي تعديل، كذلك لاحظت أن كثيرا ممن لا يجدون الأكواد المبحوث عنها ينسون أن يضعو علامة في خانة توسيع قوالب عناصر واجهة المستخدم.


يمكن معاينة السلايدر على رئيسية مدونة ذؤيب أو من خلال هذه الصورة.











إضافة الأكواد إلى قالب المدونة



بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم تحرير HTML.

الآن ابحث عن <head> و بعده مباشرة ضع الأكواد الآتية : 




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>


بعد ذالك ابحث عن ]]></b:skin>  و مباشرة فوقها ضع الأكواد الآتية:



/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }



■  يشير العدد المكتوب بالأحمر إلى عرض مستطيل عنوان الموضوع و طبعا يحبذ أن يكون نفسه قياس عرض السلايدر الذي سنرى كيفية تحديده في الخطوة الموالية.

بعد إجراء هذه التعديلا الآن اضغط زر حفظ القالب.











إضافة أداة السلايدر إلى تصميم المدونة



بعد أن انهينا تحرير القالب الآن توجه إلى عناصر الصفحة ثم اضغط رابط إضافة أداة في أي مكان تشاء و في النافذة المنبثقة اختر أداة HTML/Javascript ، اترك حقل العنوان فارغا و في حقل المحتوى ضع الكود الآتي مع إجراء التعديلات الضرورية.


طبعا يجب أن تكون مجهزا الصور و المواضيع المختارة. 



<div id='coin-slider'>
 <a href="رابط الموضوع الأول">
  <img src="رابط صورة الموضوع الأول" />
  <span>عنوان الموضوع الأول</span>

 </a>
 <a href="رابط الموضوع الثاني">
  <img src="رابط صورة الموضوع الثاني" />
  <span>عنوان الموضوع الثاني</span>
 </a>

 <a href="رابط الموضوع الثالث">
  <img src="رابط صورة الموضوع الثالث" />
  <span>عنوان الموضوع الثالث</span>
 </a>
 <a href="رابط الموضوع الرابع">

  <img src="رابط صورة الموضوع الرابع" />
  <span>عنوان الموضوع الرابع</span>
 </a>
</div>
<script type="text/javascript">
 $(document).ready(function() {
  $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 });
 });

</script>


■ رابط الموضوع الذي تود أن ينتقل إليه الزائر في حال ضغطه على الصورة.

■ رابط الصورة التي سوف تظهر في السلايدر و يجب أن تكون بنفس قياسات السلايدر (عرض و طول)

■ عنوان الموضوع أو وصف مقتضب له.

■ عرض السلايدر المطلوب يمكن تعديله بما يناسب مدونتك (نفسه سيكون عرض صور المواضيع)

■ ارتفاع السلايدر المطلوب كذلك يمكن تعديله بما يناسب مدونتك (نفسه سيكون ارتفاع صور المواضيع)


يمكن تكرار الأكواد في حال الرغبة في عرض أكثر من أربعة مواضيع.

بعد تعديل المطلوب اضغط زر حفظ الأداة ثم قم بسحبها إلى مكان فوق مستطيل رسائل المدونة كما هو موضح في الصورة أسفله:





بعد ذلك اضغط زر الحفظ البرتقالي الموجود في رأس صفحة عناصر الصفحة و بهذا تكون قد أنهيت تركيب الإضافة و هنيئا لك!

لكن إذا أردت تخصيص الإضافة أكثر يمكنك متابعة الخطوة الموالية و ينصح بها لمن لهم تجربة لا بأس بها في التعامل مع قوالب بلوجر.







جعل إضافة السلايدر تظهر فقط بالصفحة الرئيسية



لو أحببت أن تظهر إضافة السلايدر في صفحة مدونتك الرئيسية دونا عن باقي الصفحات عد إلى إداة السلايدر و اجعل لها عنوانا مثلا "سلايدر" ثم توجه صفحة تحرير القالب و لا تنس وضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم ثم ابحث عن هذا كلمة "سلايدر" التي وضعت في عنوان الأداة ثم أضف الأكواد المكتوبة باللون الأحمر كالآتي:




<b:widget id='HTML2' locked='false' title='سلايدر' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>

  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if> 

</b:includable>
</b:widget>


احفظ القالب و عد لعناصر الصفحة و احذف عنوان أداة السلايدر.

و لمن يرغب في مزيد من التحكم في الإضافة يرجى زيارة هذه الصفحة:

Coin Slider: Image Slider with Unique Effects


◄ نشر هذا الموضوع بدعم من: مدونة البلوقر | دروس، إضافات، قوالب لمدونات بلوجر.


» تابع القراءة












رمضان كريم و كل عام و أنتم بخير


[الأحد, يوليو 31, 2011
 |
14
تعليقات
]

بسم الله و الحمد لله و الصلاة و السلام على سيدنا و نبينا محمد الأمين و على آله و صحبه و من تبعه إلى يوم الدين.

السلام عليكم و رحمة الله.

أتقدم بأسما عبارارات التهنئة و المباركة لكافة المسلمين في كل بقاع الدنيا، و أبارك لهم مقدم هذا الشهر الفضيل الذي جعله الله لنا مغفرة و عتقا من النار، آملا أن يدخله الله علينا بمزيد اليمن و البركات و أن يجعل فيه تمكينا و نصرا مؤزرين لهذه الأمة الخيرة المباركة.


كما و أهنئكم إخواني متابعي و زوار مدونة ذؤيب بحلول شهر رمضان المعظم و أدعو الله أن يجعله لكم بابا منه تلجون الفردوس مغفورا لكم.





(*) الصورة من تصميم Saleh Robat



» تابع القراءة













ربط مدونات بلوجر باسم نطاق (دومين) من قودادي Godaddy


[الجمعة, يوليو 15, 2011
 |
48
تعليقات
]

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.

السلام عليكم و رحمة الله.

بعد أن قمت بربط مدونة ذؤيب باسم نطاق جديد ارتأيت و أنا أعده أن أطرح شرحا مفصلا لطريقة ربط اسم نطاق (دومين Domain Name) من قودادي بمدونات بلوجر، خصوصا و أن لوحة التحكم في قودادي قد شملها بعض التحديث و التطوير. ربما يبدو الموضوع خاصا بمشتركي قودادي لكن الأمر نفسه يمكن نهجه في باقي لوحات تحكم شركات أخرى. و سنسير بإذن الله في هذا الموضوع وفق خطوات ثلاث هن كالآتي:





1. إعداد A (Host) Records

2. إعداد CNAME (Alias) Record


3. توجيه اسم النطاق إلى الامتداد www

4. تحيين إعدادات اسم النطاق في بلوجر.



إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 15 دولار لمدة سنتين* من Godaddy

(*) رابط إحالة












1. إعداد A (Host) records



بعد أن تسجل دخولك إلى حسابك في جودادي، اضغط على My Account الموجودة في أقصى اليمين، و في الصفحة الجديدة اضغط على اسم النطاق الذي تنوي ربطه بمدونتك على بلوجر كما هو موضح بالصورة الآتية:






ثم في الصفحة الموالية، جد DNS Manager و اضغط Launch الموجودة مباشرة أسفلها و الصورة توضح المطلوب:





الآن في الجدول الذي يحمل اسم A (Host)


  1. ستضغط زر Quik Add الموجود أسفله 
  2. ثم في عمود host تكتب @ 
  3. و في Points to تكتب 216.239.32.21 
  4. و تترك TTL كما هي أي 1Hour. 
و هذه الصورة توضع العملية:



\!/ يمكنك حذفه.

و بالطريقة نفسها ستدخل عناوين IP الثلاثة الباقية:




Host Points to TTL
@ 216.239.34.21 1Hour
@ 216.239.36.21 1Hour
@ 216.239.38.21 1Hour









2. إعداد CNAME (Alias) Record



دون مغادرة الصفحة انتقل إلى الجدول الذي يحمل اسم CNAME (Alias) حيث ستجد خانة تحمل www اضغط عليها لتفعيل وضع التعديل و ستترك www كما هي و إلى جانبها ستضع ghs.google.com مكان @ . لكن إن لم تجد أي Host يحمل اسم www يمكنك إنشاؤه.






الآن بعد إتمام الخطوتين الأولى و الثانية اضغط زر الحفظ الأسود Save Zone File الذي ستجده فوق الجداول أو أسفلها ثم في الإطار المنبثق تضغط OK:











3. توجيه اسم النطاق إلى الامتداد www




لقد قمنا بإعداد اسم النطاق بالامتداد WWW لربطه بالمدونة مثلا http://www.example.com/ لكن ماذا لو استعمل الزوار اسم النطاق دون www أي هكذا http://example.com/ ، طبعا ستواجههم صفحة خطأ تقول أن الصفحة المطلوبة غير موجودة لذلك سنقوم بتوجيه http://example.com/ إلى http://www.example.com/ بحيث إذا استعمل الأول يحيل الزائر مباشرة إلى الثاني و لأجل ذلك عد إلى الصفحة الرئيسية و اضغط My Account ثم اضغط اسم النطاق نفسه الذي إعددناه في الخطوات السابقة، في الصفحة الموالية ستجد شريط أدوات، فيه اضغط على Forward ثم في القائمة المنسدلة اضغط Forward Domain كما الصورة:





بعد ذلك في الإطار المنبثق ستجد حقلا فارغا إلى جانب http:// فيه اكتب اسم نطاقك بالامتداد www أي كهذا المثال www.example.com ثم اجعل باقي الإعدادات كما هي بالصورة أسفله و اضغط OK ثم OK في الإطار المنبثق الثاني:






و بهذا تكون قد أنهيت إعداد اسم النطاق من لوحة تحكمه على قودادي و الآن ستنطلق لتحيين الإعدادات على بلوجر.









4. تحيين إعدادات اسم النطاق في بلوجر.



الآن بعد إنهاء الشق المتعلق بإعداد اسم النطاق، توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.








ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا (1). ثم أخيرا تضغط زر الحفظ كما بالصورة:









و أخيرا بعد إتمام كافة الخطوات بنجاح ستجد مدونتك على اسم النطاق الجديد، فإن لم تجدها فاعلم أن الربط يتطلب وقتا قد يصل إلى ساعتين و قد يتعداه إلى 48 ساعة كما تقول قودادي، بالنسبة لمدونة ذؤيب اقتصر الأمر على بضع دقائق فقط لكن توجيه doaib.com إلى www.doaib.com تطلب ساعة أو اثنتين.




◄ نشر هذا الموضوع بدعم من: مدونة البلوقر | دروس، إضافات، قوالب لمدونات بلوجر.



◄ روابط مفيدة:












» تابع القراءة















 
























...تابع القراءة