كيفية اضافة عدد المشاهدات لمدونة بلوجر


    السلام عليكم ورحمة الله وبركاته اليوم موعدنا مع اضافة جديدة وحصرية نادارا ما ندخل للمدونات ونجد اضافة تبين عدد المشاهدات وذلك ليس لان الاضافة غير معروفة  بل لانها لا تعمل الا على المدونات التى لديها دومين مدفوع ولكن اليوم على دبور فون سوف تعمل على جميع المدونات حتى المدونات التى تستعمل دومين بلوجر الفرعى  
نبدا الان 

  • كيفية التركيب :
1. أولا ، إنشاء حساب فى Firebase

2. بعد إنشاء حساب ، ستظهر صفحة لوحة التحكم . محتويات بيانات التطبيق الجديدة في حقول النموذج أسفل اليسار كما في المثال أدناه ، انقر فوق إنشاء التطبيق الجديد  ( CREATE NEW APP ) .


اضغط الزر manage app


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


قبل الانتقال إلى الخطوة التالية ، تأكد من القالب بلوجر الخاص بك هو بالفعل هناك مكتبةجيكويرى . إذا لم يكن هناك لديك ابحث عن الوسم  < / head>

واضفه فوقه الكود التالى : 
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

3. والخطوة التالية ، انتقل إلى لوحة تحكم المدونة > قالب> تحرير HTML ، نسخ الرمز أدناه قبل
]]></b:skin>
أو
</style>

/*------------------CSS Views Effect By Dabour Phone---------------------*/
.views-text {float:right;font:15px Electrolize,ge_ss_threeregular;color: #0976B4;margin-left:-8px;}.fa-eye:before {content: "\f06e";margin-left:9px;color:#0976B4!important;}
.viewers{margin:30px 235px 0px 20px;display:table;background:#fefefe;color:#333;padding:6px 12px;box-shadow:inset 0 0 0 1px #c9c9c9;cursor:default;font-weight:bold;transition:all .3s ease-out}
.viewers:hover {background:#aaa;color:#fff;box-shadow:inset 0 0 0 1px #888;}
.viewers .loading {display:inline-block;width:20px;height:20px;background:transparent url('http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif') no-repeat 0 0;vertical-align:middle}


ثم نسخ الكود بالأسفل فقط قبل  </body>

<b:if cond='data:blog.pageType != &quot;index&quot;'><script src='http://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script><script type='text/javascript'>//<![CDATA[// View counter  $(function(){var a=$(".viewers");a.each(function(){var n=$(this).attr("id"),e=new Firebase("https://dabourphone.firebaseio.com/"+n);e.once("value",function(n){var i=n.val();null==i?i=1:"/"!=window.location.pathname&&i++,e.set(i),a.children("span").removeClass("loading").html(i)})})});//]]></script></b:if>

  •  الان استبدل https://dabourphone.firebaseio.com/ 
  • برابط تطبيقك الذى انشاته ووضعته فى المفكرة 
ثم ابحث عن رمز أدناه

<data:post.body/>



  • ضع الكود التالى اسفله مباشرة:  

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='viewers' expr:id='&quot;obs-&quot; + data:post.id'><div class='views-text'>
<i class='fa fa-eye'/>عدد المشاهدات :</div>&amp;nbsp;<span class='loading' style='margin-right:10px;'/>&amp;nbsp;</div>
</b:if>
4. احفظ القالب . 

مبروك عليك الاضافة 
***



دبور فون

M.H.I

هناك 18 تعليقًا:

  1. ممكن ترحلى الخطوة الثالثة ويوجد اكثر من واحد من هذا الكود انهى اختار

    ردحذف
    الردود
    1. اخى الكريم الكود الأخير هو المقصود .. بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد ضع الكود بالمكان المناسب لك 

      حذف
  2. انت الاروع شكرا لك :) Db:

    ردحذف
  3. شكرا لك اخي إضافة رائعة :Q :-bd

    ردحذف
  4. لم تنجح معي ارجووك ساعدني

    ردحذف
    الردود
    1. اخى الكريم جرب وضع هذا كود
      <b:if cond='data:blog.pageType != &quot;index&quot;'><script src='http://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script><script type='text/javascript'>//<![CDATA[// View counter  $(function(){var a=$(".viewers");a.each(function(){var n=$(this).attr("id"),e=new Firebase("https://dabourphone.firebaseio.com/"+n);e.once("value",function(n){var i=n.val();null==i?i=1:"/"!=window.location.pathname&&i++,e.set(i),a.children("span").removeClass("loading").html(i)})})});//]]></script></b:if>
      فوق </head> بدلا من </body> واذا لم تنجح زودنى برابط مدونتك من فضلك #سعيد_جدا :) _لخدمتك واى استفسار لا تترد ضعه فيه تعليق وسوف يتم الرد عليك فى اسرع وقت باذن الله Db:

      حذف
  5. عدد المشاهدات مش بيستحب لان مش فاهم الخطوه دي مرة واحدة والرابط مفتوح ، انسخ الرابط والصقه في تطبيق المفكرة
    انهي مفكرة ؟

    ردحذف
    الردود
    1. مفكرة جهازك ال note pad اخى ابواسماعيل للمعلوميات مدونة المتصدر Db:

      حذف

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊

أحدث الأخبار

10/recent