أداة إضافة ازرار المشاركة الرائعة لمدونتك ببلوجر Floating share buttons bar
ولإضافة تلك الأداة نقوم بعمل الآتي
1- نذهب لقالب او Template
*هنا خطوة إختيارية لمن يريد أخذ نسخة إحتياطية للقالب في حال حدوث خطأ
*هنا خطوة إختيارية لمن يريد أخذ نسخة إحتياطية للقالب في حال حدوث خطأ
*ثم نختار تنزيل النموذج بالكامل أو Full download
2- إختيار Edit أو تحرير شيفرة HTML
3- نضغط على متابعة أو proceed
4-ثم نضغط على توسيع القالب او Expand
ومن لوحة المفاتيح نضغط CTRL+F للبحث بالكود بشكل اسهل عن السطرالتالي:
<body>
و نقوم بنسخ هذا الكود أسفل السطر :
<!-- AddThis Button BEGIN (blog2noob.blogspot.com) -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left: 50px; top: 50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
<a class="addthis_button_tweet" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
</div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50a7a8c60990b1f8" type="text/javascript"></script>
<!-- AddThis Button END -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left: 50px; top: 50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
<a class="addthis_button_tweet" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
</div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50a7a8c60990b1f8" type="text/javascript"></script>
<!-- AddThis Button END -->
ثم نضغط حفظ (ويفضل قبلها معاينة لنتأكد من ان الخطوات سليمة)
والآن اصبح بمدونتك ازرار مشاركة العائمة ...تهانينا!
والآن اصبح بمدونتك ازرار مشاركة العائمة ...تهانينا!
0 comments:
إرسال تعليق