Pengikut

02 Oktober 2007

Blogger : To recall your comment link

Postingan sebelumnya mengenai template dan tautan komentar yang tak terlihat akan menjadi bagian utama kali ini.

Bila sebelumnya hanya sebatas himbauan agar berhati-hati dalam memilih template, kini ada panduan untuk memasang tautan komentar agar kita masih bisa menggunakan template (yang sudah kadung disukai) tanpa adanya kekurangan.

Karena ada dua tipe "kulit" dari blogspot.com, maka akan begitu pula langkah yang akan ditampilkan.

Pertama adalah untuk tipe layout:

1. Cari bagian <p class="post-footer">, atau yang sekiranya mewakili bagian bawah postingan. Cari penutup </p>, lalu
2. Salin kode HTML berikut :
<!-- Begin #comments -->
<ItemPage>

<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<h4><$BlogItemCommentCount$> Comments:</h4>

<dl id="comments-block">
<BlogItemComments>
<dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
<$BlogCommentAuthor$> said...
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>

</BlogItemCommentsEnabled>
3. Tak lupa sebelumnya menyimpanya, kita bila melihat perubahanya dengan menekan tombol "Pratinjau",

B. Untuk tipe Layout:
1. Cari bagian <div class='post-footer'> atau bagian yang mewaikili bawah postingan.
2. Cari bagian berikut :
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
3. Salin kode berikut :
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<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>
</b:if>
</b:if>
</span>

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

Seperti halnya di langkah ketiga sebelumnya, kita bisa melihat perbedannya dengan menekan tombol "Pratinjau".


Kabarkan ke teman blog ini

Free Tell-a-Friend by Bravenet.com