√ Cara Menciptakan Kolom Pesan Komentar Pada Blog

Kolom Pesan Komentar biasanya berisi pesan-pesan admin yang ditujukan kepada para pengunjung blog sebelum mereka menuliskan komentar. Kolom Pesan Komentar berada sempurna diatas kolom komentar. Sebenarnya, kita dapat pribadi menuliskan pesan komentar tanpa harus menciptakan kolom terlebih dahulu. Namun untuk mempercantik penampilan, ada baiknya kolom pesan tersebut sedikit dimodifiksi. Bila anda tertarik untuk membuatnya, berikut cara menciptakan kolom pesan komentar pada blog. Mangga disimak...!

1. Pertama, silahkan login dulu ke Blogger

2. Pilih Template » Edit HTML

3. Sekarang cari isyarat menyerupai di bawah ini

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

Biasanya isyarat menyerupai ini ada 1 hingga 4 isyarat yang sama, namun anda cukup mencari isyarat di no. 2 dan 4 saja

4. Jika sudah ketemu, selanjutnya tambahkan isyarat dibawah ini diantara isyarat tadi

<div id='threaded-comment-form'>
.....kode diatas.....
</div>

Sehingga penampakan alhasil akan menyerupai dibawah ini

<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 isyarat no. 2 dan 4 saja

5. Kemudian, anda cari isyarat menyerupai dibawah ini

document.getElementById(domId).insertBefore(replybox, null);

6. Ganti isyarat tersebut dengan isyarat dibawah ini

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

7. Sekarang cari isyarat ]]></b:skin> atau </style>

8. Letakkan isyarat dibawah ini diatas isyarat ]]></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 Praktis Agar Blog Menjadi Dofollow
» Cara Praktis 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, lalu lihat hasilnya

Demikian cara menciptakan kolom pesan komentar pada blog, supaya bermanfaat. Happy blogging...!


Sumber http://ap-thea.blogspot.com