إضافة أزرار صدى Google Buzz في مدونات بلوجر

عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ،نستهل موضوعنا اليوم في شرح كيفية إضافة زر Google Buzz في مدونات بلوجر وما مدى أهميته و كيفية إستعمالة ,أولا نبدأ بتعريف الخدمة :
تتيح لك خدمة نبضات Google مشاركة آخر المعلومات والصور والروابط بل ومشاركة أي شيء آخر تريد مشاركته مع جهات اتصال Gmail، كما أنها طريقة سهلة لمتابعة أصدقائك أيضًا. عند النقر على الرابط نبضات Google في حساب Gmail، سترى مجموعة من مشاركات الأشخاص الذين تتابعهم، كما سيظهر مربع لنشر التحديثات.
ثانيا ،كيفية إضافة زر الى مدونة بلوجر ؟ :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
<div class='post-header-line-1'>

والآن قم بإختيار أحد الأكواد التالية حسب رغبتك في نوعية الزر,ثم قم بإضافة أحد الأكواد بعده

فإن لم تجده قم بالبحث عن هذا الكود ،فإن وجدت منه إثنين فالتاني هو المقصود 
  <data:post.body/>
ثم قم بإضافة أحد الأكواد التالية  قبله
إذا كنت تريد مكان الزر أسفل التدوينة  قم بإضافة أحد الأكواد بعده
1- الزر + العداد مع إضهار  المشاركات في الأعلى :
<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
2 - الزر + العداد مع إضهار المشاركات في على الجانب :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
3-الزر فقط بالحجم العادي :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
4- الزر فقط بالحجم صغير :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
5-الزر عبارة على رابط :
<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
أخيرا قم بحفظ القالب و إذهب للمعاينة,فلا تنسى التعليق على هذا الموضوع,في إنتظار تشجيعاتكم

هناك 11 تعليقًا:

  1. شكرا اخي العزيز على الاضافة

    ردحذف
  2. شكرا لك اخي ابو اياد لكنني لم اجد كود

    class='post-header-line-1'>

    ها هي مدونتي : http://arablibraryinformation.blogspot.com/

    ردحذف
  3. أخي الكريم ، قم بالبحث عن هذا الكود
    <data:post.body/>
    بدلا من الأول ،فان وجدت منه اثنين فالتاني هو المقصود ، موفق أخي

    ردحذف
  4. والله يا ابو اياد انا لم ببحث في جوجل عن اي موضوع والقي رابط موقعك بدخل علي طوول انا عاجز عن الشكر بالنسبه للمعلومات القيمه الي بتحطها وتم التجريب علي مدونتي

    ردحذف
  5. جميل جدا اخي يعمل 100 في ال100 وشرح جيد جدا بارك الله فيك :x

    ردحذف
  6. جميل جدا اخي يعمل 100 في ال100 وشرح جيد جدا بارك الله فيك
    (;;
    www.google--plus.blogspot.com

    ردحذف
  7. شكرا لك على المجهود

    ردحذف
  8. أخي لا يعمل وهذه مدونتي
    http://sinjiechadid.blogspot.com/

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية