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