Hallo rekan-rekan blogger dan pengunjung setia Blog ini, satu settingan lagi dalam Panduan Belajar Blog yang saya lakukan mengenai Kolom Komentar, setelah diartikel sebelumnya tentang Membuat Kolom Komentar dibawah Postingan, kali ini saya akan membahas tentang Tampilan Admin di Kolom Komentar.
Tujuan setting ini adalah membuat komentar yang diposting oleh sang pemilik blog, akan berbeda dengan komentar yang di posting oleh pengunjung blog. Untuk lebih jelasnya, anda bisa lihat penggunaan komentar Admin tersebut di blog ini.
Berikut ini langkah-langkah dalam pembuatan Kotak Komentar Admin sebagai berikut :
Jangan lupa Backup terlebih dahulu template anda, bila ada kesalahan pengetikan, anda bisa mengembalikannya seperti semula.
Anda centang dulu pada 'Expand template widget'
Lalu anda Copy code berikut ini,
.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}
Paste-kan diatas kode dibawah ini :
]]</b:skin>
Tulisan merah adalah warna background kotak komentar anda, sedangkan tulisan berwarna hijau adalah garis tepi kotak komentar anda.
Silahkan ganti background dan border sesuai dengan selera anda.
Selanjutnya, anda cari kode ini :
<dl id='comments-block'>
Bila sudah ketemu, anda bisa melihat kelanjutannya seperti dibawah 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'>
<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='comment-body-author'>
<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>
</b:loop>
</dl>
<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>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>
</b:loop>
</dl>
Anda tidak usah bingung, cukup perhatikan tulisan yang berwarna HITAM diatas adalah kode original anda, sedangkan kode warna MERAH adalah sebagai kode tambahan.
Jadi, anda tinggal copy kode-kode yang berwarna merah, kemudian paste ditempat sesuai seperti contoh diatas. bila sudah, coba preview dan coba anda beri komentar Sebagai Admin.
Nah sekarang komentar anda sebagai pemilik blog akan berbeda dengan pengunjung blog Anda.
Selamat mencoba, dan bila anda menemui kesulitan, bisa bertanya di kolom komentar, atau anda memiliki ide yang lebih baik, silahkan juga share disini.
Terimakasih.
mantab sob ...
ReplyDeleteberguna banget buat gue ...
hehehe ..
keep posting yah sob ...
:D :D :D
wah patut di coba nih! nice tips sob ...
ReplyDelete@Bayu : Terimakasih Bayu sudah berkunjung dan syukurlah kalau informasi yang saya berikan berguna buat anda.
ReplyDelete@Komputer-tech : Dicoba saja sobat, supaya anda tidak bingung saat melihat list comments, dan nanti anda akan tahu mana yang komentar dari pengunjung, mana yang komentar dari anda sebagai admin.
Terimakasih
wahhh tips nya berguna bgt sob ^^,,,tak cobain ntar :D
ReplyDeletePertamaaaaxxxx,,,,
ReplyDeletetaq coba dulu,, hehehe
good post...
ReplyDeletemoga bermanfaat buat teman2 smua...
keep update ya sob
info menarik boss,
ReplyDeletemau tanya, gimana mengilangkan tanda blogger di kolom komentar...ditempat ku jd double setelah diedit...ada avatar jg ada logo blogger...bantuin dunk
Mantaff tak coba ah :D
ReplyDeleteThanks sob
good article...
ReplyDeletehttp://1001processor.blogspot.com/search/label/AMD
useful info sob...
ReplyDeletewah mantep neh tips nya berguna banget
ReplyDeletethanks sobat... keep sharing broo
@RIP666 : harus dicoba sobat.
ReplyDelete@HAEDIR : terimakasih sobat.
@ReMo-XP : dicoba saja sobat.
@Belajar Animasi Flash : terimakasih, saya pasti akan selalu mengupdate blog ini dengan informasi yang berguna buat anda semua.
@Goceng : untuk mengatasi masalah tersebut, anda bisa rubah settingnya di Settings - Comments (kalau pake blogger), bila menggunakan Wordpress, Settings - Discussion.
@Muba, @Neneng, @AD1N, @Draxc0la : Terimakasih semuanya yg sudah melihat dan mencoba artikel ini.
info yang bagus..saya pake template buatan o-om yang sudah ada pengaturan komentar adminnya, jadi tidak perlu repot, tapi infonya berguna sob..
ReplyDelete________________________________________________
kiye bloge kifni|free software & computer tips|ayo belajar java
sangat bermanfaat dan perlu dicoba, thanks
ReplyDelete@Kifni : memang betul sobat, setiap kita memakai/memilih template, didalamnya sudah ada pengaturan komentar adminnya, jadi tinggal pakai saja. Artikel ini dikhususkan untuk yang pengaturan komentarnya masih standar, dan dengan sedikit modifikasi agar bisa membedakan mana komentar dari pengunjung dan komentar dari admin.
ReplyDelete@Mohanlink : dicoba saja sobat, terimakasih sudah berkunjung dan memberi komentar di artikel ini.
ooo gt to,thanks info nya....
ReplyDeleteteruskan beramalnya sob, artikel ini banyak yang nyari loh, perkuat optimasi SEO nya yah
ReplyDeleteudah coba sob.
ReplyDeletemakasih yak.
heheh :D
sob.
ada yang baru di blogku
koment yak.
:D
@Macam2 Tips : thanks juga sobat.
ReplyDelete@Panca : oke sobat, terimakasih juga anda sudah berkomentar di sini.
@Andie Gokil : sama-sama sobat, nanti saya kunjungi blog anda juga dan tinggalkan komentar disana.
sungguh menarik postingannya sob......
ReplyDeletethanks 4 sharing....
$miles bwt sahabat baek...
hehe....
Thanks atas informasi komputernya, sangat berguna bagi aku yang kurang paham soal cara mensetting dan ilmmu komputer.
ReplyDeleteKalau anda butuh info cara dapat duit dari internet silahkan lihat di blog aku.
Salam
koment balik sobat, tipsnya OK sobat.....
ReplyDeletehaha...
ReplyDeleteakhirnya Qu tau juga cara manualnya
teng kyu yah
kalo gini saya bisa modif layout sendiri
nais posting
ReplyDeleteQu dapat ilmu deh buat nyoba bikin layout sendiri ^^v
langsung dicoba yah gan
ReplyDeletesemoga saya berhasil ^^
Siang sob.. infonya ok nih...trus minta tolong nih.. coba comment di postinganku..katanya kotak verifikasi katanya hanya muncul sepotong.. bener gak tuh ??? kalau bener.. mesti digimanain.. please yah...
ReplyDeletethank's for the info...keep writing & God bless u
ReplyDeletemuahahahha.
ReplyDeletenyepam ahhh.
biar banyak komentnya
:D
di tempatku ada postingan baru sob.
koment yak.
ehehe :D
muantebs broe..
ReplyDeletenumpang tebar pesona aj neh! :D
Makasih infonya...dicoba neyh
ReplyDeleteKalo admin mau ngasih komentar dari mana masuknya ya! apa sama dengan pengunjung lain melalui post comment, thanks ya!
ReplyDeletebedanya dimana? kok ndak ada contoh tampilannya?
ReplyDeleteMakasih ya Pak ...
ReplyDeleteThank’s for tips nya
ReplyDeleteIzin nyoba dulu
ReplyDeleteMantap niy mas infox, thanks b4
ReplyDeletebaca baca postingan bos, mantab dah....
ReplyDeleteokay jg nih infonya...
ReplyDelete