Gerbangkomputer

Download,Aplikasi,software,Tips dan trick,Tutorial,Kesehatan,Bisnis,Berita Unik,free mp3 dan lainnya gratis semua hanya disini

Menambahkan Icon Like pada Komentar Blogspot


You Like This

 
 
Ini adalah salah satu fitur yang cukup menarik untuk ditambahkan pada komentar blogspot yaitu icon like, seperti yang dapat Anda lihat terpasang pada elemen komentar blog ini.
Icon like ini akan menjadikan elemen komentar blogspot menjadi lebih interaktif, pengguna akan dapat saling mendukung terhadap komentar yang diberikan pada sebuah artikel melaui fitur yang satu ini.  Secara otomatis count like akan tampil saat mouse pengguna di geser ke arah icon like.

Fitur icon like ini akan kelihatan lebih serasi jika dikombinasikan dengan widget komentar blogspot ala blogger vietnam yang telah di beri aksesoris nomor urut komentar.  Ada sedikit penambahan javascript dalam penggunaan widget ini tetapi tidak akan banyak mempengaruhi kecepatan loading blog.

Tidak ada persyaratan khusus dalam penggunaan widget ini kecuali Anda telah mengaktifkan thread comment atau komentar bertingkat. Ikuti langkah implementasi berikut ini untuk menambahkan icon like pada elemen komentar blogspot.
  • Login ke blogger dengan ID Anda
  • Pada halaman dashboard blogger pilih Template dan sebelum melakukan perubahan, backup template Anda terlebih dahulu
  • Pilih menu Template > Edit HTML
  • Perhatikan baris kode seperti ini <b:skin>...</b:skin> perluas kode ini dan cari kode ]]></b:skin>
  • Tempatkan kode di bawah ini tepat diatas kode ]]></b:skin>
  • .like-cm{margin-top:15px;width:10px;height:10px;background:url(https://lh5.googleusercontent.com/-sn9Xay9WiTo/UXo2C6dqStI/AAAAAAAADvk/JPxSUEG7GV0/s10/like.png) no-repeat}
  • Selanjutnya cari kode seperti ini :
  • (function() {
          var items = <data:post.commentJso/>;
  • Ganti dengan kode di bawah ini. Catatan, jika Anda sudah pernah melakukan langkah ini karena sudah pernah meenambahkan nomor urut pada komentar blogspot, maka abaikan langkah ini dan lanjutkan ke langkah berikutnya.
  • var items_copy=[]; (function() {
    var items = <data:post.commentJso/>;

    items_copy=items;
  • Berikut cari lagi kode : <data:post.commentHtml/> dan tepat dibawahnya tempatkan script berikut ini
  • <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>
  • Simpan perubahan dokumen HTML template Anda dengan menekan tombol Save template
Sekarang ucapkan Alhamdulillah, karena pekerjaan menambahkan icon like pada komentar blogspot telah selesai, dan sekarang silahkan periksa tampilan elemen komentar blog Anda
Bagikan :
+
Previous
Next Post »
0 Komentar untuk " Menambahkan Icon Like pada Komentar Blogspot "

 
Template By Kunci Dunia
Back To Top