Membuat Komentar Admin Berbeda di Blogger (5 Style)

Cara Membuat komentar admin berbeda di blogger - Hari ini Xceria akan menulis tutorial blog seputar komentar di blogger, yaitu cara membuat komentar admin blog berbeda dengan komentar yang diberikan oleh pengunjung.

Apa kegunaan yang didapatkan? Dengan melakukan hal ini, maka pengunjung akan mudah dalam membedakan yang mana komentar admin dan yang mana komentar pengunjung blog. Dengan begitu ini akan memudahkan pengunjung yang ingin melihat komentar balasan admin terhadap pertanyaan yang mereka berikan.

CSS Styles

Pada tutorial blog ini saya menggunakan CSS untuk membuat komentar admin berbeda. Anda cukup menambahkan CSS yang sederhana untuk bisa melakukannya. Saya juga sudah menyediakan 5 style berbeda. Silahkan dipilih sesuai selera.

Komentar Admin Berbeda - Style 1

.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';}

Komentar Admin Berbeda - Style 2

.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;}

Komentar Admin Berbeda - Style 3

.comments .comments-content .icon.blog-author {width: 30px; height: 30px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpoIT1y6LxfQK1Jy_qsG49r_iGDd883JRl00a05BXXdA6XnnJRxw5zP1rygDCLsjeY8dILsywfyAdmEG5j5e5VMLPyWehQTIIBGgte8Ow7c39y3e-pCEk05B3E2MJZhgnOrnh-ag7U6Zy/s1600/image.png) no-repeat; margin: 0px 0 -13px 6px;}

Komentar Admin Berbeda - Style 4

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

Komentar Admin Berbeda - Style 5

.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;}

Cara Membuat Komentar Admin Berbeda di Blogspot

Jika ingin menerapkannya di blog Anda, cukup ikuti langkah-langkah di bawah ini.

1. Log in ke blogger.
2. Pilih tab Template.
3. Klik tombol Edit HTML.
4. Cari kode ]]></b:skin>
5. Pilih salah satu style dari kelima style di atas, kemudian tambahkan kodenya di atas kode ]]></b:skin> tersebut.
6. Simpan template.

Kelima style di atas hanya bisa diterapkan pada blogger threaded comment

Sekarang lihat hasilnya pada salah satu posting Anda. Jika belum ada komentar Anda di dalamnya, coba lakukan tes komentar sebagai admin (akun google).

Sekian posting kali ini tentang cara membuat komentar admin yang berbeda dengan pengunjung blog di blogger. Semoga berguna dan dapat membuat kolom komentar blog Anda menjadi lebih bagus dan indah dipandang.