Cara Membuat Pesan Diatas Kotak Komentar

My Dream ○ Pesan Admin di atas sebuah komentar Blog sebenarnya wajib dipasang apalagi sudah banyak orang yang sembarangan naruh link aktif maupun Spam di Blog kita.akibatnya tentu pada blog kita sendiri.Lama kelamaan Blog sobat bisa di banned dan di anggap spammer oleh bot google.Fungsi dari pesan ini adalah untuk memberitahukan kepada para visitor tentang peraturan berkomentar di blog kita.jadi mereka tidak akan sembarangan lagi berkomentar di blog kita.Walaupun masih ada yang sembarangan itu tinggal sobat aja untuk mengatur sedikit blog sobat agar bisa menghapus komentar dan spammer itu secara manual atau otomatis.Berikut contoh Screen Shot yang saya ambil dari Blog saya.....Tertarik?? silahkan coba.

Berikut Tutorialnya,silahkan dipraktekan.

• Loggin Ke Blog sobat.
• Klik Template > Edit HTML > Lalu silahkan sobat cari kode ini ]]></b:skin>.Untuk mempermudah silahkan gunakan CTRL+F.
• Setelah kode tersebut bisa ditemukan silahkan sobat copy kode dibawah ini dan pastekan tepat di atas kode ]]></b:skin>.

/*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
    }

• Nah jika sudah jangan di save dulu sobat.Sekarang saatnya sobat mencari kode ini <p><data:blogCommentMessage/></p>.
• Biasanya terdapat 4 kode yang sama seperti ini di semua Blog <p><data:blogCommentMessage/></p>.Mungkin akan terlihat seperti ini.

<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%'/>

• Dan copy kode ini dan pastekan tepat diatas kode diatas dan di tutup dengan kode </div>.Mungkin akan terlihat seperti ini.

<div id='threaded-comment-form'>

KODE DIATAS

</div>

• Hasilnya mungkin akan menjadi seperti 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>

 Catatan : Ingat ya sobat kode tersebut ditaruh di kode ke 2 dan ke 4 kode tadi.

• Lalu carilah kode berikut ini.

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

• Hapus kode tersebut dan ganti dengan kode dibawah ini.

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

•  Terakhir Klik Save Template.

Langkah Terakhir untuk sobat yang mau menulis pesannya silahkan ikuti tutorial berikut ini.Dan buat lah pesan sesuai yang sobat inginkan.
1. Masuk ke Blogger.com
2. Klik Setelan => Pos dan Komentar
3. Klik Tambahkan
4. Silahkan masukkan pesan komentar Anda
5. Klik Simpan Setelan

Tweet