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

ما زال عملاق الشبكات يستقطب المزيد من مستخدمي الانترنت ، ففي اخر احصائية وصل عدد المشتركين الى 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'>

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

إقرأ المزيد

قالب blogger tube معرب لمدونات بلوجر - خاص لمدونات الفيديو video blogger template

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

مميزات القالب :

- يدعم اعلانات ادسنس

- القالب بعمودين

- يدعم كافة الاضافات

- صديق لمحركات البحث

- العنوان خلفية سوداء وكتابة بخط tahoma ابيض

- سريع جدا في التحميل ( 75 kb )

- عرض  965

- متوافق مع جميع المتصفحات

اضافات القالب :

- اضافة عرض الشرائح بطريقة تلقائية

- اضافة تقييم الفيديو

- اضافة اضافة smiley للتعليقات

- اضافة زر اعجبني من فيس بوك في كل فيديو

- اضافة شريط المشاركة كما في سما بلوجر 

-  يحتوي القالب على صندوق احترافي للبحث

- يحتوي ايضا على اضافة  لمتابعة حسابك في تويتر وفيس بوك وخلاصة مدونتك .
- اضافة ارقام الصفحات بشكل احترافي

- والكثير من الاضافات الجميلة شاهدها بنفسك

      للمشاهدة

للتحميل

للتحميل

تخصيص القالب :

1- اضف هذا الكود في العمود الجانبي ليظهر اخر مقاطع الفيديو المضافة :

<script style="text/javascript" src="http://sma-blogger.googlecode.com/files/adiarar.js"></script>
<script style="text/javascript">
var numposts = 12;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

2- ابحث عن " الجمهورية العربية المتحدة" وقم بتغييرها باسم موقعك واغير الرابط ايضا برابط موقعك

3- كيف تضيف الفيديو الى المدونة

http://www.youtube.com/watch?v=MQA46gWHU74endofvid [starttext] ما اخذ بالقوة لا يسترد الا بالقوة [endtext]

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

4- اعلانات ادسنس

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

5- روابط الفيس بوك وتويتر والبومات الصور وrss يمكنك تغيرها بروابطك الخاصة عن طريق البحث عن الاسم وتغيير الرابط بعد ذلك

إقرأ المزيد

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

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

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

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

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

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

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

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

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

<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- احفظ القالب ومبرووك عليك الاضافة – 

إقرأ المزيد

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

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بعمودين وثلاثة اعمدة في الفوتر
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان صورة قريبة للسواد وكتابة بخط tahoma ابيض 
- سريع  في التحميل ( 114 kb )
- عرض  950
- متوافق مع جميع المتصفحات

اضافات القالب :

- اضافة عرض المواضيع المختارة بطريقة عرض الشرائح اعلى التدوينات (اختياري)

- التعليقات بشكل جميل

- اضافة هاك اقرأ المزيد

- اضافة اطار للصور

- اضافة فتح الروابط الخارجية في اطار جديد

-  يحتوي القالب على صندوق احترافي للبحث

- يحتوي ايضا على اضافة في العمود الجانبي لمتابعة حسابك في تويتر وفيس بوك وخلاصة مدونتك .
- اضافة ارقام الصفحات بشكل احترافي - اضافة الخيارات المتعددة في العمود الجانبي

   للمشاهدة

للتحميل

إقرأ المزيد