إضافة عدد مشاهدات الموضوع تعتبر من بين الإضافات المميزة للمدونات على منصة بلوجر , و كون بلوجر لا يوفر هذه الإضافة عكس الووردبريس , فإن علينا الإلتجاء إلى الإضافات و الطرق "الملتوية" عبر الإلتجاء إلى بعض الخدمات المجانية التي تمثل حلا ناجحا , مثل خدمة Firebase التي توفر لك قاعدة بيانات تتسجل فيها عدد مشاهدات الموضوع تصل حتى 5GB !
1- توجه إلى لوجة تحكمك على بلوجر
2- توجه نحو القالب للتعديل عليه , و من ثم قم بأخذ نسخة إحتياطية للقالب (backup) حتى تتفادى أي مشكلة قد تواجهك .
3- تأكد أنك تستخدم مكتبة جيكويري (إبحث عن كلمة JQuery للبحث عن رابط إدراج الجيكويري , لو وجدته ممتاز , لو لم تجده أضف الكود أسفله مباشرة فوق
</head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
4- توجه نحو موقع firebase و أنشئ حسابك عبر هذا الرابط .
5- أنشئ قاعدة بيانات في حسابك على الموقع بالإسم الذي تريده
مثل ماهو موضح بالصورة :
7- الأن إبحث عن :
تعليقك المحفز و مشاركتك التدوينة مع أصدقائك يعني لي الكثير ! :)
مثل ماهو موضح بالصورة :
سجل الرابط الذي يظهر لك تحت APP URL , لأنك ستجتاجه فيما بعد .
6- توجه إلى قالبك , و ابحث عن :
]]></b:skin>
فوقه مباشرة أضف هذا الكود
/*-------- Post Views ----------*/ #views-container { width: 85px; float: right; } .DrROloading { background: url('https://lh6.googleusercontent.com/-WElAKwkhjNY/VBV-FV5CpBI/AAAAAAAAHSQ/kBv5y6mM0B4/s32-no/Mini%2Bballs.gif') no-repeat right center; width: 16px; height: 16px; } .viewscount { float: right; color: #EE5D06; font: bold italic 14px arial; } .views-text { float: right; font: bold 12px arial; color: #333; }
إقرأ المزيد http://www.condaianllkhir.com/2014/09/views-download-counter-blogger.html#ixzz3fxyKn7kd
7- الأن إبحث عن :
</body>
فوقه مباشرة , أضف هذا الكود :
<!-- Post Views --> <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('DrROloading'); var blogStats = new Firebase("https://modawin-blogger.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('DrROloading').text(data.value); data.value++; if(window.location.pathname!='/') { if(isnew) blogStats.set(data); else blogStats.child('value').set(data.value); } }); }); </script>
مغيرا https://modawin-blogger.firebaseIO.com بالرابط التطبيق الذي أنشأته .
8- أخر مرحلة , إبحث عن المكان الذي تريد أن تدرج فيه الإضافة بعد إقرأ المزيد أو في تحت العنوان ..الخ ,
يمكنك أن تبحث عن <data:post.body/>
ستجدها أكثر من مرة , ستحتاج الثانية أو الثالثة حسب قالبك .
فوقه مباشرة , ألصق هذا الكود :
<!-- Post Views Counter --> <div id='views-container'>ثم إضغط حفظ .. ربما تركيب الإضافة معقد قليلا , لذلك أي مشكلة تواجهك أترك تعليقك و سيتم الرد عليه .
<span class='views-icon'/><div class='views-text'>
عدد المشاهدات:</div>
<div class='DrROloading viewscount' id='postviews'/>
</div>
إقرأ المزيد http://www.condaianllkhir.com/2014/09/views-download-counter-blogger.html#ixzz3fy0bePwB
تعليقك المحفز و مشاركتك التدوينة مع أصدقائك يعني لي الكثير ! :)
ليست هناك تعليقات
إرسال تعليق