إضافة عدد الزيارات لمواضيع مدونات بلوجر بشكل رائع
|
بسم الله الرحمن الرحيم
مرحبا بكم إخواني في درس جديد فيه سوف أقدم لكم كيفية إضافة عدد المشاهدات لمواضيع مدوناتكم ,هته الأداة تحسب عدد الزيارات لكل مواضيع مدونات بلوجر,إذن نأتي إلى طريقة التركيب:
1-من لوحة التحكم بلوجر نختار قالب
2-ثم تحرير HTML
3-ثم نبحث عن الكود التالي: ]]></b:skin>
4-ثم نضيف الكود التالي فوقه مباشرة:
/*-------- Post Views ----------*/#views-container {width: 315px;float: right;margin-top: -55px;}
.mbtloading {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKOXPgioAz68HtfMiUXl7cQCAdNu5JRM5WFOyOqHYkoItO-RWb6BL4M01tSJeKrb_3kGfSVIP5arP3sj6CscNXiLg2nRPl2FVSQAuqw_5jSsuhyeR6Nizp8TCs4KKUxW1ob5Mfa5f1wfrT/s320/mbtloading.gif') no-repeat left center;width: 16px;height: 16px;}
.viewscount {float: right;color: #EE5D06;font: bold italic 15px arial;padding: 0px 317px;margin-top: -21px;}
.views-text {float: left;font: bold 12px arial;color: #333;margin-top: -20px;font-family: "ge_dinar";}
.views-icon{background: url('https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/eye-24-20.png') no-repeat left;padding: 0px 350px;}
5-نبحث عن الكود التالي : </body>
6- ثم ضع فوقه الكود التالى:
<!-- Post Views Script by manarainfo.com --><script type='text/javascript'>window.setTimeout(function() {document.body.className = document.body.className.replace('loading', '');}, 10);</script><script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/><script>$.each($('a[name]'), function(i, e) {var elem = $(e).parent().find('#postviews').addClass('mbtloading');var blogStats = new Firebase("https://clubup-9.firebaseio.com/pages/id/" + $(e).attr('name'));blogStats.once('value', function(snapshot) {var data = snapshot.val();var isnew = false;if(data == null) {data= {};data.value = 0;data.url = window.location.href;data.id = $(e).attr('name');isnew = true;}elem.removeClass('mbtloading').text(data.value);data.value++;if(window.location.pathname!='/'){if(isnew)blogStats.set(data);elseblogStats.child('value').set(data.value);}});});</script>
7-اخيرا ابحث عن <data:post.body/>
-ثم ضع فوقه الكود التالي لاظهار عدد المشاهدات (ضع العداد في اي مكان يناسبك)
<!-- Post Views Counter by manarainfo.com--><div id='views-container'><span class='views-icon'/><div class='views-text'>الزيارات:</div><div class='mbtloading viewscount' id='postviews'/></div>
أرجو أن يكون الدرس أعجبكم وإلى اللقاء في دروس جديدة.
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).