JUDUL : KOMENTAR PENGUNGJUNG DAN PEMILIK BLOG BERBEDA WARNA
Artikel Terkait
- Cara memasang komentar terbanyak
- Cara mengganti warna kotak komentar
- Gambar berpindah oleh gerakan mouse
- Cara Membuat tulisan terbalik
- Huruf Besar Tampilan Pada Awal Postingan
- Menambah gambar pada judul postingan
- Postingan tampil halaman pertama
- Membuat widget copy artikel
- Postingan dengan DROPDOWN menu
- Mengubah background judul postingan
----------------------------------------------------------------------------------
Jika anda melihat komentar pengunjung, sebagian dari komentar itu memerlukan jawaban dari anda sebagai pemilik blog. Tetapi karena background komentarnya sama, kadang-kadang pengunjung tidak menyadari kalau apa yang dia tanyakan telah dijawab oleh pemilik blog dibawah komentar pengunjung tadi.Untuk itu, anda harus memberikan warna latar yang berbeda antara komentar dari pengunjung dan komentar dari anda, dengan harapan para pengunjung dapat mengetahui bahwa komentarnya telah dikomentari oleh pemilik blog.
Simak cara menampilkan kotak komentar pengunjung dan pemilik berbeda warna latar.
- Masuk ke Blogger dengan ID anda
- Pilih Tata Letak
- Pilih Pilih Edit HTML
- Back up dulu template jika anda takut gagal.
- Kasih contreng pada kotak kecil disamping tulisan Expand Widget Template
- Copy seluruh kode dibawah ini, kemudian paste tepat diatas kode
]]></b:skin>
.comment-body-author {
background: #A9D0F5; /* warna background pemilik blog */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
Kode diatas merupakan kode untuk menampilkan kotak komentar bagi pemilik blog, sedangkan untuk pengunjung sama sebelum ditambahkan kode tersebut.
Perhatikan yang bewarna merah,- Anda dapat mengganti background: #A9D0F5 dengan warna kesukaan anda
- Kode dotted #223344 (ada 4 buah) dapat anda ganti kata dotted (garis putus-putus) dengan solid (garis utuh/tidak putus-putus), dan kode warnanya dapat anda ganti denga kode warna kesukaan anda.
- Setelah anda selesai melakukan setting kode diatas, berikutnya anda cari kode yang mirip dengan kode dibawah ini. Dikatakan mirip karena pada sebagian template kadang-kadang memiliki kode yang berbeda. Perhatikan kode yang dimaksud tadi.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Fokuskan perhatian anda pada kode diatas, jangan sampai salah.
Kode yang berwarna merah merupakan kode yang harus anda tambahkan dan meletakannya harus sama seperti contoh diatas. - Setelah anda selesai menambah kode warna merah tadi klik tombol Simpan Template
- Lihat kotak komentar anda sekarang...Jika anda belum pernah menulis komentar pada blog anda sendiri, coba sekarang. Tampilannya akan berbeda dari komentar para pengunjung.
By : Bang Udin
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
- Cara membuat link berkedip ketika cursor melintas
- Cara Membuat Effect Snow Atau Tabur Salju Di Blog
- Cara Intalasi Windows Seven ( 7 ) Lengkap
- Code Rahasia Semua Type Handphone Lengkap
- Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
- Cara Membuat Cursor Bertabur Bintang
- Cara Pasang Meta Tag Di Blogger SEO Friendly
- Cara Memasang Share Pack (Share Post To Social Boo...
- Cara memasang sharing is sexy di blogspot
- Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
- Cara Membuat Shoutmix Tersembunyi
- Cara Membuat Link Warna - Warni Pelangi Di Blog
- Cara pasang video di blog
- Cara Membuat Link Berkedip Warna Warni
- Tempat Ganti Code Warna
- Cara Menu Tab View di Samping
- Cara Membuat Tulisan / text Berkedip
- Cara Membuat Menu Melayang
- Efek Marquee untuk Banner Berjalan
- Salam Pembuka Sesuai Dengan Settingan Waktu
- Mengganti Icon Blogger
- Cara membuat addres bar berjalan
Anda sedang membaca artikel berjudul 
0 Comments
