Home » , » Tutorial Edit Pesan Di atas Kotak Komentar Blog

Tutorial Edit Pesan Di atas Kotak Komentar Blog

Written By Unknown on Thursday, December 13, 2012 | 8:48 PM


Tutorial Edit Pesan Di atas Kotak Komentar Blog - Hello guys! Seelumnya pada postingan yang lalu saya sudah share tutorial tentang cara membuat pesan di atas kotak komentar blog, dan pada kesempatan kali ini saya akan share tutorial edit pesan di atas kotak komentar blog. Maksudnya adalah memodifikasi/mengubah pesan di atas kotak komentar blog tersebut, baik itu text/tulisannya ataupun background utamanya. Saya sarankan sebelum anda membaca postingan ini sebaikya anda baca dulu postingan sebelumnya tentang cara membuat pesan di atas kotak komentar blog.

Oke, bagi anda yang ingin segera mencobanya silahkan ikuti tutorial edit pesan di atas kotak komentar blog di bawah ini dengan baik!

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".


3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".


4. Kemudian cari kode <p><data:blogCommentMessage/></p> (gunakan Ctrl+F untuk mencarinya) dan hapus/ganti kode tersebut dengan kode berikut ini :

<div id='pra-comment'><data:blogCommentMessage/></div>

5. Setelah itu, cari kode ]]></b:skin> dan letakkan script kode berikut ini tepat di atasnya!

/* edit pesan komentar by ngeposta */
#pra-comment{
background:#F2F2F2;
width:480px;
height:100px;
padding:10px;
font:normal 13px trebuchet ms;
text-align:justify;
border:1px solid #EFF0F1;
margin:0 10px 5px 0;
line-height: 1.8em;
}

#pra-comment a{font-weight:bold;}
#pra-comment b{color: #000000;}
#pra-comment em b{Color:#ff0000;}

6. Lalu klik save/simpan template, selesai dan lihat hasilnya...

Note :
Silahkan anda sesuaikan background, height, width, paddingnya sesuai dengan keinginan anda.

Pastinya mudah dan simple sekali kan...??? Mungkin cukup sekian dulu postingan tentang tutorial edit pesan di atas kotak komentar blog ini, selebihnya saya mohon ma'af atas segala kekurangan yang ada. Semoga postingan ini bisa bermanfaat dan salam sejahtera by ngeposta...

0 comments:

Post a Comment