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

الكاتب Unknown في 12:21 م لا يوجد تعليقات

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

أولا:من باب الإحتياط قم بحفض نسخة عن قالبك لكي لا نواجه أي مشاكل مستقبلية.

ثانيا:نتجه إلى القالب=====>تحرير HTML،و نقوم بالضغط على Ctrl+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/AVvXsEi6IwK1Kr0Sii70o6VIen3hdIzExmTWY0mREDMSo_ebjcJrgtHRbIANacdwSKUGl8ZeUPU4afbKNTykuSCv2VJy5OwbEMBgXoCk3aM3j15pFwen_7VmlLaqnzc32Vyskx9526SQo454I2xJ/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/AVvXsEjEVyWYLtuGfATV4pnFwKXOTimPXYrfoek9M-zEq28dIfHIPsuv0iDtuR36qRDaCVb_l6hFFpBdjkyvZTDFM5W5zib-TqqP0cymfTLQkmdg1wx7t4-W-RVJn0rFjfq7VOb_mxxUhqUjB8pt/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/AVvXsEj1vmWuQDX1C-bOlEG6KSR0ghOwP_prxlpYTPQUlIFu-V8ON1QMG03qmIg1fo-UnskdNZC38qOAQN2-ByHZkuY9QtgAaKmQ0ZjC-5wqb70xExtgaGQcUoWZDfxCK0cSi8fClAt3_8FWWImS/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/AVvXsEidhWvcHST_9GXFgaBATp8gCKAJYYNbC0U09FbaMRuLZ_nSxYx27UcbRqSaL-9qVtwrxKsaXSDZnuZSRJayiUnowZF2uh0PeOj-T533xTunZH32r_Hei_XSBwRnUL_TUugnT9Tc-lRDArhA/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

• قم بتغيير الجمل الملونة باللون الأحمر بالروابط الخاصة بك.

-إذا رأيت أن الشرح قد أفادك لا تنسنى بتعليقاتك المشجعة و شكرا!