banner here

Cara Membuat Pesan di atas Kotak Komentar

- October 21, 2018
advertise here
Cara Membuat Pesan di atas Kotak Komentar, Nah disini saya mau memberi tahu kalian cara buat pesan di atas kotak komentar, apa fungsinya? Ya itu buat kalian jika ingin menulis catatan atau pesan yang ingin disampaikan

Isinya mungkin peraturan yang ingin disampaikan, atau comment yang tidak boleh ditulis seperti gambar dibawah :

Membuat Pesan di atas Kotak Komentar

Mau tau cara masangnya? nih disini langsung aja ya gan, Langsung menuju Edit HTML blog kalian,

1. Cari kode <p><data:blogCommentMessage/></p> bisa dengan menggunakan CTRL + F, nah disitu biasanya ada 4 hasil pencarian anda, nah coba lihat hasil ke 2 dan ke 4, kaya gini hasilnya :


<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.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%'/>
2. Setelah itu tambahkan pada kode di atas :
<div id='threaded-comment-form'>
...kode di atas...
</div>
Nah hasilnya kaya gini..


<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.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>

  3. Cari lagi kode seperti dibawah
document.getElementById(domId).insertBefore(replybox, null);

Ganti kode di atas dengan kode berikut:
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

4. Setelah itu tambahkan CSS di atas  ]]></b:skin>
/*-- Modifikasi 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 
 }

Buat edit warnanya saya harap kalian bisa ya :)

Setelah itu simpan Template anda, Langkah Terakhir anda harus menuliskan pesan yang ingin disampaikan di atas kotak komentar Anda.

Masuk ke Dashboard > Setting > Postsand Comments - Klik Add

Sumber: Blog Kangismet Pada Tahun 2014 ( Blog yang bersangkutan sudah nonaktif)

13 comments

avatar

sudah di pasang gan.terima kasih atas ilmunya gan. :)

avatar

Terimakasih infonya, sangat membantu...

avatar

Thax gan..sukses q terapin
http://softwaredotblog.blogspot.com

avatar

infonya bagus. komen balik jendela-info123.blogspot.com

avatar

akhirnya punya saya ada pesan komentarnya juga,hehe
makasih admin :-)

avatar

boleh juga nih untuk dicoba. nice share :)

avatar

coba dulu ah, siapa tau jadi bagus :v

avatar

Mantap gan info nya
Komen balik ya di blog ku http://sharezone-premium.blogspot.com/

avatar

thanks buat infonya, sangat bermanfaat

avatar

kayaknya ini artikel di copas dari blog.kangsimet.net

avatar

Betul, saya sempat sertakan sumbernya di akhir postingan, namun dikarenakan blog kangismet sudah tidak aktif dan linknya mati, jadi terpaksa saya hilangkan dari postingan :)


EmoticonEmoticon

 

Start typing and press Enter to search

Back to Top