03-12-2014, 11:06 PM
#1
مدون نشيط
تاريخ التسجيل: Feb 2014
المشاركات: 124
اضافة ازرار المواقع الاجتماعية - اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
اقدم لكم اليوم اضافة ازرار المواقع الاجتماعية 2014 بشكل انيق
الشرح :
اذهب الي صفحة التخطيط واضف اداة جديدة HTML واضف بها الكود التالي :
كود PHP:
< style type = 'text/css' >
. wg - roseicwidget { width : 300px ; margin : - 10px ; text - decoration : none ; }
. wg - roseicwidget ul { margin : 0 ; padding : 0 ; text - decoration : none ;}
. wg - roseicwidget ul li { list- style : none ; padding : 0 ; text - transform : none ; text - decoration : none ;}
. wg - roseicwidget ul li a { color : #fff; display:block; text-decoration: none;}
. wg - roseicwidget ul li a : hover { color : #c9c9c9; background-color: #333; text-decoration: none; }
. wg - roseicwidget ul li . rss { background : url ( "http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png" ) no - repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
. wg - roseicwidget ul li . twitter { background : url ( "http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png" ) no - repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
. wg - roseicwidget ul li . facebook { background : url ( "http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png" ) no - repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
. wg - roseicwidget ul li . google { background : url ( "http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png" ) no - repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
. wg - roseicwidget ul li . linkedin { background : url ( "http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png" ) no - repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
</ style >
< div class= "wg-roseicwidget" > < ul >
< li >< a class= "facebook" href = "رابط صفحتك علي الفيس بوك" > ادعمنا على فيس بوك </ a ></ li >
< li >< a class= "rss" href = "الرابط هنا" > اشترك عبر البريد </ a ></ li >
< li >< a class= "twitter" href = "الرابط هنا" > تابعني على تويتر </ a ></ li >
< li >< a class= "google" href = "الرابط هنا" > Google + تابعني </ a ></ li >
< li >< a class= "linkedin" href = "ايدي هنا" > تواصل معي عبر لينكيدن </ a ></ li >
</ ul >
</ div >
اضف روابط صفحاتك واحفظ العمل
__________________
من مواضيع Blog-Add