اضفاة ازرار التواصل الاجتماعى

Unknown 9:52 ص

اضافة ازرار التواصل الاجتماعى ماتريل ديزاين الى مدونة بلوجر

الاضافة من تعديل مدونتنا احتياجات 

الاضافة بالوان ماتريال ديزاين 

تعديل الالوان : مدونتنا احتياجات

المعاينة فى الصورة فى الاعلى

اما عن كيفية الاضافة

سهلة جدا 

1. اذهب للمدونة 
2. اضافة اداة Html
3. ثم اضف هذا الكود

<style> /* Social Counter V1 by Ara1tech.blogspot.com --------------------------------------*/ .socialcounter { overflow: hidden; } li.social_item-wrapper-ara1tech { float: left; width: 48%; text-align: center; margin-right: 4% !important; margin-bottom: 10px !important; color: #fff; } #sidebar-ara1tech .widget { margin-bottom: 35px; } a.social_item { position: relative; display: block; height: 60px; line-height: 60px; overflow: hidden; } .social_item-wrapper-ara1tech:nth-child(2n+2) { margin-right: 0 !important; } .social_icon { float: left; line-height: 60px; width: 41px; font-size: 1.3rem; } a.social_item.social_facebook { background: #3F5B9B; } .fa-facebook.social_icon { background: #2E4372; } li.social_item-wrapper-ara1tech:hover .fa-facebook.social_icon { background: #3F5B9B; } li.social_item-wrapper-ara1tech:hover .social_facebook { background: #2E4372; } a.social_item.social_twitter { background: #1C97DE; } .fa-twitter.social_icon { background: #1571A5; } li.social_item-wrapper-ara1tech:hover .fa-twitter.social_icon { background: #1C97DE; } li.social_item-wrapper-ara1tech:hover .social_twitter { background: #1571A5; } a.social_item.social_youtube { background: #E22020; } .fa-youtube.social_icon { background: #B31919; } li.social_item-wrapper-ara1tech:hover .fa-youtube.social_icon { background: #E22020; } li.social_item-wrapper-ara1tech:hover .social_youtube { background: #B31919; } a.social_item.social_dribbble { background: #E82159; } .fa-dribbble.social_icon { background: #B51A45; } li.social_item-wrapper-ara1tech:hover .fa-dribbble.social_icon { background: #E82159; } li.social_item-wrapper-ara1tech:hover .social_dribbble { background: #B51A45; } a.social_item.social_rss { background: #E86321; } .fa-rss.social_icon { background: #C2521B; } li.social_item-wrapper-ara1tech:hover .fa-rss.social_icon { background: #E86321; } li.social_item-wrapper-ara1tech:hover .social_rss { background: #C2521B; } a.social_item.social_google-plus { background: #E82C2C; } .fa-google-plus.social_icon { background: #BF2424; } li.social_item-wrapper-ara1tech:hover .fa-google-plus.social_icon { background: #E82C2C; } li.social_item-wrapper-ara1tech:hover .social_google-plus { background: #BF2424; } a.social_item.social_linkedin { background: #0275B6; } .fa-linkedin.social_icon { background: #02669E; } li.social_item-wrapper-ara1tech:hover .fa-linkedin.social_icon { background: #0275B6; } li.social_item-wrapper-ara1tech:hover .social_linkedin { background: #02669E; } a.social_item.social_instagram { background: #8E714D; } .fa-instagram.social_icon { background: #6F583C; } li.social_item-wrapper-ara1tech:hover .fa-instagram.social_icon { background: #8E714D; } li.social_item-wrapper-ara1tech:hover .social_instagram { background: #6F583C; } a.social_item.social_pinterest { background: #CA2027; } .fa-pinterest.social_icon { background: #AB1B21; } li.social_item-wrapper-ara1tech:hover .fa-pinterest.social_icon { background: #CA2027; } li.social_item-wrapper-ara1tech:hover social_pinterest { background: #AB1B21; } ul.social-counter-ara1tech a { color: #fff; } </style> <div class="socialcounter"> <ul class="social-counter-ara1tech"> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">فيسبوك</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">تويتر</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">يوتيوب</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><span class="social_num">دريبل</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><span class="social_num">الار اس اس</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><span class="social_num">جوجل بلس</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">ليكدان</span></a></li> <li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">انستجرام</span></a></li> </ul> </div>

ولا تنسوا تعليق واشتراك بالمدونة شكرا 

شارك الموضوع :

عن الكاتب: Unknown

مواضيع ذات صلة :