مدونة معاون

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

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

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

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

* اولا اتجه الى لوحة تحكم مدونتك.

* بعدها الى المظهر (القالب).

* ثم اضغط على سهم جنب كلمة تخصيص.

* بعدها اختر تحرير html.

* الان اضغط داخل صندوق اكواد وقم بضغط على Ctrl + F من لوحة مفاتيح كمبيوتر.

* سيظهر لك مربع بحث قم بالبحث عن هذا الكود التالي.

</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>

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

* ايضا لا تنسى تغير علامة # بروابط صفحاتك على الفيس بوك وتويتر … وغيرها من مواقع التواصل الإجتماعي.


الى هنا نصل الى نهاية تدوينة اليوم ، اتمنى ان تمون قد استفدتم منها. وفي حال كان لديك اي استفسار يمكنك تركه في تعليق او مراسلتنا عبر صفحتنا على الفيسبوك. كان هذا كل شئ لتدوينة اليوم.