| Blog-Add |
03-12-2014 11:06 PM |
اضافة ازرار المواقع الاجتماعية - اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
اقدم لكم اليوم اضافة ازرار المواقع الاجتماعية 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>
اضف روابط صفحاتك واحفظ العمل |
