اضافة زر الاعجاب لتعليقات بلوجر

اضافة زر الاعجاب لتعليقات بلوجر

 اذهب للوحة التحكم >> القالب >> تحرير HTML
ثم
(1) ابحث عن  وضع قبله كود الـ CSS التالى

]]></b:skin>

.like-cm {margin-top:10px;width:15px;height:15px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQB_OpE7n-T50t3XcfkBAMCcKUhb7b36JFqLIor8UH3w0JB7hqav_44sr-j-3zFRGWMraKueJsD41r6LhELGm7yEiLVcIM-YvxxtuSGk4iAfI6awsZ-USjE0YlzJ3hYlh14mxWxW6VcIw/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>

بقلم المهندس كمال خضر

مبرمج متخصص

• 
• 
• 
• 
• شارك مع اصدقاءك