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

مقدمة عن الإضافة

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

صورة الإضافة

طريقة التركيب

1- أذهب إلى لوحة التحكم --> التخطيط

2- إضافة أداة --> HTML/JavaScript

3- قم بإضافة الكود التالى فى المربع الظاهر أمامك

<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="https://www.facebook.com/Al3oraby" target="_blank">فيس بوك</a></li>
<li><a class="twitter" href="https://twitter.com/Al3oraby" target="_blank">تويتر</a></li>
<li><a class="google-p" href="https://plus.google.com/+Al3oraby" target="_blank">جوجل بلس</a></li>
<li><a class="rss" href="http://feeds.feedburner.com/Al3oraby" target="_blank">خلاصات المواضيع</a></li>
</ul>
</div>
<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ORDwGxbzqaMJA2jMSOrY4FTfm7gaFA-HEMQxHsDpBcCPbMDc036P2y8d-EzeAHIXEDmIqVf9Myce31wW76TKUfJkQkmVoyj2CuH7wI3xs7YWQ8b7s_AMFsgrpGrIWSAVJtrDKklOSA/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ORDwGxbzqaMJA2jMSOrY4FTfm7gaFA-HEMQxHsDpBcCPbMDc036P2y8d-EzeAHIXEDmIqVf9Myce31wW76TKUfJkQkmVoyj2CuH7wI3xs7YWQ8b7s_AMFsgrpGrIWSAVJtrDKklOSA/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxEX0D-ganiHBTqGRFgeKmFlW8y7T_bJBCj1VqNTasWJltRYQLYqs5aLvYiLEmQipZeUQ9CURPIkhtBdoUe9cn_bytrJJqg9EU1Wd6a3f7ElHLQQ_MlDKxpYWyuPHGcaesO5rwoPSzA/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxEX0D-ganiHBTqGRFgeKmFlW8y7T_bJBCj1VqNTasWJltRYQLYqs5aLvYiLEmQipZeUQ9CURPIkhtBdoUe9cn_bytrJJqg9EU1Wd6a3f7ElHLQQ_MlDKxpYWyuPHGcaesO5rwoPSzA/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJk69mDx0rLUELhHmzWik1VQT9UQlmT7OJ1B5Q790ejBM1slnMtp6k3QSdCUmOJr5x38YXa3fezvvYSPTUTvVxBtDan5xnEighfDdkf_JNrXOLn0X9mQ9ZepHVJYbvu8YCd3Il6nTdlA/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJk69mDx0rLUELhHmzWik1VQT9UQlmT7OJ1B5Q790ejBM1slnMtp6k3QSdCUmOJr5x38YXa3fezvvYSPTUTvVxBtDan5xnEighfDdkf_JNrXOLn0X9mQ9ZepHVJYbvu8YCd3Il6nTdlA/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4JHeGlE57xCKHh8kJ6RYg_guvktVG5NfHIbayDpwRCJIx91_V9p8GocCSWknvACUCFH4L7PCwMlG9iBcLOgg4B17adOsfx4KkCyxBUoC-TXLSuxCfQx2wH2fKcz4voj3B2YAmrd-z5A/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4JHeGlE57xCKHh8kJ6RYg_guvktVG5NfHIbayDpwRCJIx91_V9p8GocCSWknvACUCFH4L7PCwMlG9iBcLOgg4B17adOsfx4KkCyxBUoC-TXLSuxCfQx2wH2fKcz4voj3B2YAmrd-z5A/s1600/twitter.png) no-repeat 0 0}
</style>

4- قم بتغيير ما باللون الأحمر برابط صفحاتك على الفيس بوك,تويتر,جوجل بلس,النشرة البريدية على الترتيب

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

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