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

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

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

طريقة تركيب اداة ( ' اضافة احصائيات مدونة  و عدد مواضيع مدونة بلوجر بشكل انيق ' ) :

توجة الى لوحت تحكم بلوجر.

توجه الى تخطيط.

اضافة اداة جديدة ثم اختر احصائيات المدونة.

ثم اجعل الخيارات هكذا. 

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

ثم توجة للقالب تحرير 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;}
.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;

اي استفسار او مشكلة بالطريقة اكتبها بالأسفل