احصائيات وعدد المواضيع بالمدونة بطريقة انيقه و مميزة - اضافه اداه احصائيات لبلوجر


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












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


  • توجة الى لوحت تحكم بلوجر.
  • توجه الى تخطيط.
  • اضافة اداة جديدة ثم اختر احصائيات المدونة.





  • ثم اجعل الخيارات هكذا. 
     ثم اجعل الخيارات هكذا ملاحظة احفظ عنوان الاداة مثال جميع إحصائات المدونة ليسهل عليك اجاد الكود بسرعة
  • ثم توجة للقالب تحرير 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;

    تعليقات

    الأرشيف

    نموذج الاتصال

    إرسال