Cara membuat pesan komentar di blog

Form komentar dalam sebuah halaman sangat kita perlukan dimana para pengunjung dapat berkonsultasi terhadap sebuah artikel yang telah kita posting di halaman blog kita. Aktivnya suatu share melalui form komentar akan semakin bagus buat blog kita untuk meningkatkan PR ( Pageranking ) halaman situs kita dimata mesin pencari, seperti google. Sebagai pengguna jasa online hal ini harus menjadi pertimbangan yang utama diantara pertimbangan yangpaling utama lainnya. Oleh karena pentingnya hal ini, dalam berkomentar, pengunjung blog kita akan mengetahui tata cara berkomentar pada blog kita sehingga kita memerlukan suatu pesan singkat yang dituliskan dalam sebuah halaman blog yang menjadi acuan peraturan dari suatu komentar yang akan diberikan oleh para pengunjung. Yang biasa saya sebut dengan Pesan Komentar.

fungsi

 

Pesan Komentar ini berfungsi untuk memberikan suatu pesan aturan dari tata cara menyampaikan sebuah komentar untuk sebuah artikel yang telah kita posting pada halaman blog kita. Sebagai fungsi suatu pesan aturan, kita akan menuliskan suatu pesan yang memang benar benar ringkas jelas dan tidak bertele tele. Sebuah pesan yang disampaikan buat para pengunjung yang akan menjadi sebuah aturan dalam berkomentar harus dituliskan dengan serba sopan santun agar para pengunjung kita tidak merasa tersinggung, sebab suatu kunjungan sangat berharga buat suatu halaman blog kita. Dalam postingan saya kali ini, sebuah pesan dalam halaman blog akan kita buat, dan akan saya uraikan melalui tag tag html agar dapat kita sisipkan dalam tubuh tag HTML blog kita. Saya beharap sahabat sahabat bloger saya sudah memahami kegunaan dari Pesan Komentar yang akan kita buat pada halaman blog kita. 

Lihat screen shoot gambar pesan komentar yang akan kita buat dibawah ini. 

Fitur 

 

• Gambar Leave comment
• Text Pesan Komentar
• Tombol Join to Blog
• Gift image

Install Program CSS 

 

• Login ke dashboard anda
• Masuk ke "TEMPLATE" lalu klik " Edit HTML "
• Cari code ]]></b:skin> 
• Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

.Pesan_Komentar{
background:#FFF;
width:590px;
padding-top:2px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgb(9, 149, 223);
border-radius: 6px 6px 6px 6px;
box-shadow: 2px 4px 4px rgb(204, 204, 204);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border-color: #666666;
height: 200px;
}

 

Install Program Tag HTML 

 

• Login ke dashboard anda
• Masuk ke "Template"
• lalu klik "Edit HTML"
• Cari code <div class='comment-form'> ( tekan Ctrl+F untuk mempercepat )
• Copas Code HTML dibawah ini, paste di atas code
  <div class='comment-form'>

<h4 id='comment-post-message'>
<img alt="leave comment" height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfXLRQB4UDewGNen7F02RLxiU5eOBOxrZ5ou-N2lBeqkyNbZ9V3ViHki1p0E3HVUkphvwqhpxoEwilBDEkUCUjPKoSN59VbJgwNBJUQEachZ6JdPuONu-a2i1q9GgpOfph3mOP4DcSjyg/s1600/leave-a-comment.jpg' width='300' style="margin-bottom:-20px;" />
</h4>
<div class='Pesan_Komentar'>
<p>
<span id='result_box' lang='id'>
<b>Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin. </b>
<br/><br/>
1. Komentar SPAM akan dihapus segera setelah saya review
<br/>
2. Pastikan untuk klik &quot;Berlangganan Lewat Email&quot; untuk membangun kreatifitas blog ini
<br/>
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
<br/>
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system
<b> link exchange </b>
</span><span lang='id'><br/>
</span>5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
<br/></p>
<div style='margin-top:1px; margin-left: 0px; font-style:italic'>
<p align="right"> Bila anda senang dengan artikel ini silahkan <a href='http://www.blogger.com/follow-blog.g?blogID=5055362939739660258' target='_blank' rel="nofollow" title="Join to Blog">Join To Blog </a> atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas. </p>
</div>
<div style='margin-top:-15px;'>
<img alt='Me' align='left' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRBuzx4V15pfjctlyc1ND6NWoMU_vshUyTnLACyK3t9-8_fGHxQ5bGkJlhjHMbfvLt4jKid_55dYqNsCogCOKUG1jLwZEiEuczjAVs8NdDKkRcz5T7ejrY99KXpmGaqgUIPkPBPK6uKZc/s1600/masalah.gif' style='padding: 10px 10px 0px 0px;margin: -40px 10px 0px 0px;' width='80'/></div>
</div>

 

Keterangan Code

 

• Code tulisan warna merah ganti URL sesuai dengan ID blog anda
  
• Klik disini http://rivai-silaban.blogspot.com/2013/06/cara-mengetahui-blog-id-dan-post-id.html
• Ukuran lebar adalah 590px ( edit CSS untuk merubah ukurannya )
• Sesuaikan semua tulisannya sesuai dengan peraturan blog anda.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 3:05 PM