معهد خبراء بلوجر - اضافة جميع ازرار المواقع الاجتماعية في مدونتك

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

أزرار الإعجاب الأفقية:

http://3.bp.blogspot.com/-1w2FHYCmVa.../s1600/r-2.jpg

<!--

كود:

AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_pinterest_pinit"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script> <!-- AddThis Button END -->

أزرار المشاركة الأفقية:

http://2.bp.blogspot.com/-vIudFLFEzS...s1600/httf.jpg

كود:

 <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script> <!-- AddThis Button END -->

أزرار الإعجاب الرأسية العائمة:

http://1.bp.blogspot.com/-DXU5FqonVp...1600/liuih.jpg

تظهر بجانب الموضوع عائمة من جهة اليسار

كود:

 <!-- AddThis Button BEGIN --> <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"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script> <!-- AddThis Button END -->

وهذا الكود إذا كنت تريد الإضافة جهة اليمين

كود:

 <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:320px;"> <a class="addthis_button_facebook_like" fb:like:layout="box_count"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script> <!-- AddThis Button END -->

أزرار المشاركة رأسية عائمة:

http://4.bp.blogspot.com/-hP9QUV68t3.../s1600/hgg.jpg

كود:

 <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script> <!-- AddThis Button END -->

أزرار الإعجاب أسفل كل موضوع على حدة:

http://2.bp.blogspot.com/-9ApcyRfxN7...SY/s400/54.jpg

كود:

 <span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"fblike":["vcount","Facebook Like",""],"fbsend":["vcount","Facebook Send",""],"twitter":["vcount","Tweet",""],"googleplus":["vcount","Google +",""],"delicious":["vcount","Delicious",""],"sharethis":["vcount","ShareThis",""]} , "476ff4f2-24ab-4bcb-aebb-22fe2df9ef0c");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>

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

الذهاب إلى لوحة التحكم
تخطيط أو تصميم
عناصر الصفحة
أضف أداة
اختار Html/Javascript

ثم إنسخ الكود كاملاً وألصقه بالأداة

:bloggerexp::bloggerexp::bloggerexp: