احصائيات وعدد المواضيع بالمدونة بطريقة انيقه و مميزة - اضافه اداه احصائيات لبلوجر
احصائيات و عدد المواضيع بالمدونة بطريقة انيقه و مميزة 
توجة الى لوحت تحكم بلوجر.
توجه الى تخطيط.
اضافة اداة جديدة ثم اختر احصائيات المدونة.
ثم اجعل الخيارات هكذا.
ثم توجة للقالب تحرير HTML وابحث عن عنوان الأداة.

طريقة تركيب اداة ( ' اضافة احصائيات مدونة و عدد مواضيع مدونة بلوجر بشكل انيق ' ) :
ثم اجعل الخيارات هكذا ملاحظة احفظ عنوان الاداة مثال جميع إحصائات المدونة ليسهل عليك اجاد الكود بسرعة
- اسبدل فقط الأكواد المحددة داخل اللون الأحمر بالكود التالي.
<div class='widget-content'>
<ul class='cnmustatusw'>
<li class='cnmuspos'><i class='fa fa-file-text-o'/><span>عدد المواضيع : </span><h4 id='cnmustatpost'>&hellip;</h4></li>
<li id='cnmutc'><i class='fa fa-comments'/><span>عدد التعليقات : </span><h4 id='cnmustatcommen'>&hellip;</h4></li>
<li id='cnmutcount'><i class='fa fa-line-chart'/><span>عدد المشاهدات : </span><h4 expr:id='data:widget.instanceId + "_totalCount"'>&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;}
.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;}
.cnmustatusw h4 {color:#FDCF00;}.credit {background-color: #eee;font-size: 12px;height: 30px;line-height: 29px;overflow: hidden;padding: 0 5px;}
.credit a:hover {background-color: #607D8B;



تعليقات