Cara Memasang Tombol Like Facebook Di Komentar Blog

Selamat siang sobat. mumpung ada waktu luang jadi mending siang ini saya posting saja deh. pada waktu dulu saya sudah posting tentang Cara Modifikasi Komentar Yang Di Hapus Dengan Kata Kata Sendiri.
Dan Pada kesempatan kali ini saya ingin mencoba posting tentang cara menambahkan tombol like di komentar blog. menurut saya fitur ini cukup menarik juga jika kita tambahkan pada komentar blog kita. sehingga tampilannya tidak kalah menarik dengan facebook.



jika komentar blog kita ini di pasang tombol like, jadi kita akan tau berapa banyak orang yang menyukai komentar di postingan blog kita. hal ini akan lebih menarik tentunya. tombol like juga bisa di manfaatkan oleh admin kepada para pengunjung yang berkomentar pada artikel yang kita buat. Di saat kita tidak sempat meninggalkan komentar, kita bisa cukup ngelike komentar saja, dan itu bisa memberitahukan bahwa komantarnya bagus maka kita like. hehe.

Nah bagi anda yang tertarik ingin memasang tombol like facebook di komentar blog. mari kita ikuti cara nya di bawah ini.
Baca juga: Cara Memasang Komentar Disqus Valid HTML5 Di Blog

1. anda masuk dulu di akun blogger anda.

2. Langsung menuju template ==> edit HTML

3. Cari kode ]]></b:skin> (gunakan Ctrl f untuk mempermudah pencarian.)

Setelah ketemu kode di atas, copy kode di bawah ini, dan tempelkan di atas kode ]]></b:skin> tadi

.like-cm {margin-top:15px;width:10px;height:10px;background:url(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM /wAw1Z1sgj78/s10/like.png) no-repeat}


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

jika sudah ketemu kode di atas, hapus kode di atas dan ganti dengan kode di bawah ini.


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


5. ini tahap terakhir. Cari kode <data:post.commentHtml/>

setelah ketemu. Copy kode di bawah ini. Dan letakan tepat di bawah kode di atas.

<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="like com(' gl ')"><div id="like-cm' items_copy[i].id '"></div></div>'; a.innerHTML=b}function likecom(i){var a=document.getElem entById('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?opt ions=[Like]&textColor=%23666666#' likeurl i '" width="100"></iframe>'}}
//]]>
</script>


6. Save template. Dan lihat hasil nya.
Nah. mungkin cuma itu saja postingan kali ini tentang cara menambah like facebook di komentar blog selamat mencoba. Dan semoga berhasil.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser