مرحبا ! لابد و انت تتجول بين المواقع او مدونات بلوجر شاهدت احصائيات و عدد المواضيع بالمدونة بطريقة مميزة وجداب اعجبتك ثم بعد دالك طرأت عليك فكرة تركيبها على الموقع او المدونة الخاصة بك, هذا ما جعلني اقوم بكتابة هذه التدوينة حول موضوع اضافة احصائيات مدونة و عدد مواضيع و عدد تعليقات مدونة بلوجر بشكل انيق وجداب.
توجة الى لوحت تحكم بلوجر.
توجه الى تخطيط.
اضافة اداة جديدة ثم اختر احصائيات المدونة.
ثم اجعل الخيارات هكذا.
ثم توجة للقالب تحرير 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;
اي استفسار او مشكلة بالطريقة اكتبها بالأسفل
إرسال تعليق