إبحث في هذه المدونة

اضافة أزرار مواقع التواصل الاجتماعي مثل مدونة المحترف

سنتكلم في موضوع اليوم عن اضافة جديد من إضافات بلوجر، وهي كيفية اضافة أزرار مواقع التواصل شبيها بالتي موجودة بمدونة المحترف.
بالطبع الاضافة سوف تعجب الكثيرون، لأن اغلب المدونين يجعبهم قالب مدونة المحترف كما يمكنك معاينة الإضافة من أسفل، كي لا اطيل عليكم دعنا نمر لشرح كيفية تركيب أزرار مواقع التواصل الاجتماعي مثل ماهو موجد في مدونة المحترف.
أزرار مواقع التواصل الاجتماعي مثل مدونة المحترف
أزرار مواقع التواصل الاجتماعي مثل مدونة المحترف

شرح تركيب أزرار مواقع التواصل:

- اولا يمكنك معاينة أزرار مواقع التواصل الاجتماعي.
- ثانيا قم بدخول لقالب مدونتك و ابحث عن هذا الوسم التالي.
]]></b:skin>
عندما تقوم بايجاده قم بوضع الكود التالى فوقه.
.headerbottom{box-shadow:3px 5.196px 6px 0 rgba(0,0,0,0.024)}
.socialmedia{padding:5px 0;background:#fff;margin-bottom:15px;overflow:hidden}
.socialmedia ul{float:right;margin:10px 0}
.socialmedia ul li{float: right;display: block;padding: 7px 0;width: 25%;border: 3px solid #FFF;}
.socialmedia ul li i{font-size:24px;float:right;line-height:40px;margin:0 10px}
.socialmedia ul li a{color:#fff}
.socialmedia ul li:last-child{margin:0}
.socialmedia ul li.fb{background:#366299}
.socialmedia ul li.gplus{background:#dd4c3a}
.socialmedia ul li.twitter{background:#429cd6}
.socialmedia ul li.youtube{background:#cd2227}
.socialmedia ul li p{font-size:16px;line-height:28px}
- لان مع الكود الاخير وهذ الكود سوف تقوم بوضعه فى المكان الذى تريده فى قالب مدونتك، ان لم تعرف اين تضعه اخبرنا في تعليق وسنقوم بوضع لك مكان وضعه.
<div class='socialmedia'>
<div class='container'>
<ul>
<li class='fb'><a href='#' target='_blank'><i class='fa fa-facebook-official'/>
<p>إنضم لأكثر من مليون و نصف معجب عبر صفحتنا على الفيسبوك</p></a></li>
<li class='gplus'><a href='#' target='_blank'><i class='fa fa-google-plus-square'/><p>إنضم إلينا عبر جوجل + حيث أكثر من 33 ألف يتابعنا</p></a></li>
<li class='twitter'><a href='#' target='_blank'><i class='fa fa-twitter-square'/><p>إنضم لأزيد من 40 ألف متابع لنا عبر تويتر</p></a></li>
<li class='youtube'><a href='#' target='_blank'><i class='fa fa-youtube-square'/><p>تابعنا على يوتيوب حيث أكثر من مليون و 300 ألف متابع لفيدوهاتنا</p></a></li>
</ul>
</div>
</div>
- يمكنك تعديل فى الكود السابق حتى يتناسب معك مع مدونتك وبعدها قم بحفظ القالب.
ايضا لا تنسى تغير علامة # بروابط صفحاتك على الفيس بوك وتويتر ... وغيرها.
هذا كل شئ لتدوينة اليوم، اتمنى ان تنال الاضافة و التدوينة اعجابكم، سلام.

ليست هناك تعليقات:

إرسال تعليق