Kolom Pesan Komentar biasanya berisi pesan-pesan admin yang ditujukan kepada para pengunjung blog sebelum mereka menuliskan komentar. Kolom Pesan Komentar berada tepat diatas kolom komentar. Sebenarnya, kita bisa langsung menuliskan pesan komentar tanpa harus membuat kolom terlebih dahulu. Namun untuk mempercantik penampilan, ada baiknya kolom pesan tersebut sedikit dimodifiksi. Bila anda tertarik untuk membuatnya, berikut cara membuat kolom pesan komentar pada blog. Mangga disimak...!
1. Pertama, silahkan login dulu ke Blogger
2. Pilih Template » Edit HTML
3. Sekarang cari kode seperti di bawah ini
<p><data:blogCommentMessage/></p>Biasanya kode seperti ini ada 1 sampai 4 kode yang sama, namun anda cukup mencari kode di no. 2 dan 4 saja
4. Jika sudah ketemu, selanjutnya tambahkan kode dibawah ini diantara kode tadi
<div id='threaded-comment-form'>Sehingga penampakan akhirnya akan seperti dibawah ini
.....kode diatas.....
</div>
<div id=threaded-comment-form'>
<p><data:blogCommentMessage/></P>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormlframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-frame-colorize blogger-comment-form-post'
frameborder='0' height='410' id='comment-editor' name='comment-editor' src="
width='100%'/>
</div>
Note. Lakukan hal ini pada kode no. 2 dan 4 saja
5. Kemudian, anda cari kode seperti dibawah ini
6. Ganti kode tersebut dengan kode dibawah inidocument.getElementById(domId).insertBefore(replybox, null);
7. Sekarang cari kode ]]></b:skin> atau </style>document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
8. Letakkan kode dibawah ini diatas kode ]]></b:skin> atau </style>
/*-- CSS Pesan Komentar--*/
#threaded-comment-form p {
position: relative;
background: #4085b8;
border: 3px solid #5899c9;
padding: 10px;
font-size: 11px;
line-height: 1.6em;
color: #fff;
margin-top: 10px;
font-size: 11px;border-radius:2px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #5899c9;
border-width: 15px;
left: 10%;
margin-left: -35px;
}
#threaded-comment-form p::after {
border-top-color: #4085b8;
border-width: 10px;
left: 10%;
margin-left: -30px
}
9. Simpan Template
Baca juga :
» Cara Membuat Tombol Share Efek 3D
» Cara Mudah Agar Blog Menjadi Dofollow
» Cara Mudah Memasang Emoticon Pada Kolom Komentar Blog
Sekarang saatnya anda menuliskan pesan dalam kolom tersebut
1. Login ke Blogger
2. Pilih Setelan » Pos dan Komentar » Klik Tambahkan pada Pesan Formulir Komentar
3. Tulis pesan-pesan yang ingin anda tuliskan
4. Save, kemudian lihat hasilnya
Demikian cara membuat kolom pesan komentar pada blog, semoga bermanfaat. Happy blogging...!
0 Response to "Cara Membuat Kolom Pesan Komentar Pada Blog"
Post a Comment