عمل زر الاعجاب لتعليقات بلوجر

السلام عليكم اخواني اليوم اخواني اقدم لكم درس في بلوجر لكيفية عمل زر اعجاب  داخل تعليقات بلوجر يعني عندما يظغط اعجاب يضهر كم من معجب لتعليق اول لعمل هده الاضافة رائع المرجو حفظ النسخة من مدونتك لكي لايقع اي خطاء في الاكواد الدي سوف

يتم اضافته في بلوجر لكي تضهر لنا تلك الخاصية الخاص بالاعجاب بتعليقات بلوجر 

1-اول نقوم بدخول الا لوحة التحكم بلوجر تم ندهب الا تحرير قالب ونبحت عن </b:skin>

ونضيف قبله هذا الكود الخاص ب Css

.like-cm {margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkmIn4pmKfijdR_1QA5l3f1X8sMFev5UYEWp4msaNOz0La6C9SMJXpc_J9VLSSfdezNVHPHnOYLPJbrv6lKAr-mpeTbem57v0aFfPBNNn56P31aXZHboyBWIy9UbZIIkgbBQl0gjzLQAk/s10/like.png) no-repeat} 

 تم بعدها نبحت عن هدا الكود

  (function() {
      var items = <data:post.commentJso/>;

   ونقوم  باستبداله بهذا اخواني

    var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;

وبعدها نبحت عن هدا الكود اخواني<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>

 اخواني الا لقاء في درس قادم ان شاء الله علي بلوجر