السبت، 15 فبراير 2014

حصرى : اضافة زر الاعجاب لتعليقات بلوجر

اليوم وفى موضوع جديد وحصرى من مدونة ابداعاتى اقدم لكم شرح لكيفية تركيب زر الاعجاب لتعليقات بلوجر بشكل بسيط واحترافى ، الطريقة سهلة جدا وبسيطة عبارة عن مجموعة خطوات متتالية تطبقها بكل دقة حتى تعمل الاضافة بشكل سليم ، ولكى لا أطيل عليكم هيا بنا لشرح التركيب والمعاينة المباشرة للاضافة السابقة
شرح التركيب 
اذهب للوحة التحكم >> القالب >> تحرير HTML 
ثم 
(1) ابحث عن ]]></b:skin>  وضع قبله كود الـ CSS التالى 
.like-cm {margin-top:10px;width:15px;height:15px;background:url(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/s10/like.png) no-repeat}
(2) ابحــــــــــــــــــــــــــــــث عـــــــــــــــن 
(function() {
var items = <data:post.commentJso/>;
واستبدله بهذا الكـــــــــــــــود
var items_copy=[];
(function() { var items = <data:post.commentJso/>
; items_copy=items;
(3) ابحث عن <data:post.commentHtml/>
ثم ضف بعده هذا الكــــــــــــود
<script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script>
وإلى لقاء فى موضوع قادم أخوانى الكرام  
من فضلك اضغظ لايك لمشاهدة لينك التحميل

7 التعليقات:

  1. شكرا لمرورك العطر وتعليقك المشجع اخى عبد الله

    ردحذف
  2. كنت فى حاجه لهذه الإضافه بالفعل ,, شكرا جزيلا :) .

    ردحذف
    الردود
    1. عند حسن ظنك دائما ان شاء الله اخى العزيز بيتر هانى

      حذف
  3. الردود
    1. المعاينة معمولة على الأكواد الموجودة بالأعلى أخى الفاضل
      راجع الخطوات جيدا

      حذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار