Mengganti Kotak Komentar Haloscan menjadi Commentbox Blogspot

Jumat, 06 Desember 2013 0 komentar

Dulu sebelum kotak komentar blogger/blogspot bisa muncul dibawah postingan, banyak yang menganti kotak komentarnya dengan commentbox dari pihak ketiga, misalnya dari haloscan. Namun setelah blogger merilis kotak komentar yg dibawah postingan maka kini banyak yg berbondong beralih ke kotak komentar original dari blogspot ini. Tapi bagi yg sudah terlanjur memakai haloscan dan sudah terlanjur mengobrak-abrik templatenya tentu akan sayang jika harus mengganti templatenya demi mendapatkan kotak original blogspot ini. Nha berikut ini akan aku ulas bagaimana cara mengembalikan kotak komentar haloscan menjadi kotak komentar original dari blogger.
Ikuti tutorial berikut:

1. Login ke blogger, kemudian pilih menu"Layout--> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Kemudian cari kode berikut :

<!-- start haloscan (part 1) -->
<script src=http://www.haloscan.com/load/kendhin type=text/javascript> </script>
<span class=post-comment-link>
<a class=comment-link expr:href=&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot; expr:onclick=&quot;HaloScan(&quot; + &quot;&quot;&quot;+ data:post.id + &quot;&quot;&quot; + &quot;);return false;&quot;>
<script type=text/javascript>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class=comment-link expr:href=&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot; expr:onclick=&quot;HaloScanTB(&quot; + &quot;&quot;&quot;+ data:post.id + &quot;&quot;&quot; + &quot;);return false;&quot;>
<script type=text/javascript>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a>
</span>
<!-- end haloscan -->



4. Kalo sudah ketemu maka gantilah dengan kode dibawah ini :

<b:if cond=data:post.allowComments>
<a class=comment-link expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><b:if cond=data:post.numComments == 1>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>



5. Kemudian cari kode berikut ini :

<!-- start haloscan (part 2 - post) -->
<script src=http://www.haloscan.com/load/kendhin type=text/javascript> </script>
<span class=post-comment-link>
<p><a class=comment-link expr:href=&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot; expr:onclick=&quot;HaloScan(&quot; + &quot;&quot;&quot;+ data:post.id + &quot;&quot;&quot; + &quot;);return false;&quot;>
<script type=text/javascript>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class=comment-link expr:href=&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot; expr:onclick=&quot;HaloScanTB(&quot; + &quot;&quot;&quot;+ data:post.id + &quot;&quot;&quot; + &quot;);return false;&quot;>
<script type=text/javascript>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a></p>
<script expr:src=&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/?m=1&quot; type=text/javascript/>
<noscript><a expr:href=&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;>Comments</a> | <a expr:href=&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;>Trackback</a></noscript><br/>
</span>
<!-- end haloscan -->



6. Kalo sudah ketemu trus ganti dengan kode dibawah ini:

<h4>
<b:if cond=data:post.numComments == 1>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id=comments-block>
<b:loop values=data:post.comments var=comment>
<dt expr:class="comment-author " + data:comment.authorClass expr:id=data:comment.anchorName>
<a expr:name=data:comment.anchorName/>
<b:if cond=data:comment.authorUrl>
<a expr:href=data:comment.authorUrl rel=nofollow><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class=comment-body>
<b:if cond=data:comment.isDeleted>
<span class=deleted-comment><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class=comment-footer>
<span class=comment-timestamp>
<a expr:href=data:comment.url title=comment permalink>
<data:comment.timestamp/>
</a>
<b:include data=comment name=commentDeleteIcon/>
</span>
</dd>
</b:loop>
</dl>
<p class=comment-footer>
<a expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><data:postCommentMsg/></a>
</p>



7. Trus simpan template kamu.
8. Jika inging menampilkan kotak komentar blogger/blogspot dibawah postingan maka ikutilah LANGKAH DISINI

Semoga beruntung....

0 komentar:

Posting Komentar

 

©Copyright 2011 kolektif blog