Cara Menandai Admin pada Komentar Blog dengan CSS - Levatra

25 September 2014

Cara Menandai Admin pada Komentar Blog dengan CSS

Cara Menandai Admin pada Komentar Blog dengan CSS

Baca juga:

Cara Menandai Admin pada Komentar Blog dengan CSS

Kolom komentar adalah elemen sangat penting bagi suatu website atau blog. Dengan adanya kolom komentar, pengunjung dapat memberikan pendapat ataupun informasi mengenai blog itu sendiri. Selain itu, kolom komentar juga berfungsi sebagai media bercengkrama antara Admin dengan pengunjung, atau pengunjung dengan pengunjung lainnya.


Penempatan komentar biasanya berasa dibawah halaman, atau dibawah artikel. Hal itu bertujuan agar pengunjung membaca dan melihat isi dari artikel tersebut sebelum memulai berkomentar.


Saat ini, tidak sedikit blogger yang membangun website dan memodifikasi kolom komentar dengan tampilan yang menarik dengan tujuan untuk memanjakan pengunjung dan menarik pengunjung untuk memberikan pendapat mengenai artikel atau blog tersebut.


Salah satu modifikasi kolom komentar adalah dengan membedakan komentar Admin dengan pengunjung biasa, contohnya seperti tampilan pada gambar berikut.


Cara Menandai Admin pada Komentar Blog dengan CSS
Menandai komentar Admin dengan CSS

Cara Menandai Admin pada Komentar Blog dengan CSS

Fungsi dari menandai komentar Admin adalah dapat membedakan antara pengelola blog dengan pengunjung, jadi pengunjung dapat dengan mudah mengetahui siapa saja Admin yang ikut berkomentar. Berikut tutorialnya.


1. Pertama, pastikan kalian sudah login ke Blogger. Jika sudah, buka Tema > pilih Edit HTML.

2. Selanjutnya cari kode berikut ini didalam template.


<b:if cond='data:comment.authorUrl'>
  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
  <data:comment.author/>
</b:if>


3. Copy kode berikut, dan taruh tepat dibawah kode langkah ke-2.


<span class='comment_author_flag'>Admin</span>

4. Kemudian, taruh kode CSS berikut di atas kode </style> pada template.


.comment_admin .comment_author_flag {
  display:inline;
  background:#CACACA; /*warna latar elemen*/
  font-size:13px;
  font-weight:normal;
  padding:2px 6px;
  margin-left:7px;
  color:#000; /*warna tulisan*/
  border-radius:5px;
  text-transform:uppercase;
  letter-spacing:.1em /*jarak huruf satu dengan huruf di sebelahnya*/
}


5. Terakhir, atur kode CSS diatas sesuai keinginan agar tampilan lebih menarik.


Kesimpulan

Salah satu cara meningkatkan returning visitor adalah dengan cara mempercantik blog. Dengan tutorial diatas, blog kamu akan lebih terasa profesional karena dapat membedakan antara Admin dengan pengunjung.

Artikel Lainnya

17 Komentar

Komentar tidak langsung ditampilkan, namun dimoderasi agar dapat ditinjau dan dibalas oleh Admin.

Terima kasih.

kebetulan blog ane udah ada ...cuma bedanya bukan tulisan...cuma gambar pensil :) btw ijin save caranya gan :) thanks

memang ada dalam beberapa versi sob :D sipp :)

Wahh begitu yagan carannya, jadi diblog saya saat membalas replay coment jadi ada bacaan admin..
Terima Kasih :)

Yang ingin belajar Tutorial ngeblog klik » Cara Lukman

blog ane sich udah pake gan, tapi kayaknya yang ini lebih keren , ane coba dech :D

wah , bisa dicoba ni sob !
biar tambah keren blog ane, heheh
mksih..

iyah silahkan di coba biar tambah kece (y)

Langsung saya coba dulu nih sob :)

Wah artikelnya membantu banget gan, penjelasannya jelas :)

thanks mas.. pengetahuan baru nih :)

Tutorial di atas akan lebih maksimal tampilannya kalau agan pakai thread comment ala kang ismet :)

Buka Komentar keyboard_arrow_down

Formulir Kontak

Nama

Email *

Pesan *

Histats