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() {
- 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;
- 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
0 Ulasan