إضافات أزرار الصفحات الإجتماعية على مدونتك 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/AVvXsEjJ4SZG8qaQdhbZ9-rzCYTE-6TgheR-p4j9A6De1wnXwktEmqSHmrpuD_ILPTHQ071-QVwoaDGgmF6QPwhp7-LOIK7OTvnpsxI2FqssmU_h8uYdo_CIhKQzYcj5mX3F83ImGVq9Y7KYvHwX/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/AVvXsEh9p8jqsjE4aGgEI6z5wz39ydzSKHQbjqMrUabZY330JNZYYxzRXxvkPir5kJNEPXudqM3i7OgOCAHNb0Kg8u5QULIw4zMuUwmF58tPPruDA33Ygg0blC-lE0aZ7lGUwLLhaQmA52uogoi-/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/AVvXsEjSYieSPX34sNXCmlt9yksgJJeNjxmAmku5c5zDAyUoxpTl43ea7IsBI2dwCnj6wAqrW6wHfnRe67sUb0pzdsDQAwTssTdsOCIRcrCrl-4G1brBUNwNSuDO-uMn9-hBEf4tbiV0mwOQ3VaS/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/AVvXsEiu7aVYk4G9pGnt8VjtvjIlxJzi1aNA1kDv60JrFYPfsxTLX8hT4Z6HJrGLKL4O_htHQebDWTOCOco3RKrzbNY_JcXDb7pktsp_RcSP3-HRUxIjh3grb7nZS_PwncLXx7W5WvslHs8kOg4L/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

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