Cara Modifikasi tampilan pesan komentar blog

Berikut Cara Modifikasi tampilan pesan komentar blog - Kotak komentar adalah fasilitas yang disediakan untuk media berinteraksi antara pengunjung dan pemilik blog, dari kotak komentar inilah mereka bisa saling tegur sapa, mengomentari artikel yang kita buat, namun adakalanya hanya untuk tujuan tertentu pengunjung blog sembarangan meletakan komentar dengan kata-kata yang memang tidak pantas dan tidak sesuai dengan harapan kita, oleh karena itu salah satu untuk mengantisifasinya adalah dengan cara meletakan pesan komentar agar pengunjung mengetahui hal-hal apa saja yang diperbolehkan dan dilarang ketika mereka meletakan komentar.

Berikut contoh screen shoot kotak pesan komentar yang sudah  dimodifikasi:

Memodifikasi Tampilan Pesan Komentar Blog

Untuk membuat pesan kotak komentar seperti gambar diatas tidak terlalu sulit yang perlu kita tambahkan adalah kode CSS untuk mendekorasi desain tampilan dan kode tag HTML, adapun langkah-langkahnya adalah sebagai berikut:

1. Masuk ke akun blogspot anda, pilih salah satu daftar blog yang akan dimodifikasi

2. Pada bilah menu sebelah kiri, pilih menu "Template" kemudian tekan tombol "Edit HTML" untuk menampilkan script kode tempalate blog yang bersangkutan

3. Gunakan pencarian dengan menekan tombol "CTRL+F" kemudian cari kode berikut:

<p><data:blogCommentMessage/></p>

4. Hapus kode diatas tersebut dan gantilah dengan kode berikut:

<div class='pesan-komentar'>
 <p><data:blogCommentMessage/></p>
</div>

5. Sekarang cari kode berikut :

</head

6. Letakan kode CSS berikut tepat sebelum kode </head diatas:

.pesan-komentar p {
line-height: normal;
margin: 0px;
font-size:12px}

.pesan-komentar:before {
content: &quot;&quot;;
width: 0px;height: 0px;
position: absolute;
top: 100%;
left: 30px;
border-width: 10px;
border-style: solid;
border-color: #666 transparent transparent;
display: block;}

.pesan-komentar {
background: none repeat scroll 0% 0% #666;
position: relative;
color: #FFF;
padding: 10px 20px;
margin: 8px;}

Kode diatas akan membuat desain tampilan pesan kotak komentar dengan warna latar hitam dan warna tulisan putih, untuk membuat warna background yang berbeda anda bisa memodifikasi kode yang berwarna merah diatas dengan kode warna yang anda sukai, sedangkan untuk membuat warna tulisan berbeda silahkan anda ganti kode berwarna biru diatas dengan kode warna yang anda sukai.

 7. Jangan lupa Simpan template diatas,

Sampai tahap 7 diatas berarti anda sudah selesai memodifikasi tampilan pesan komentar blog, langkah selanjutnya adalah mengisi text pesan yang akan ditampilkan pada kotak tersebut.

Cara Mengisi Pesan Komentar Blog

Jika langkah diatas sudah selesai dilakukan, langkah berikutnya adalah memasukan text untuk pesan komentar, langkah-langkahnya adalah sebagai berikut:

1. Masuk ke akun blogspot anda, dan pilih salah satu daftar blog yang anda maksud

2. Pada bilah sisi menu sebelah kiri pilih menu "Setelan" dan pilih submenu "Pos dan Komentar"

3. Lihat ke bagian kanan kemudian cari Label "Pesan Formulir Komentar" dan tekan link yang bertuliskan "Tambahkan", silahkan anda masukan pesan komentar anda sesuai yang anda kehendaki

4. Jika tahap diatas selesai, jangan lupa tekan tombol "Simpan setelan "

Sampai tahap diatas berarti anda sudah selesai mengisi pesan komentar, silahkan menuju halaman blog anda dan lihat hasilnya, jika anda berhasil pesan komentar yang anda buat akan terlihat seperti pesan komentar pada blog ini.


Demikian artikel sederhana tentang Cara Modifikasi tampilan pesan komentar blog, semoga bermanfaat.

Tag : Blogger tips, design