اضافة تابعنا علي مواقع التواصل الاجتماعي لمدونات بلوجر | هي اضافة مهمة لكل مدون ولكل مدونة لانها تساعد الزائر في التواصل معك بشكل سريع وبدون تعب
طريقة التركيب :-
- توجة الي لوحة تحكم بلوجر > التخطيط > اضافة اداة
- اختر HTML/JavaScript ضع الكود التالي > حفظ
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> <style> #social{ margin: 0; padding: 0; } #social > li{float:right; width: 25%; text-align: center; margin: 0; position: relative;} #social > li > a{ margin: 0;padding: 0;} #social > li.social-item.facebook.\5b 1\2e 4M\5d > a > i{background-color: #5271b3;border-color: #5271b3;} #social > li.social-item.youtube.\5b 940K\5d > a > i{background-color: #eb1a21;border-color: #eb1a21;} #social > li.social-item.gplus.\5b 50K\5d > a > i{background-color: #cb2027;border-color: #cb2027;} #social > li.social-item.twitter.\5b 40K\5d > a > i{background-color: #49aff8;border-color: #49aff8;} .social-item.twitter .item-icon:before {content: "\f099";} .social-item.gplus .item-icon:before {content: "\f0d5";} .social-item.youtube .item-icon:before {content: "\f167";} .social-item.facebook .item-icon:before {content: "\f09a";} #social>li.social-item>a>span.item-count{display: block;color: #666;font-weight: 700;font-size: 14px;line-height: 20px;font-family: tahoma;} #social>li.social-item>a>span.item-count:hover{color:#166dbd} </style> <ul id="social"><li class="social-item facebook [1.4M]"><a href="https://web.facebook.com/"><i class="item-icon fa"></i><span class="item-count">21K</span><span class="item-text">معجب</span></a></li><li class="social-item youtube [940K]"><a href="https://www.youtube.com/"><i class="item-icon fa"></i><span class="item-count">26</span><span class="item-text">مشترك</span></a></li><li class="social-item gplus [50K]"><a href="https://plus.google.com"><i class="item-icon fa"></i><span class="item-count">25</span><span class="item-text">متابع</span></a></li><li class="social-item twitter [40K]"><a href="http://www.twitter.com/"><i class="item-icon fa"></i><span class="item-count">71</span><span class="item-text">متابع</span></a></li></ul>
