Pesan komentar adalah sebuah
pesan pendek yang biasanya berisi tentang aturan-aturan berkomentar di suatu
blog. Seharusnya, pesan komentar tersebut berada di atas form komentar. Namun pada
threaded comment dan beberapa keadaan tertentu, pesan komentar tersebut tidak
berada di tempatnya. Terkadang pesan komentar tersebut berada dibawah form
komentar. Hal ini membuat isi dari pesan komentar tersebut tidak selalu terbaca
oleh pengunjung yang ingin berkomentar.
Pada threaded comment atau
komentar berbalas, ketika kita akan melakukan reply komentar maka form komentar
itu akan berpindah berada tepat di bawah komentar yang akan kita balas
komentarnya. Hal itu terjadi karena variable replybox yang memanggil form
komentar tersebut kebawah komentar. Secara default, variable replybox tersebut
hanya memanggil form komentar nya saja. Sedangkan pesan komentar nya tidak ikut
terbawa karena form komentar dan pesan komentar nya adalah elemen yang berbeda.
Itulah penyebab mengapa pesan komentar nya terkadang berada di bawah.
Variable replybox secara
default:
varonReply =
function(commentId, domId) {if
(replybox ==
null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById(
'comment-editor');
if
(replybox !=
null) {
replybox.height =
'250px';
replybox.style.display =
'block';
replyUrlParts = replybox.src.split(
'#');
}
}
if
(replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox,
null);
replybox.src = replyUrlParts[
0]
+ (commentId ?
'&parentID='+ commentId :
'')
+
'#'+ replyUrlParts[
1];
replyParent = commentId;
}
};
Perhatikan, bahwa perintah
insert before memanggil variable replybox yang perintah nya memanggil elemen
form komentar saja. Untuk mengatasi nya, kita harus membuat tag <div>
yang menyatukan elemen pesan komentar dan form komentar tersebut lalu mengubah
perintah pada variable replybox agar tidak hanya memanggil form komentar nya
saja tetapi juga memanggil pesan dari komentar nya juga. Dengan begitu ketika
kita mereply komentar, yang berpindah kebawah komentar induk adalah form dan
pesan komentar nya.
Caranya silahkan masuk ke
template editor masing-masing, kemudian carilah kode dibawah ini :
<b:includable id='threaded-comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><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='' style='display: none' width='100%'/><b:else/><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%'/></b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/><script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');</script></div></b:includable>
Kemudian ganti kode yang berwarna
hijau dengan kode dibawah ini :
<div id='form-wrapper'><b:if cond='data:mobile'>
<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='' style='display: none' width='100%'/>
<b:else/>
<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%'/>
<p style=”text-align:right; font-size:5px; color:”><a href=http://www.misterdhi.net>Misterdhi.net</a></p></b:if>
</div>
Pada kode diatas, kita lihat
bahwa comment-editor (kode form komentar) dan kode <p><data:blogCommentMessage/></p>(pesan
komentar) telah disatukan dalam tag div dengan id form-wrapper. Nah, tag div
dengan id tersebut akan menjadi elemen yang akan di panggil oleh variable
replybox.
Sekarang, untuk mengatur
perintah replybox nya silahkan cari kode
document.getElementById(domId).insertBefore(replybox,
null);
kemudian ganti kode tersebut
dengan kode dibawah ini :
document.getElementById(domId).insertBefore(document.getElementById(
'form-wrapper'),
null);
Terakhir klik Save Template.
Sekarang, pesan komentar akan
selalu berada di atas form komentarnya dan ketika kita klik tombol reply di
komentar pun maka form dan pesan komentar akan berpindah ke bawah komentar
induk.
#semoga bermangfaat
#salam terhangat dari Misterdhi.
Tulisan
ini terinspirasi dari:http://www.dte.web.id/2012/05/masalah-pesan-formulir-komentar-yang.html
I Always be the First Comment..!!! hee :D
ReplyDeletewah keren nih tipsnya cocok diterapin di blog ane
ReplyDeletekalau pasang google adsense dibawah nya kotak komentar bisa nanti ?
ReplyDeletetentu bisa dong,, tinggal pasang kode iklan nya dibawah iframe komentar nya saja.
Deletejadi seperti kotak komentar punya agan ini
ReplyDeletemakasih om ntar bisa di coba,,
ReplyDeletemakasih om udah share
sip..tutorialnya asyik,,sederhana tapi mudah dipahami :-)
ReplyDeleteJadi lebih menarik ini mas pesan komentar selalu diatas akan terlihat kalau mau berkomentar gitu.
ReplyDeleteyupz betul sekali hehehe
Deletealhamdulillah sob,,, form komentar blog saya aman2 saja :D
ReplyDeletenice article...
ReplyDeleteBw malam gan di lapaknya sobat,,
ReplyDeletehehe... pinter banget sihh..
ReplyDeletesaya mengangguk2 aja
Saya malah tidak memberikan aturan kepada pembaca blog saya dalam berkomentar.
ReplyDeletentar saya baca lagi, menarik nihh
ReplyDeleteBW pagi di lapaknya om ed dolo, hehehe
ReplyDeleteterimakasih buat tutornya gan, ini memang sangat membantu para blogger
ReplyDeletewuidih..ilmu yang keren banget nih, kebetulan pesan komentar ku juga bermasalah...cing saya simpendulu ilmunya kapan2 tak pasang
ReplyDeletemakasih infonya gan
ReplyDeleteWahhh ini masalah yg sedang melanda blogku, hahahaha.. komentar dulu, habis itu baru belajar, wkwkwkwk
ReplyDeletewah ini mantap sekali tutorialnya mister. sangat bermanfaat dan berguna sekali untuk membantu mengatasi masalah pada pesan form komentar. terimakasih sudah berbagi :)
ReplyDeletenah ini yang ane cari gan, pesan komentar ane kadang turun ke bawah
ReplyDeletepunya gw sudah bagus sob.. thanks ya..
ReplyDeletevisir me back ya.
BW malam dulu om,
ReplyDeletehappy blogging
kunjungan rutin sob....
ReplyDeletemantep, saya juga pernah memperaktekan cara di atas dan memang hasilnya begitu...sippp.
ReplyDeletewah makasih gan :)
ReplyDeletewah makasih ya gan :)
ReplyDeletemakasih info nya
ReplyDeleteijin save scrif nya
ReplyDeletekomisifb.com/?id=ariefsaiful53@gmail.com kunjungi website tersebut
ReplyDelete