Buat sahabta blogger yang masih bertanya tanya tentang cara membuat tanda pada komentar admin untuk mempermudah pengunjung mencari mana komentar admin kali ini saya beri trik dan caranya.
blogger tidak memberikan ijin secara penuh untuk melakukan modifikasi penuh komentar admin, lalu bagaimana jika kita ingin membuat tampilan komentar yang berbeda pada blok komentar administrator secara keseluruhan? Dulu kita bisa menggunakan tag kondisional, tapi sekarang tidak lagi.
jadi untuk lebih mudahnya kita akan menggunakan dan memanfaatkan css tanpa javascript...
oke langsung saja simak trik di bwah ini:
Pertama buka editor template blogger
cari kode tag berikut ini dalam template sobat...
lalu temukan kode di bawah ini dalam area tag komentar tersebut
setelah anda temukan, letakkan kode berikut ini di bawah kode di atas
Kemudian, tambahkan kode ini di atas
untuk mengubah background komentar milik admin tambahkan kode css berikut ini di atas
jika dalam template sobat sudah ada, ganti saja warnanya dengan tampilan warna yang anda suka dengan merubah nilai pada
sekarang tinggal lihat hasilnya...
demikian saja semoga berguna dan bermanfaat sob...
blogger tidak memberikan ijin secara penuh untuk melakukan modifikasi penuh komentar admin, lalu bagaimana jika kita ingin membuat tampilan komentar yang berbeda pada blok komentar administrator secara keseluruhan? Dulu kita bisa menggunakan tag kondisional, tapi sekarang tidak lagi.
jadi untuk lebih mudahnya kita akan menggunakan dan memanfaatkan css tanpa javascript...
Pertama buka editor template blogger
cari kode tag berikut ini dalam template sobat...
<b:includable id='comments' var='post'>
lalu temukan kode di bawah ini dalam area tag komentar tersebut
<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>
setelah anda temukan, letakkan kode berikut ini di bawah kode di atas
<span class='comment_author_flag'>Admin</span>
Kemudian, tambahkan kode ini di atas
]]></b:skin>
atau </style>
:.comment_admin .comment_author_flag {display:inline;background:#bbb;font-size:13px;font-weight:normal;padding:2px 6px;margin-left:8px;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.1em}
untuk mengubah background komentar milik admin tambahkan kode css berikut ini di atas
]]></b:skin>
atau </style>
:div.comment_inner.comment_admin {background:#394549;}
jika dalam template sobat sudah ada, ganti saja warnanya dengan tampilan warna yang anda suka dengan merubah nilai pada
{background:#394549;}
sekarang tinggal lihat hasilnya...
demikian saja semoga berguna dan bermanfaat sob...
17 komentar
sma sama sob smoga sukses, haha :-bd
BalasHapuskalau sudah pakai thread comment tinggal ganti saja yah biar sesuai template :D
BalasHapusini memang thread comment gan, <b:includable id='comments' var='post'> itu elemen area komentar yang muncul sedangkan <b:if cond='data:comment.authorUrl'>
Hapus<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> adalah seleksi kusus yang di terapkan... :)
dengan adanya simbol tulisan admin pada komentar, maka kita bisa lebih mudah untuk membedakan mana komentar pengunjung dan mana komentar admin blog ya mas. Boleh juga nih tutorialnya dicoba. Terimakasih atas share nya ya ;)
BalasHapusbetul mbak, pa lagi yang masih mengijinkan komen anonim yang terkadang ngaku admin jadi bisa lebih mudah membedakan :)
Hapuslebih simple pake CSS daripada pake jQuery yang bikin ribet dan loading lama. Cara ini yang paling efektif dan aman untuk Menandai Komentar Admin :-d
BalasHapussip gan :D langsung saja di pasang biar keren :)
Hapusgan , Emang nya Gabisa di Geser yah ?
BalasHapusyang di geser apanya gan ?
HapusCara Membuat Kaya Komentar Admin disini Gimana ?
BalasHapusuntuk komentar admin disini sama aja gan
HapusTerus Cara Membuat Komentar nya Kayak Gini Gimana ?
BalasHapusMasih Banyak Tutorial nih
Back yah
pakek komen hack sob
Hapuskok gk work ya di blog ane, mohon cek gan fahri-artikel.blogspot.com
BalasHapusulangi lagi seperti tutor gan
Hapussip :)
BalasHapusjangan nyepam bos
BalasHapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>