Cara Membuat Pesan Peringatan Di Atas Form Komentar Blogspot

Cara Membuat Pesan Attention Di Atas Komentar Blogspot - Pesan yang terletak di atas komentar blog yaitu sebuah attention atau peringatan bagi pengunjung/komentator untuk tidak membuat sesuatu yang merugikan pihak penulis atau pengunjung lainnya atau juga meminta komentator biar tidak melaksanakan komentar yang mengandung negatif mungkin mulai dari perkataan kotor ibarat Sara, pornografi, dan hal lainnya bersifat negatif. Jika kalian pernah melihat pesan larangan ini, biasanya akan terletak di atas form komentar blog.

Pada kesempatan kali ini mimin akan menunjukkan tutorial panduan cara memasang pesan form di atas komentar blog dengan desain lebih inovatif dan tentunya tidak menganggu pengunjung serta tidak akan menjadi beban loading blog anda.

Oke eksklusif saja bagaimana cara membuat widget peringatan di atas komentar blog pada berikut ini. Simak dengan cermat dan ikuti langkahnya baik - baik.

Cara Membuat Pesan Formulir Peringatan Di Atas Form Komentar

1. Login dan masuk ke dashboard blog anda.

2. Silahkan pilih dan klik Menu Template > HTML.

3. Langkah selanjutnya cari instruksi sama persis ibarat instruksi ini <p><data:blogCommentMessage/></p>. Dan biasanya instruksi ini berjumlah 3 hingga 4. Nah anda cari instruksi yang ke 2 dan 4.

4. Setelah itu anda tambahkan instruksi di atas sempurna pada instruksi di bawah ini.

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

5. Sehingga tampilan instruksi tersebut akan nampak ibarat instruksi di bawah ini.

<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>

Dihimbau untuk anda jangan lupa untuk meletakan instruksi sempurna di instruksi ke 2 dan 4.

6. Selanjutnya cari instruksi ibarat di bawah ini.

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

7. Ganti instruksi tersebut dengan instruksi di bawah ini.

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

8. Kemudian anda letakan instruksi CSS di bawah ini sempurna di atas instruksi ]]</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. Klik simpan template.

Selanjutnya untuk menambahkan pesan attention tersebut , silahkan anda pilih menu setelan>pos dan komentar>tambahkan.

Sekian tutorial cara menambahkan pesan peringatan di atas komentar blog. Semoga bermanfaat.

Tweet