أزرار مشاركة متحركة عل شكل بيضة

اليوم سوف نقوم بوضع اضافة جميلة و هي أزرار المشاركة التى لا يمكن لاي كان ان يستغني عنها لما لها من تأثير على كل من يملك موقع او مدونة  و من اهم فوائدها جلب الزواو و تحسين الأرشفة .

   

أدعوكم لمشاهدة الإضافة  

Live Demo

 إدا أعجبتك أخي تفضل

 

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

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

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

ابحث عن :

 </head>

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

--------------------------------------------------------------------------------------------------------
<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
--------------------------------------------------------------------------------------------------------

الخطوة الثالثة

ابحث عن :

 </body>

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

------------------------------------------------------------------------------------------------------------
 <!-- Start Heart Share Code From http://www.spiceupyourblog.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://9walib.blogspot.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->
-------------------------------------------------------------------------------------------------------------

نلاحط أن زر المشاركة متواجد في اسفل الجهة اليسرى و يمكن بسهولة تغيير مكانه بتغير مالون بالأصفر


bottom: 2% : لتغيير الإرتفاع

left: 2% : لتغيير الإتجاه من اليسار إلى اليمين.

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا 

Share this article :

Similiar Templates