Cara Membuat Komentar Admin Berbeda Dengan Pengunjung di Blog

Baca Juga

Sudah lama admin LinkPojokan.Com tidak menulis artikel tentang Blogspot. Kali ini Saya akan menulis artikel singkat dengan tema Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung Di blogspot.

Apa saja keuntungan nya membuat komentar Admin berbeda dengan komentar pengunjung? Salah satu nya yaitu agar memudahkan pembaca mengetahui siapakah atau yang mana kah penulis ataupun Admin dari sebuah blog yang sedang di baca nya.

Sebagai contoh nya kalian bisa melihat langsung di kolom komentar di blog LinkPojokan.Com ini.

Baiklah langsung saja silakan ikuti langkah demi langkah nya berikut ini.

1. Silakan Login ke Blogger kalian masing masing
2. Pilih Tab Tema dan Edit Html
3. Cari kode ini : ]]></b:skin>
4. Kemudian kalian Copy Paste script di bawah ini tepat di atas kode ]]></b:skin> tadi.
   

   .comments .comments-content .icon.blog-author {margin: 0 0 -13px 15px; width: auto; background: #ec3f0c; color: #fff; padding: 3px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
   .comments .comments-content .icon.blog-author:before {content: 'ADMIN';}

5. Setelah itu klik "Save" dan lihat hasil nya.

Berikut ini adalah contoh hasil punya Saya yang sudah di terapkan di Blog LinkPojokan.Com ini.

*Catatan : 

Jangan lupa untuk merubah settingan komentar di blog kalian menjadi "threaded comment"

Bagaimana Gan? Sangat mudah sekali tentunya bukan? Apabila kalian ingin mencoba model yang lain bisa di coba satu persatu model yang lain dengan cara menggunakan Script CSS berikut ini :

Kode Komentar Admin Mode 1

.comments .comments-content .user.blog-author {background: #ec3f0c; padding: 3px 7px;}

.comments .comments-content .user.blog-author a {color: #fff;}

.comments .comments-content .icon.blog-author {background: none;}

Kode Komentar Admin Mode 2

.comments .comments-content .icon.blog-author {width: 30px; height: 30px; background: url(http://1.bp.blogspot.com/-joZVC57dCEU/VQAUlOkVeHI/AAAAAAAADas/dFC9p5c4bao/s1600/image.png) no-repeat; margin: 0px 0 -13px 6px;}

Kode Komentar Admin Mode 3

.comments .comments-content .icon.blog-author {width: 100%; position: absolute; left: 0; height: 2px; background: #ec3f0c; margin: 0; padding: 0; display: block;}

Kode Komentar Admin Mode 4

.comments .comments-content .icon.blog-author {width: 100%; position: absolute; left: 0; z-index: 0; background: #f2f2f2; margin: -5px 0; padding: 3px 0;}
.comments .comments-content .datetime, .comments .comments-content .blog-author {position: relative; z-index: 1;}

Baiklah gan, sekian lah artikel LinkPojokan.Com kali ini dengan judul "Cara Membuat Komentar Admin Berbeda di Blogspot", semoga bermanfaat untuk Anda yang ingin membuat Komentar di Blog Anda berbeda dengan komentar pengunjung.