حصرى : اضافة زر الاعجاب لتعليقات بلوجر
اليوم وفى موضوع جديد وحصرى من مدونة ابداعاتى اقدم لكم شرح لكيفية تركيب زر الاعجاب لتعليقات بلوجر بشكل بسيط واحترافى ، الطريقة سهلة جدا وبسيطة عبارة عن مجموعة خطوات متتالية تطبقها بكل دقة حتى تعمل الاضافة بشكل سليم ، ولكى لا أطيل عليكم هيا بنا لشرح التركيب والمعاينة المباشرة للاضافة السابقة
شرح التركيب
اذهب للوحة التحكم >> القالب >> تحرير 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>
وإلى لقاء فى موضوع قادم أخوانى الكرام
من فضلك اضغظ لايك لمشاهدة لينك التحميل
رااائع استمر
ردحذفشكرا لمرورك العطر
حذفشكرا لمرورك العطر وتعليقك المشجع اخى عبد الله
ردحذفكنت فى حاجه لهذه الإضافه بالفعل ,, شكرا جزيلا :) .
ردحذفعند حسن ظنك دائما ان شاء الله اخى العزيز بيتر هانى
حذفالاضافة لا تعمل :(
ردحذفالمعاينة معمولة على الأكواد الموجودة بالأعلى أخى الفاضل
حذفراجع الخطوات جيدا