AdSpace768x90
AdSpace768x90
اضافة احصائيات المدونة

اضافة احصائيات المدونة
طريقة سهلة وجميلة تابع الشرح
قبل كل شيئ 
انزل نسخة احتياطية لقالبك لتفادي المشاكل
ثم توجة للتخطيط واضف هذه الاداة


ثم اجعل الخيارات هكذا
ملاحظة احفظ عنوان الاداة مثال
 جميع إحصائات المدونة
ليسهل عليك اجاد الكود بسرعة


ثم توجة للقالب تحرير HTML وابحث عن عنوان الأداة


اسبدل فقط الأكواد المحددة داخل اللون الأحمر  بالكود التالي

<div class='widget-content'><ul class='cnmustatusw'><li class='cnmuspos'><i class='fa fa-file-text-o'/><span>عدد المواضيع : </span><h4 id='cnmustatpost'>&amp;hellip;</h4></li><li id='cnmutc'><i class='fa fa-comments'/><span>عدد التعليقات : </span><h4 id='cnmustatcommen'>&amp;hellip;</h4></li><li id='cnmutcount'><i class='fa fa-line-chart'/><span>عدد المشاهدات : </span><h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4></li></ul><script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('cnmustatpost').innerHTML=json.feed.openSearch$totalResults.$t};function cnmutc(json){document.getElementById('cnmustatcommen').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=cnmutc\"><\/script>');
//]]>

</script></div>

ثم اضف فوق   ]]></b:skin>   الكود التالي

/*إحصائيات المدونة*/.cnmustatusw {color: #fff;list-style: outside none none;margin: 0 !important;padding: 0 !important;}.cnmustatusw li {display: block;font-size: 15px;height: 32px;line-height: 32px;margin-bottom: 10px;overflow: hidden;}.cnmustatusw i {border-radius: 0%;color: #fff;font-size: 18px;height: 32px;line-height: 32px;margin-left: 8px;text-align: center;width: 32px;}.cnmustatusw i, .cnmustatusw span, .cnmustatusw h4 {float: right;line-height: 30px;margin-left: 4px;}.cnmustatusw h4 {color:#FDCF00;}.credit {background-color: #eee;font-size: 12px;height: 30px;line-height: 29px;overflow: hidden;padding: 0 5px;}.credit a {background-color: #E74C3C;border-radius: 4px;color: #fff;display: inline-block;font-size: 11px;font-weight: bold;height: 20px;line-height: 20px;padding: 0 8px;}.credit a:hover {background-color: #607D8B;}

 اي استفسار او مشكلة بالطريقة اكتبها بالأسفل 
اميرة كل الورود
كاتب ومحرر اخبار اعمل في موقع قالب .

جديد قسم :

إرسال تعليق

AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90