Mengatur Pesan Komentar blog

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Mengatur Pesan Komentar blog dan semoga artikel ini bermanfaat.

---

Mengatur Pesan Komentar blog, ini merupakan lanjutan dari Membuat Pesan Formulir Komentar dan modifikasinya dimana pada tutorial sebelumya tersebut menjelaskan cara membuat pesan formulir komentar di blogger/blogspot, namun masih dalam pengaturan bawaan atau defaulnya. Nah pada kesempatan ini saya akan mencoba menyampaikan cara mengatur tampilan Pesan Formulir Komentar.

Berikut langkah Mengatur Pesan Komentar blog:

• seperti biasa Login ke blogger
• klik Layout/ template
• Pada tab menu pilih Edit HTML
• Centang kotak kecil Expand Template Widget
• Sekarang cari kode ]]></b:skin>
• Tempatkan kode berikut di atas kode ]]></b:skin> tersebut

#psn-comment{
background:#F2F2F2;
min-width:500px;
height:35px;
padding:10px;
font:normal 13px trebuchet ms;
text-align:center;
border:1px solid #EFF0F1;
margin:0 10px 5px 0;
line-height: 1.1em;

         Silahkan sobat atur kode CSSnya sesuai dengan selera.

• Cari kode dibawah ini:

<p><data:blogCommentMessage/></p>

         Apabila menemukan lebih dari satu kode seperti diatas ganti yang paling akhir/bawah

• Hapus dan ganti kode tersebut dengan kodeberikut ini

<div id='psn-comment'><data:blogCommentMessage/></div>

Pemasangan kode diatas adalah pengaturan untuk kotak pesan, nah selanjutnya kita beralih ke cara  agar kotak pesan tersebut mengikuti kotak komentar pada waktu membalas komentar. sehingga pesan komentar tidak pindah kebawah melainkan tetap ada diatas kotak komentar. lihat saja pesan komentar blog ini sebagai contoh.

Berikut langkah-langkahnya:

• Masih melanjutkan dari yang diatas sobat cari kode;

if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}

• Perhatikan kode yang berwarna merah  replybox kemudian sobat ganti kode berwarna merah tersebut dengan; document.getElementById('form-wrapper') sehingga kode akhir akan nampak seperti dibawah ini;

if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}

• Selanjutnya sobat cari lagi kode yang ditambahkan pada awal tutorial ini kodenya; <div id='psn-comment'><data:blogCommentMessage/></div> selanjutnya perhatikan kode dibawah ini;

<div id='psn-comment'><data:blogCommentMessage/></div>
<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%'/>

• Tambahkan kode <div id='form-wrapper'> sebelum kode diatas dan </div> setelahnya, sehingga akan menjadi seperti dibawah ini;

<div id='form-wrapper'>
<div id='psn-comment'><data:blogCommentMessage/></div>
<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>

• Simpan template sobat, lihat hasilnya.... semoga berhasil.

Dengan cara ini maka apabila mau menambahkan selain kotak pesan formulir komentar  sobat juga bisa membuat kotak emotion, iklan atau tobol share didalam area tersebut. sobat tinggal meletakan kode diatas atau dibawah kode <div id='psn-comment'><data:blogCommentMessage/></div> namun harus berada dibawah <div id='form-wrapper'> karena from-wrapper tersebut merupakan tempat meletakan obyek yang akan berpindah-pindah.
Buat sobat yang mau memasang emotion diblog seperti diblog ini tunggu postingan berikutnya ......

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Mengatur Pesan Komentar blog kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered

BACA JUGA ARTIKEL TERKAIT LAINNYA

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 16:03