Trik Blogger | Beda Tampilan Komentar Pemilik Blog
Posted by rike
on
0
Apa sih gunanya? Tentu saja agar komentar pengunjung dan pemilik blog dapat dibedakan. Pengunjung blog mungkin akan menyampaikan suatu komplain atau pertanyaan dalam mengomentari suatu posting, itu adalah wajar. Sedangkan pemilik blog (blog owner) memberikan pandangan serta respon terhadap komentar pengunjung tersebut, sejauh masih bisa dijangkau dengan kemampuannya. Biasanya komentar dalam default blogger.com tidak membedakannya, hanya menampilkan individu-individu yang berkomentar. Sehingga pengunjung lain tidak dapat membedakan mana komentar pengunjung dan mana komentar pemilik blog. Nah, maka dari itu tidak ada salahnya jika kamu perlu menambahkan trik blogger ini dalam daftar trik favorit kamu.
Tanpa basa-basi! berikut step by step trik blogger membuat beda tampilan komentar pemilik blog :
- Login dulu ke account blogger kamu
- Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget"
Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari kode di bawah ini (letaknya antara <head> ... </head>)
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
- Tambahkan kode CSS berikut di bawah kode di atas
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#F2F2F2;
border-left:3px dotted #6E6E6E;
}
Catatan:
Silakan ganti kode yang berwarna merah (color= warna teks; background= warna latar teks) dan sesuaikan dengan warna blog kamu.
Silakan ganti kode yang berwarna merah (color= warna teks; background= warna latar teks) dan sesuaikan dengan warna blog kamu.
- Kemudian cari kode <dd class=�comment-body�> dan sisipkan kode-kode yang berwarna hijau seperti yang ditampilkan di bawah ini :
<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'>
<div class='commentphoto' style='float:right;'/>
<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>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
<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>
Catatan :
Perhatikan penempatan kode yang berwarna hijau, pastikan posisinya tepat seperti tampilan kode di atas.
- Jangan lupa disimpan.
Posting yang berkaitan :
Selamat menampilkan beda komentar pemilik blog...
Tagged as: Blogger Hack, Trik Blogger
About the Author
Write admin description here..
Get Updates
Subscribe to our e-mail newsletter to receive updates.
Share This Post
Related posts
0 comments:
Post a Comment