الحل الأمثل لاضافة صندوق تعليقات فيس بوك الى مدونات بلوجر

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

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

اذا اعجبتك الاضافة تابع طريقة التركيبفي بقية التدوينة ......

الخطوة الاولى

1- اذهب الى facebook developers واملأ البيانتات المرادة كهذه الصورة :

ولا تنسى ان تضيف" slash " " / " في نهاية رابط مدونتك . كهذا الرابط

http://sma-b.blogspot.com/

 ثم اضغط على create application

2- املأ طلب التحقق الامني ، ومن ثم انسخ رقم app id كما موضح بالصورة :

3- اذهب الى هذا  الرابط ، واملأ البيانات كما كوضح بالصورة التالية :

بعد ان تنتهي اضغط على get code
وانسخ الكود

الخطوة الثانية

 من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-

ابحث عن :

<b:includable id='comments' var='post'>

واضف الكود بعدها مباشرة
احفظ القالب ومبروك عليك الاضافة

إقرأ المزيد

كيف تضيف أزرار مفضلات بلوجر إلى القوالب المعدلة

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

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

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

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

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

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

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

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

<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>

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

إقرأ المزيد

اضافة زر الارسال send + زر الاعجاب like لمدونات بلوجر من فيسبوك facebook

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

الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط علىتوسيع فوالب عناصرواجهة المستخدم 

الخطوة الثانية

ابحث عن :

<div class='post-header-line-1'/>

واضف الكود بعدها

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

<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

1- كود اضافة زر الارسال فقط

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!--Facebook Send button Start sma-b.blospot.com -->
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>
    <!--Facebook Send button End sma-b.blospot.com  --></b:if>

  

2- كود اضافة زر الاسال + زر الاعجاب  

   <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Facebook Like+Send button Start sma-b.blogspot.com -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like+Send button End sma-b.blogspot.com -->
</b:if>

 تخصيص الزر بما يناسبك

1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك

tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark

أيضا يمكنك متابعة الشرح في هذا الموضوع http://sma-b.blogspot.com/2010/09/like-button-to-blogger.html 
الان احفظ القالب ومبروك عليك الاضافة .

وبالتوفيق دوما ادعو لي ولكم

إقرأ المزيد

اضف زر +1 من جوجل لمدونات بلوجر

اطلقت جوجل قبل حوالي شهرين زر +1 في صفحة محرك البحث الرئيسية - تقوم مهمة هذا الزر على اعطاء تقييم المستخدم المسجل في جوجل لكل ما يراه من صفحات ومواقع مفيدة اي بالضغط على هذا الزر ليعطيه تقييما واحدا - وعند ذلك يصبح هذا الموقع او هذه الصفحة اكثر تفضيلا وقربا لمحرك البحث جوجل ولكن ستكون اكثر قربا فقط لمن هم اصدقائك في حسابك على جوجل - يعني باختصار الزر اكثر ما يكون قريبا من زر اعجبني على فيسبوك - لنتابع طريقة اضافته لمدوناتنا :

ظهوره في صفحات البحث

الروابط التي قمت بضغط زر التفضيل بها

فيديو توضيحي من جوجل

طريقة الاضافة

1- من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-

2- ابحث عن  </head>

3- انسخ الكود التالي والصقه بعدها او تحتها مباشرة

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ar'}
</script>

4- الان قم بالبحث عن

        قد تجد اكثر من واحدة فالاخيرة هي المقصودة)   <data:post.body/>

او

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

5- انسخ الكود التالي واضفه قبل او بعد اي من السابقة ليظهر اول التدوينة او اخرها

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='float:right'>

<g:plusone size="standard" expr:href="data:post.url"/>

</div>

</b:if>

تخصيص الاضافة

1- احذف ما تم تعليمه بالبرتقالي لتظهر الاضافة في الصفحة الرئيسية وصفحة الموضوع

2- استبدل right يمين – left يسار – center وسط

3- استبدل standard بـ small – tall – meduim لتغيير شكل الزر – رابط للتوضيح

4- احفظ القالب ومبرووك عليك الاضافة – 

إقرأ المزيد

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

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

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

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

إقرأ المزيد

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

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

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

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

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

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

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

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

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

إقرأ المزيد