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.
Mengatur Pesan Komentar blog

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
feedburner

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

11 komentar :

  1. wah kayaknya postingannya keren2 neh,kalo boleh mw ane copas,dan link sumber tetep ane pasang.

    BalasHapus
    Balasan
    1. silahkan saja sobat selamitu berguna bagi kita semua dan ada timbal balik yang sesuai.... =))

      Hapus
  2. bermanfaat sekali ilmunya sob, saya pelajari dulu nih.
    Blognya sangta keren dan bagus sob, apalagi templatenya, cocock sekali,..
    salam kenal dan Numpang follow ya sob.untuk persahabatan kita, sekalian tukar link dan link anda kupasang,
    silahkan cek, jangan lupa follow balik ya sob.terima kasih

    BalasHapus
  3. tutorial menarik thanks sharing tentang cara Mengatur Pesan Komentar blog
    tes tes **p

    BalasHapus
  4. Mantap Um bisa Buat Pencerahan,,,

    Untuk Lebih Menguasai blog bisa main main nih ke blog saya

    BalasHapus
  5. Waah manteb banget ilmunya gan, baca juga kuy artikel blog saya di idekevin.blogspot.com

    BalasHapus
Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |