السلام عليكم, اليوم سوف اقدم لكم اضافه جديده على منصات بلوجر , والتي هي عباره عن ايقونات chronicl-social جذابه وبالوان رائعه, تميز هذه الايقونات بالوان متغيره خلابه و ملفته , والتي بدورها تزيد من جمالية المدونه ,وأضن ان اكثركم لم يراها من قبل ,لانها حديثة البرمجة حيث تتميز بايقونات صغيرة تعبر عن كل خدمة ,وتضم كل المواقع الاجتماعية المستخدمة والمنتشرة بكثرة; لا اطيل عليكم ساترككم مع شرح تركيب الاضافه.
انتقل إلى لوح تحكم مدونتك
HTML/Javascript إختر "تخطيط" ثم إضافة أداة ,ثم اختر
والآن الصق الكود التالي :
<style type='text/css'>
/*WIdget by http://www.thep-rofessional.blogspot.com/*/
.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; }
/*WIdget by www.http://alb33dani.blogspot.com*/
</style>
<div class="wg-roseicwidget"> <ul>
<li><a class="facebook" href="https://www.facebook.com/ExpertsPrograms">ادعمنا على فيس بوك</a></li>
<li><a class="rss" href="http://feeds.feedburner.com/allabouch">اشترك عبر البريد</a></li> <li><a class="twitter" href="https://twitter.com/Thepofessional">تابعني على تويتر</a></li>
<li><a class="google" href="https://plus.google.com/106308083048364748751">Google+تابعني </a></li>
<li></li>
</ul>
</div>
وقم بالحفض
ليست هناك تعليقات :
إرسال تعليق