إضافة أداة المتابعة على مواقع التواصل الاجتماعي لمدونة بلوجر - في هذا الموضوع اخوتي واخواتي سنتطرق الى طريقة اضافة أداة المتابعة على مواقع التواصل الاجتماعي لمدونات بلوجر فهي إضافة من اهم وأجمل الإضافات لجميع المدونات فبفضلها سيتمكن عملائك وزوار موقعك من متابعتك على حساباتك في مواقع التواصل
طريقة الإضافة
- توجه الى لوحة تحكم بلوجر
- توجه الى التخطيط
- حدد المكان الذي تريد ان تضيف فيه ثم انقر على إضافة أداة
- اختر اداة HTML/JavaScript
- ثم قم بإضافة الكود التالي في صندوق الأكواد
- أضف الروابط الخاصة بك وقم بالحفظ
<div class='social-to'>
<ul>
<li class='facebook'><a href='رابط الفيس بوك'><span class='social-name'><i class='fa fa-facebook'></i></span><span class='social-count'>+ 86 ألف</span><span class='social-type'>متابع</span></a></li>
<li class='twitter'><a href='رابط تويتر'><span class='social-name'><i class='fa fa-twitter'></i></span><span class='social-count'>+1.5k</span><span class='social-type'>متابع</span></a></li>
<li class='rss'><a href='رابط رس'><span class='social-name'><i class='fa fa-rss'></i></span><span class='social-count'>+25 ألف</span><span class='social-type'>مشترك</span></a></li>
<li class='googleplus'><a href='رابط جوجل بلس'><span class='social-name'><i class='fa fa-google-plus'></i></span><span class='social-count'>+ 78 ألف</span><span class='social-type'>متابع</span></a></li>
<li class='youtube'><a href='رابط قناتك'><span class='social-name'><i class='fa fa-youtube'></i></span><span class='social-count'>+11 ألف</span><span class='social-type'>مشترك</span></a></li>
<li class='instagram'><a href='رابط انستجرام'><span class='social-name'><i class='fa fa-instagram'></i></span><span class='social-count'>+2.7k</span><span class='social-type'>متابع</span></a></li></ul></div>
<style>
/* Social Media */
.social-to ul li.rss a{ background:#ffac35} .social-to ul li.googleplus a{ background:#DD4B39} .social-to ul li.twitter a{ background:#4cadf7} .social-to ul li.facebook a{ background:#416dcb} .social-to ul li.instagram a{ background:#4586bb} .social-to ul li.youtube a{ background:#e4312a} .social-to ul li .social-type{ float:left} .social-to ul li .social-name{ float:right; margin-left:8px} .social-to ul li a{ display:block; border-bottom:3px solid rgba(0,0,0,0.09); margin-bottom:8px; color:#fff; padding:10px 18px; font-size:18px; border-radius:4px;
</style>
تعليقات
إرسال تعليق