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

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

اليوم أقدم لكم إضافة من أهم إضافات بلوجر الذي يجب الاهتمام بها وأيضاً لتسهيل الزوار على التواصل معك ومتابعتك
لذالك نقدم لكم كود تابعنا على مواقع التواصل الأجتماعي هده الاضافة رائعة وتعطي جمالية لمدونات بلوجر.

تركيب الإضافة

الاضافة تتكون من جزئيين الجزاء الأول هو ملف CSS هو ملف تنسيق الاضافة بحيث يحتوي على تنسيق الألوان وترتيب.

لتركيب CSS نتوجه الى لوحة تحكم المدونة ثم المظهر ثم تحرير HTML ثم نبحث عن ]]></b:skin> ونضع فوقه/الكود التالي

.kt-social-buttons-widget ul {
list-style: none;
padding-left: 0;
    text-align: center;
}
.kt-social-buttons-widget li a {
font-size: 10px;
text-transform: uppercase;
    letter-spacing: 0px;
text-decoration: none;
display: block;
padding: 10px 1px 10px 10px;
}
.kt-social-buttons-widget ul li {
width: 100%;
margin-bottom: 10px;
}
.kt-social-buttons-widget li a.social-btn-twitter {
background: #1da1f2;
color:#fff;
}
.kt-social-buttons-widget li a i {
float: right;
width: 35px;
height: 14px;
line-height: 14px;
text-align:center ;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
.kt-social-buttons-widget li a i {
border-left: 1px solid #666;
line-height: 14px;
}
.kt-social-buttons-widget li a.social-btn-facebook {
background: #3b5998;
color:#fff;
}
.kt-social-buttons-widget li a.social-btn-youtube {
background: #cd201f;
color:#fff;
}
.kt-social-buttons-widget li a.social-btn-instagram {
background: #405de6;
color:#fff;
}
.kt-social-buttons-widget li a:hover {
color: #0a0a0a !important;
background:#f8f8f8 !important;
}

ألان نأتي الى تركيب وسوم الاضافة نذهب الى التخطيط تم نختار المكان المناسب ثم نضغط "إضافة أداة" تم أضف HTML/JavaScrip واكتب عنوان مناسب في صندوق العنوان وضع الكود التالي في صندوق النص. وضغط حفظ

<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix">
<li><a href="#!" class="social-btn-twitter">تابعنا عبر تويتر<i class="fa fa-twitter"></i> </a></li>
<li><a href="#!" class="social-btn-facebook">تابعنا عبر الفيس بوك <i class="fa fa-facebook"></i> </a></li>
<li><a href="#!" class="social-btn-youtube">تابعنا في اليوتيوب <i class="fa fa-youtube"></i> </a></li>
<li><a href="#!" class="social-btn-instagram">تابعنا في انستجرام <i class="fa fa-instagram"></i> </a></li>
</ul></div>

قم بتغيير #! بروابط صفحتك في مواقع التواصل الاجتماعي ومبروك عليك الاضافة