اسهل طريقة لاضافة ازرار الشبكات الاجتماعية لمدونة بلوجر

بسم الله الرحمان الرحيم

وصلى الله على سيدنا محمد

السلام عليكم زوار واعضاء بيت ربح من الانترنت

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

البداية :

ندخل الى لوحة تحكم المدونة

ثم الى التخطيط

تليها اضافة اداة

نختار html/javascript

نقوم بنسخ الكود التالي ووضعه في الاداة

 

<style>

/* Social Icons

----------------------------------------------- */

a.social-icons {

margin-right: 5px; /*Adjust This Value As Needed*/

height:45px;

width:45px;

}

a.social-icons:hover {

opacity: .7;

filter:alpha(opacity=70); /* For IE8 and earlier */

} height:45px;

width:45px;

</style>

<a class="social-icons" href="https://facebook.com/****"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/facebook_zps17e8a317.png" /></a>

<a class="social-icons" href="https://twitter.com/****"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/twitter_zpsad21acd1.png" /></a>

<a class="social-icons" href="https://stumbleupon.com/****"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/stumbleupon_zpsb5c9fe2f.png" /></a>

<a class="social-icons" href="http://www.feedburner.com/****"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/rss_zps237db27e.png" /></a>

<a class="social-icons" href="http://flicker.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/flickr_zps538aca1b.png" /></a>

 

الان اضغط على حفظ

ملاحظة:لا تنسى تغيير ***** بحساباتك على الشبكات الاجتماعية

الف الف الف مبروك

في انتظار اقتراحاتكم و استفساراتكم

سلام سلام سلام

Posted in: اضافات بلوجر