Ticker

6/recent/ticker-posts

Tambah Like button di Thread Comment

 Dalam artikel ini, saya akan membuat tutorial butang like pada komen dalam versi baru Tread Comment.Anda juga boleh melihat demo dibawah ini dan jika anda berminat bolehlah mengikuti tutorial dibawah ini.Ikutilah langkah-langkah yang diberikan.



Tambah Like button di Thread Comment

Jangan lupa supaya Backp up templates anda dulu sebelum melakukan tutorial ini. 
Bagaimana untuk Backup Blogger Template

Langkah 1.
  • Didalam (New Design) Blogger Dashboard Klik Drop Down Menu  > Pilih Template > Edit Html >  Proceed > Tick The Expand Widget Templates Box.




Langkah 2.

  • Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)


]]></b:skin>



  • Copy kode dibawah ini dan paste diatas/sebelum kode ]]></b:skin> 


.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MO85cxDOQxPE1Hrdxd-1qgjb3SLJ6q7pCREkHyzXEkpnNLNxFjL7JEYRu2jLFqyrWQt25M3E4Jpfei2ZrnKbERfpm9X7DfZehPwhFmR0gct3wKJThPnZROv_HEY3-DFwjt4CW-47bvA/s10/like.png) no-repeat}




Langkah 3.

  • Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)

(function() {


  •   Hapuskan Kode ini (function() {  dan gantikan dengan kode dibawah ini.


var items_copy=[];
(function() {





Langkah 4.

  • Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)

var items = <data:post.commentJso/>;



  • Hapuskan Kode ini var items = <data:post.commentJso/>;   dan gantikan dengan kode dibawah ini.







var items = <data:post.commentJso/>;
items_copy=items;

Langkah 5.

  • Carikan kode dibawah ini didalam Html : (Klik CTRL and F untuk carian)

<data:post.commentHtml/> 


  • Copy kode dibawah ini dan paste dibawah/selepas kode <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>



Langkah 6.
Save template anda dan semoga berjaya


Catat Ulasan

0 Ulasan