05-10-2013, 04:53 PM
#1
مدون نشيط
تاريخ التسجيل: Apr 2013
المشاركات: 186
حصريا اضافة مترو المواقع الاجتماعية بشكل جديد مثل عالم العرب
سلام عليكم
اخوان في هذه التدوينة سوف اقدم لكم كود حصري للاضافة اداة html بلوجر
لمشاهدة مثال الحي
غير بلون أزرق بما يناسبك
كود بلغة HTML:
<center> <style type="text/css" >
.btnt-chronicl-social { width: 250px; margin: 0px; }
.btnt-chronicl-social ul { margin: 0; padding: 0; }
.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a { color: #fff; display:block; }
.btnt-chronicl-social ul li a:hover { color: #ffffff; background-color: #35B0F2; }
.btnt-chronicl-social 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; }
.btnt-chronicl-social 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;}
.btnt-chronicl-social 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; }
.btnt-chronicl-social 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; }
.btnt-chronicl-social 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="btnt-chronicl-social" >
<ul>
<li> <a class="rss" href="http://feedburner.google.com/fb/a/mailverify?uri=alam3arb/abcdx&" > اشترك في RSS</a> </li>
<li> <a class="twitter" href="https://twitter.com/alam3arbcom" > تابعنى على تويتر</a> </li>
<li> <a class="facebook" href="https://www.facebook.com/d7ak.m3arask" > تابعنا على فيس بوك</a> </li>
<li> <a class="google" href="https://plus.google.com/108955442810725743449/" > انضم الينا عبر Google+</a> </li>
</ul>
</div> </center>
المصدر: عالم العرب http://www.alam3arb.com/2013/05/blog...#ixzz2SuBglCLp
__________________
من مواضيع alam3arbcom