مشاهده الموضوع Firebaso

ابن البادية التوقيت :
0
مشاهدات الان

 السلام عليكم ورحمة الله وبركاته

 اليوم موعدنا مع اضافة جديدة وحصرية فقط علي مدونة اضافات بلوجر ، فبعد اضافة الاسبووع الماضي الخاصة بصندوق التعليقات اليوم موعدنا مع اضافة عداد لمشاهدات المواضيع الخاصة بك علي المدونة …. هذه الاضافة حصرية ولن تجدها في المدونات العربية جميعها الا علي مدونة اضافات بلوجر
 
 هيا لنبدأ :
 الخطوة الاولي :
 تسجيل حساب جديد في شركة Firebaso ( وهي شركة استضافة مجانية )
 اضغط هنا لتسجيل حساب جديد
 الخطوة الثانية :
 بناء قاعدة البيانات الخاصة بك علي الشركة وهو اضافة اسم الموقع المراد عمل الاضافة له مثل https://blogadditions.firebaseio.com/
 
 ويمكنك عمله من خلال صندوق الكتابة كما في الصورة التالية
 وفي داخل الصندوق قم باختيار اسم قاعدة البيانات الخاصة بك، وبعد الانتهاء قم بكتابة رابط القاعدة جيدا او اكتبه في ملف خارجي .
 الخطوة الثالثة :
 تركيب الاضافة الي مدونتك علي بلوجر باتباع الاخطوات التالية
 1-الذهاب الي لوجة ادارة المدونة .
 2- الذهاب الي القالب .
 3- حمل نسخة احتياطية من القالب .
 4- اضغط علي تعديل القالب ثم اضغط علي توسيع القالب .
 5- ابحث عن الكود
 ]]></b:skin>
 6- اضافة الكود التالي قبل الكود السابق
 /*-------- Post Views ----------*/
 #views-container {
 width: 75px;
 float: left;
 }
 .mbtloading {
 background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFb5JGrBr5VSXJ_l7uuRQMy_6QLV2DGlD6IZTrYfrMdI_M6_cVR2cErkVUdtXw6vTVhlukuxqqn8knNwI19myLOOXU2xM8PjV3FEcnbpW0DPRkkU50l4RASd0ROv1O8_7wpGKxuJH-GiKF/s320/mbtloading.gif') no-repeat left center;
 width: 16px;
 height: 16px;
 }
 .viewscount {
 float: right;
 color: #EE5D06;
 font: bold italic 14px arial;
 }
 .views-text {
 float: left;
 font: bold 12px arial;
 color: #333;
 }
 .views-icon{
 background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib9jnEycjDeX8MPwlDNQPuDWFO2sKJ9RKWMCDRmlV2E5etyBCjaqMzn73uGLlBdo4lOti0sqXE8_nCyZvf8lQ2o0xZTL1qmOqDjlDwp2aGZKOwXpUyU-Wl8LBwGSxRS9_qk1nLbBlkX_px/s1600/postviews.png') no-repeat left;
 border: 0px;
 display: block;
 width: 16px;
 height: 16px;
 float: left;
 padding: 0px 2px;
 }
 * يمكنك تغيير اتجاه الاضافة من خلال تغيير كلمة left
 *يمكنك تغيير لون الاضافة بتغيير الكود #EE5D06
 7- نبحث عن الكود
 </body>
 ثم نضع الكود التالي قبله
 <!-- Post Views Script by MBT -->
 < script type='text/javascript'>
 window.setTimeout(function() {
 document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
 }, 10);
 </script>
 < script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
 < script>
 $.each($(&#39;a[name]&#39;), function(i, e) {
 var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
 var blogStats = new Firebase(&quot;https://blogadditions.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
 blogStats.once(&#39;value&#39;, function(snapshot) {
 var data = snapshot.val();
 var isnew = false;
 if(data == null) {
 data= {};
 data.value = 0;
 data.url = window.location.href;
 data.id = $(e).attr(&#39;name&#39;);
 isnew = true;
 }
 elem.removeClass(&#39;mbtloading&#39;).text(data.value);
 data.value++;
 if(window.location.pathname!=&#39;/&#39;)
 {
 if(isnew)
 blogStats.set(data);
 else
 blogStats.child(&#39;value&#39;).set(data.value);
 }
 });
 });
 < /script>
 *لابد من تغيير رابط مدونتي برابط قاعدة البيانات الخاصة بك
 8 – ثم ابحث عن الكود <data:post.body/> وضع الكود التالي قبله
 <!-- Post Views Counter by MBT-->
 < div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
 * يمكنك تغيير كلمة view باي كلمة تريدها مثل عدد المشاهدات مثلا او تتركها كما هي .
 9- اضافة الكود التالي بعد وسم
 <head>
 في القالب
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
 قم بحفظ القالب ومبروك عليك الاضافة الجميلة والجديدة واحدث اضافة في عام 2013 فقط وحصريا علي مدونة اضافات بلوجر
 ونستمر
  
القسم :

إرسال تعليق

أحدث أقدم