اضافة ازرار تابعني على اليوتيوب والفيس بوك وتويتر بشكل انيق وجذاب

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

الخطوات: 

أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير 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/AVvXsEg5q2kz6vG7P1m_98fv8bylU5XJWmgSrkdjA3rQzKB333CP1TussjoE0itpsyez7YSUc75CMhLsisYc7Y6fUGnh8sOrA5cOJ9of9i07A7hwI-tJDi6ku9Da6XS3yHCNqpkDK7ttXPaSPJpL/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/AVvXsEhAjfMbIB0p0iRANZ6XTEpXG5_MTWwN27-UjoDlmD8NwOMP1ixIYev0InYfsof7em0E9jT2MYKYyA5DSvBzTogtm28GibsIjAo_KcL_NEPdYq4LP3sq7Gkw9znQMF9QBq3ZFrof5v6gm3z5/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/AVvXsEiQ_6edHfXGuNAflEec9xxr-VFDaCetZiFIs8LPiwJkGfIf2EvQcKn8jZt5eysMsZw9k3Lhf53k2Zh5KszouAHVa4M66mQxGIdaG9YpdbY3MIXcSzHb-S9o1x6jktwFHqchPxwp2pv4SlsX/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/AVvXsEj48yCwfyLRDeJbR23iTHXC3sPuT-Q0uaIzl1ua4iip7qJMJEYTo092VYv24nHU5zLSpHvd4vFHmOnUAye3Naae5luIKG-E4PLTuR60gED5IINLg0eJHFA-D4w4gONEYuaLVFLmquj3UDkn/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

وأخيرا قم بحفظ الأداة
وكده يكون الموضوع انتها واتمنا ان اكون قد فدتكم بالشرح وبنتظار ردودكم