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

اليوم وفى موضوع جديد وحصرى من مدونة ابداعاتى اقدم لكم شرح لكيفية تركيب زر الاعجاب لتعليقات بلوجر بشكل بسيط واحترافى ، الطريقة سهلة جدا وبسيطة عبارة عن مجموعة خطوات متتالية تطبقها بكل دقة حتى تعمل الاضافة بشكل سليم ، ولكى لا أطيل عليكم هيا بنا لشرح التركيب والمعاينة المباشرة للاضافة السابقة

♦ المعاينة المباشرة للاضافة ♦ 

شرح التركيب 

اذهب للوحة التحكم >> القالب >> تحرير 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>

وإلى لقاء فى موضوع قادم أخوانى الكرام