جدول المحتويات

إضافة عداد المتابعين لمدونات بلوجر بشكل إحترافي

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

كل ما عليك هو أن تذهب الى التخطيط من لوحة التحكم في المدونة ، ثم تقوم بإضافة أداة HTML/JavaScript ، ثم قم بنسخ الكود التالي والصقه داخل الاداة :
<div id='socialsidebar'> <ul> <li><a href="https://www.facebook.com/almohtarifte/"><div class="sidebar-facebook"><p class="animated fadeInDown"><i class="fa fa-facebook"></i><span class="social-num">+140</span><small class="social-count">اعجاب</small></p></div></a></li> <li><a href="http://twitter.com/"><div class="sidebar-twitter"><p class="animated"><i class="fa fa-twitter"></i><span class="social-num">+1.5K</span><small class="social-count">متابع</small></p></div></a></li> <li><a href="http://instagram.com/"><div class="sidebar-instagram"><p class="animated"><i class="fa fa-instagram"></i><span class="social-num">+1.7K</span><small class="social-count">متابع</small></p></div></a></li> <li><a href="https://www.youtube.com/"><div class="sidebar-youtube"><p class="animated"><i class="fa fa-youtube"></i><span class="social-num">1.4k</span><small class="social-count">مشترك</small></p></div></a></li> <li><a href="https://plus.google.com/"><div class="sidebar-googleplus"><p class="animated"><i class="fa fa-google-plus"></i><span class="social-num">1.5k</span><small class="social-count">مشترك</small></p></div></a></li> <li><a href="https://feedburner.google.com/"><div class="sidebar-rss"><p class="animated"><i class="fa fa-rss-square"></i><span class="social-num">2.4k</span><small class="social-count">مشترك</small></p></div></a></li> </ul> <style> /* SOCIAL COUNTERS*/ #socialsidebar .widget-content ul li { width: 33.2%; float: right; border: 1px solid #2A2E31; overflow: hidden; background: #22272A; } div#socialsidebar ul li>a { color: #BEBFC1; } div#socialsidebar ul li a>div { padding: 10px; text-align: center; text-transform: uppercase; display: block; } div#socialsidebar i { font-size: 30px; } #socialsidebar ul li a div .social-num { font-size: 15px; display: block; padding: 10px 0 2px 0; } #socialsidebar ul li a div small.social-count { display: block; padding: 2px 0 0px 0; } #socialsidebar ul li { width: 103px; float: right; border: 1px solid #FFFFFF; overflow: hidden; background: #F5F5F5; } div#socialsidebar ul li>a { color: #414142; } #socialsidebar ul li { width: 115px; float: right; border: 1px solid #FFFFFF; overflow: hidden; background: #F5F5F5; padding: 3px 0px; } div#socialsidebar ul li>a:hover { color: #414142 !important; background-color: #E0E0E0 !important; } #socialsidebar ul li:hover { background-color: #EDEDED; } .sidebar-youtube { color: #901313; } .sidebar-googleplus { color: #ce1a28; } .sidebar-rss { color: #ec4b15; } .sidebar-instagram { color: #a25a42; } .sidebar-twitter { color: #0ab7e2; } .sidebar-facebook { color: #0a55a0; } #socialsidebar ul li { width: 113.8px; float: right; border: 1px solid #FFFFFF; overflow: hidden; background: #f9f9f9; padding: 7px 0px; } </style> <br/> </div>
بعد ذلك قم بتعديل الروابط باللون البرتقالي بروابط حسابات موقعك في مواقع التواصل ، كما يمكنك تغيير عدد المتابعين لكل موقع بحسب الارقام التي باللون الأخضر .

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

إرسال تعليق