Haii Haiii Haiii, Selamat Pagi, Apa kabar kalian semua ? Semoga kalian dalam keadaan sehat semuaa :) Amiin,...
Sebelumnya, Banyak yang request ke mimin tentang "Cara Membuat Pesan Di Atas Komentar Pada Blog". Yaaa Tadinya mimin juga belum bisa membuatnya, Setelah mimin baca-baca dan terapin ke blog mimin sendiri akhirnya bisa juga yeaaayyy...
Memang agak sedikit rumit caranya, Tapi kalo di coba secara teliti mimin yakin kalian bisa melakukannya.
Seperi yang kalian ketahui, Pesan diatas kolom komentar pada blog berguna untuk si pembaca yang ingin berkomentar pada blog kalian agar meninggalkan komentar terkait dengan peraturan yang diterapkan pada blog tersebut.
Hal seperti ini juga berguna agar si pembaca tidak asal berkomentar yang dapat merugikan admin si pemilik blog tersebut.
Baik, Langsung saya bagi kalian para blogger yang ingin mencoba "Membuat Pesan Diatas Kolom Komentar Pada Blog", Silahkan perhatikan tutorialnya ^_^
[Langkah 1]
Masuk ke "Edit HTML" pada blog kalian, (*Sebelumnya silahkan backup terlebih dahulu template kalian untuk mengantisipasi adanya kesalahan)
[Langkah 2]
Cari kode:
<p><data:blogCommentMessage/></p> biasanya ada 4, cari yang urutan ke 2 dan ke 4. Kurang lebih kodenya 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%'/>
Lalu, Tambahkan kode dibawah ini tepat diatas kode tersebut:
<div id='threaded-comment-form'>
...kode di atas...
</div>
Kemudian hasilnya akan 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>
Lakukan langkah di atas, pada kode ke 2 dan ke 4. Kode ke-2 untuk memunculkan sebelum ada komentar, sedangkan kode ke-4 muncul setelah ada komentar pada postingan.
[Langkah 3]
Cari Kode: document.getElementById(domId).insertBefore(replybox, null);
Ganti Kode itu dengan kode: document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
[Langkah 4]
Untuk memperindah tampilan, tambahkan CSS di atas kode: ]]></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
}
[Langkah 5]
Klik "Simpan Template"
[Langkah 6]
Sampai Disini, Lalu Kalian masuk ke Dasboard blog kalian kemudia Klik "Setelan" ~> "Pos, Komentar, Dan Berbagi"
[Langkah 7]
Klik "Tambahkan" (*Masukan pesan yang ingin kalian sampaikan), Setelah selesai menambahkan pesan lalu klik "Simpan Setelan"
Naaah, Begitulah cara Membuat Pesan Di Atas Kolom Komentar Pada Blog, Silahkan kalian coba. Jika mengalami kesulitan silahkan tanyakan di komentar, Sampai jumpa diartikel selanjutnyaaa... Dadaaahh