Membuat Pesan diatas Kotak Komentar

Diposting oleh: Admin Referensi Blog pada: Waktu On Line :kak:

1. Masuk ke Blogger.com
2. Klik Setelan => Pos dan Komentar
3. Klik Tambahkan
4. Silahkan masukkan pesan komentar Anda
5. Klik Simpan Setelan


/*Pesan Komentar*/
#threaded-comment-form p {
position: relative;
background: #666;
border: 3px solid #000;
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: #000;
border-width: 15px;
left: 10%;
margin-left: -35px;
}

#threaded-comment-form p::after {
border-top-color: #666;
border-width: 10px;
left: 10%;
margin-left: -30px
}


Cari kode seperti ini <p><data:blogCommentMessage/></p> biasanya ada 4 kode.
- Silahkan lakukan pada kode ke 2 dan kode ke 4 dari hasil pencarian kode <p><data:blogCommentMessage/></p>
- Kode ke 2 agar pesan komentar muncul sebelum ada komentar
- Kode ke 4 agar pesan komentar muncul setelah ada komentar

Mungkin hasilnya akan seperti ini :

<p><data:blogCommentMessage/>
</p><data:blogTeamBlogMessage/>
<a expr:href='dataost.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Lalu tambahkan kode berikut :

<div id='threaded-comment-form'>
KODE PERTAMA
</div>

Hasilnya akan seperti ini :

<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='dataost.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

http://www.ficripebriyana.com/2014/04/cara-membuat-pesan-diatas-kotak-komentar.html

referensi blog

Membuat Pesan diatas Kotak Komentar

Tambahkan komentar Komentator