طريقة اضافة أزرار تابعني على يوتوب،فيسبوك،تويتر و الخلاصة

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر 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/AVvXsEijx32QlGZIMAMshg9zOW3Eafu7VVaB1Io_sSOefsGwnILdNwK3637GWv_tMF70Ht3yXt2-fqXvDY9jjSpvxYYH_KYTXce1OnpsCRUBjnW0SlhCEgQEQKEVgzE1UxJLCK75esUigtNh4tUM/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/AVvXsEg2sfVShtF_1BfK-9d3njWyGvbIohSaI-h3G04Fq1cUsGf4Ubn-yMaOGvn1NHINtQ_xDkyDqmsECMU6NJ08iSvNuU07XNhIWPjzadklpoY15i3cWMdbhyHXh5KQjFdBdzCFHVKlIXQaFWK0/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/AVvXsEi6t4d5fA4MtsdNrlDHq0WODahnBVwhOEAVIw69eE25L2AK9-BgHecxP5fWXw4XjQiP1wx4FlI8h_mMj7H3DDzAqtR62X_ugJaish-berofmDpoyMurLcojzfhGFOPECCjYnCXToGV_IOGI/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/AVvXsEgRsCmiibIoJykVS_lgdfb00gFn1sN4S2CEvQRv9oRaQfINiaSWVNLrdEwYUL-sXnJImfzqdCJ7iKoQn81doFkFmk-GqinNzqGtca1b2EbFTMpwbX8P8I3D_HVvhwl40o2oKQ30ynT-36Wr/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

وأخيرا قم بحفظ الأداة