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

بعد ضغط زر المشاركة سينشر الموضوع على حائط حسابك على جوجل بلس حيث سيمكن أصدقاءك هناك زيارة مدونتك للاطلاع على محتوى الموضوع كاملا.

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

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

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

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

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

بعد إنهاء إضافة المدونات سيظهر بلوح بحسابك على بلوجر مستطيل يحمل رسالة تخبرك بإن العملية تمت بنجاح و فيه تجد رابطا لملفك الشخصي الجديد على جوجل بلس.

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

تأكيد الرجوع للملف الشخصي على بلوجر.

ربط مدونات بلوجر بجوجل بلسGoogle plus

اضغط هنا لقراءة الموضوع

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

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

 و هذا مثال حي للإضافة (لا ضير في تجريبه و متابعة صفحة مدونة ذؤيب :))

                             

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

كذلك يمكنك وضع الكود الثاني في أي مكان من القالب لتظهره في موضع محدد من مدونتك غير القائمة الجانبية.

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

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

الخطوة الأولى: الإعداد التلقائي لاسم النطاق على جودادي 
إن كنت قد اقتنيت اسم نطاقك من جودادي فاذهب إلى صفحة الإعداد التلقائي.
  إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 16 دولار لمدة سنتين * من Godaddy
(*) رابط إحالة
بعد ولوجك إلى الصفحة سجل دخولك عبر إدخال اسم المستخدم و كلمة السر، بعدها ستنتقل إلى صفحة تظهر النموذج الموضح بالصورة أسفله:

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

بعد إن أنهينا الشق المتعلق بجودادي ننتقل إلى تعديل الإعدادات على بلوجر.

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

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

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

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

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

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

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

السلام عليكم و رحمة الله.
بعد أن ركبت إضافة الصور المنزلقة إي ما يسمى بالسلايدر 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

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

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

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.
السلام عليكم و رحمة الله.
بعد أن قمت بربط مدونة ذؤيب باسم نطاق جديد ارتأيت و أنا أعده أن أطرح شرحا مفصلا لطريقة ربط اسم نطاق (دومين 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 تطلب ساعة أو اثنتين.

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

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

• Blogger Custom Domain on Godaddy
• Mapping Your Domain Name to Work with Blogger

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

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

الخطوة الأولى: تفعيل أزرار المفضلات الاجتماعية في بلوجر

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

الخطوة الثانية: تعديل القالب لإظهار أزرار المفضلات

قبل الشروع في تعديل القالب يرجى التقيد بما يلي:

» تحميل و حفظ نسخة احتياطية من قالب مدونتك قبل الشروع في أي تعديل.

» وضع علامة في خانة توسيع القوالب.

ثم بعد ذلك ابحث عن الكود الآتي:

<div class='post-footer-line post-footer-line-1'>

أو قد تجده على هذا الشكل كذلك فجرب البحث عن أحدهما:

<p class='post-footer-line post-footer-line-1'>

بعد أن تجد الكود المطلوب مباشرة بعده تلصق الكود الآتي:

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
</div>

ثم أخيرا اضغط زر حفظ القالب.

ملحوظة إضافية

في بعض الحالات قد لا يظهر زر جوجل +1 (google +1) إلى جانب أزرار المفضلات و هذا راجع بالأساس إلى افتقاد القالب إلى ملف js الضروري لتشغيل الإضافة و عليه لإظهارها ستبحث عن </head> و مباشرة أسفلها تضع هذا الكود و تحفظ القالب.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

تحياتي.

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