إضافات أزرار الصفحات الإجتماعية على مدونتك Blogger

الخطوات: 

أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير html ، ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F اذا كنت تستخدم متصفح جديد مثل كرومي او موزيلا ونبحث عن :  ]]></b:skin>

ثم نضيف الكود التالي قبله .

/*sus code by Ayoub-Etmaiti */
 .Azrar-Ayoub-Etmaiti {
border-radius: 50%; /* الحدود الدائرية  */
box-shadow: 0px 0px 15px #000; /* الظل*/
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.Azrar-Ayoub-Etmaiti:hover {
box-shadow: 0; /* لحذف الحدود الدائرية عند مرور المأشر */
border-radius: 0; /*لحذف الظل عند مرور المأشر */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

.Ayoub-Etmaiti-center {
        text-align: center /*لتوسيط الأزرار  */
}
 /*sus code by Ayoub-Etmaiti */

قم بحفظ القالب 


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<div class="Ayoub-Etmaiti-center">
<a href="رابط الفيسبوك هنا" target="_blank" title="¡فيسبوك!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6p5g5lgC9jANgy7G2ts4wh6NU1q5fa3-rV1sn4OKofKirihIQjL8x90o43AS7iXlBitjwcySTv0avWAL5m_rRXCgLujgb0TZFfwq2Z-jVNOqGTulCRo5H0Fbk4rBW8POwM8fn7aWAxfh/s1600/sus-Ayoub-Etmaiti-facebook.png" /></a>
<a href="رابط تويتر هنا" target="_blank" title="¡تويتر!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj90WPyl96cbQzRgLHz8BpIbzfWOo_5CgElRxl2-ah-y7a9iavjGTNKteaMjewn7Mpsx79__zz8cBo1rzvsQ3DldvKADx3odHKmyJJr-ejelQqIFgirB_vrud1uKcJ7uCI5DCbzhZLeBrao/s1600/sus-Ayoub-Etmaiti-twitter.png" /></a>
<a href="رابط يوتوب هنا" target="_blank" title="¡يوتوب!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDiJmClkxWGacbn3Rov1vw-BRZbR2MrZUUcHT-1PuNbYNUdidF70Bb1QO-Q-OVYdO1zoNZs99zRiFgFM_SHCHJrDR2conl8X1ag8T2eI8QeGWa6nxxECb2Bc7RBTnn2Id-c3Qc3uEATErO/s1600/sus-Ayoub-Etmaiti-youtube.png" /></a>
<a href="رابط الخلاصة هنا" target="_blank" title="¡الخلاصة!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAlAUZw8mHKojElel1HCF_KQmgALsJemQ4MJCltc3TQNFlSki9nJQDrqJy2ROty96JYah9K8S5wg6x6iCMWKqUxR-sq_xP0_7dpYBl4Nw6tG3jhtyuQofhLf544VHVllHR2eRmXGkmGoOj/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

وأخيرا قم بحفظ الأداة ، نتمنى أن لا تبخلوا علينا بتعليقاتكم المشجعة ..