Cara Membuat Pesan Komentar Pada Blogger

Trik Cara Membuat Pesan Komentar Blogger

Melakukan suatu hal aktivitas seharian terkadang juga membuat organ tubuh lumayan capek sekali Dan disela waktu istirahat saya sempatkan untuk berbagi sedikit pengetahuan tentang yang saya ketahui. sebelum nya saya publikasikan coretan tentang, Premium dan Pertamax yang Memprihatinkan
Dan kesempatan ini saya share Accessories Blogger yang tepat nya pada bagian kolom komentar seperti yang saya tau kolom komentar bawaan Blogger hanya itu-itu saja jadi anda Yang berminat memodivikasi kolom komentarnya silahkan

Lanjutkan membaca, jika sobat yang sudah memasang nya simak saja. Pada artikel yang saya
Bagikan ini akan membahas tentang pesan komentar dimana letaknya persis di bawah postingan
Blog anda, Screnshootnya seperti contoh seperti gambar diatas. jika anda tertarik memasangnya
Silahkan baca dengan seksama tutorial berikut di bawah ini :

Trik Cara Membuat Pesan Komentar Blogger :

Pesan komentar adalah Accessories atau bagian kolom saran di mana anda bisa memberi taukan
Kepada para pengunjung blog anda tentang aturan dan pemberlakuan cara berkomentar dan lainya
Untuk lebih lengkapnya tutorial ini silahkan simak penuturan dan cara memasang nya di bawah ini

Cara memasangnya :

Masuk dasboard blog anda cari kode ]]></b:skin> tekan Ctr + f untuk memudahkan
Pencarian kode nya copy kode dibawah in dan paste tepat diatas kode : ]]></b:skin>

#bdrspesan-comment {
position : relative;
width : auto;
padding : 10px;
font : normal normal 12px trebuchet ms;
text-align : justify;
border : #000 solid 3px;
margin : 0 10px 10px 3px;
margin-top : 10px;
line-height : 1.3em;
background-color: #666666;
color: #FFFFFF;
}
#bdrspesan-comment strong {color:#99FF00}
#bdrspesan-comment::after, #bdrspesan-comment::before {
top : 100%;
border : transparent solid;
content : '';
height : 0;
width : 0;
position : absolute;
}
#bdrspesan-comment::before {
border-top-color : #000;
border-width : 15px;
left : 10%;
margin-left : -36px;
}
#bdrspesan-comment::after {
border-top-color : #666;
border-width : 9px;
left : 10%;
margin-left : -30px;
}
#bdrspesan-comment .BD-but{
border:1px solid #b0130d;
color:#000000;
cursor:pointer;
font-weight:100;
margin:5px -10px 0px 0;
text-decoration:none;
text-shadow:none;
display:inline-block;
box-shadow: 0 1px 0 0 #fff inset;
background-color:#00CCFF;
padding:5px 10px;
border-color: #333;
border-radius:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#bdrspesan-comment .BD-but:hover{
color:#99FF00;
text-shadow:none;
border:1px solid ;
display:inline-block;
box-shadow:0 0px 2px 0px #FFF;
background-color:#333333;
border-color: #333;
}
#bdrspesan-comment .BD-box {
margin-top : 0px;
padding : 0 0px;
text-align: right; 
}
#bdrspesan-comment .input {
font-size : 12px;
padding : 10px 5px;
text-shadow : 1px 1px 0 #FFF;
width : 200px;
color : #990000;
font-family : georgia;
border : solid 1px;
border-color : #0099FF;
background-color: #E1FBFB;
border-radius:5px;
margin-bottom: 2px;
}
#bdrspesan-comment .input:hover {
background-color: #FFFFFF;
}
#bdrspesan-comment .submit {
border: solid 1px;
color : #000000;
cursor : pointer;
font-family : verdana;
font-size : 12px;
padding : 10px 15px;
border-radius:5px;
text-shadow : 0px 1px #999;
text-transform : uppercase;
height : auto;
background-color : #00CCFF;
border-color : #000099;
font-style: italic;
font-weight: normal;
margin-left:4px;
}
#bdrspesan-comment .submit:hover {
background-color :#2FD6FF;
box-shadow: 1px 1px 5px #333;
color : #990000;
text-shadow: none;
}

Apabila kode CSS diatas sudah terpasan memenuhi prosedur, klik save atau lanjutkan untuk
Pemasangan kode Html untuk pesan komentar ini, disini ada 2 (dua) trik cara penerapanya
Untuk lebih jelas nya kita langsung saja untuk memasang script Htmlnya berikut dibawah ini

Cara memasang script Html pesan komentar Trik 01 :
Masih di edite Html anda cari kode <p><data:blogCommentMessage/></p> Kode ini terdiri dari
4 Kode yang sama pada 2 kolom tempat yang berbeda, Untuk melihat 2 kode diatas coba anda
Cari kode <b:includable id='comment-form' var='post'> Lalu geser kebawah dan temukan kode
Seperti : <p><data:blogCommentMessage/></p> kemudian copy script Html di bawah ini dan
Dan ganti kode <p><data:blogCommentMessage/></p> dengan kode Html di dalam spoiler ini

Cara memasang script Html pesan komentar Trik 02 :
Masih di edit Html cari lagi kode <b:includable id='threaded-comment-form' var='post'>
Geser kebawah sedikit temukan kode kira-kira seperti <p><data:blogCommentMessage/></p>
Kalau sudah ketemu ganti kode <p><data:blogCommentMessage/></p> dengan kode yang
Ada dalam spoiler di bawah ini, seperti contoh pemasangan kode di point 1 diatas ini

<div id='bdrspesan-comment'>
<span class='BD-box'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/karrystafreedownload ', 'popupwindow', 'scrollbars=yes,width=600,height=550');return true' target='popupwindow'>
<img alt='feedburner' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi94m6mwPY3U99knoqKLSPU1XgLY7gwG3m4fPVnAdvpkMMmpincrxmqbgSFcmt8whO3QNvuPiVXumFOEZ7Wmfvea8odJrSsmADZtZLxf2qPfjZXDOyZeoi9GTdT_jiIQJ2uOWqwVjN2uDc/s1600/Fb-Karrysta.jpg' style='margin-bottom:-9px;margin-right:25px;' title='feedburner'/> <input class='input' name='email' onblur='if (this.value == '') this.value = 'Tulis email anda disini ...';' onclick='if (this.value == 'Tulis email anda disini ...') this.value = '';' type='text' value='Tulis email anda disini ...'/>
<input class='submit' id='submit' name='submit' title='subscribe' type='submit' value='Subscribe'/>
<input name='uri' type='hidden' value='http://feeds.feedburner.com/karrystafreedownload'/>
<input name='loc' type='hidden' value='en_US'/>
</form></span>
<div style='font-family:Georgia, 'Times New Roman', Times, serif; color: #FFFFFF; font-size: 14px; font-style: italic; font-weight: bold; width: 100%; background-color: #23ABD0; margin: 15px -20px 5px -10px; padding:10px; text-shadow: 1px 1px 1px #000;'>Silahkan berkomentar apa saja sesuai artikel. Kritik membangun juga <br/>
Motivasi yang Bijaksana itu figur yang bertalenta. Happy Blogging ..!!</div>
<p> 1. Mohon jangan Komentar <strong>SPAM</strong> Karena akan saya hapus <br/>
2. Silahkan untuk " <strong>Berlangganan Lewat Email </strong>" Demi membangun kreatifitas antar blogging<br/>
3. Membaca artikel dan komentar masuk sebelum sobat bertanya.<br/>
4. Harap jangan menulis link aktip, karena akan terhapus secara otomatic. <br/>
5. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik "<strong> Forum Diskusi </strong>" <br/>
6. Bergabung dengan blog saya untuk menjadi member Klik "<strong>Join to Member</strong> " <br/>
7. Apabila komentar anda mengandung code HTML silahkan anda konversikan terlebih dulu<br/>
silahkan klik " <strong>Konversi Kode </strong>" <br/> </p>
<a class='BD-but' href='http://karristaent.blogspot.com/p/blog-page_6627.html' onclick='window.open(this.href,"popupwindow"," height=500,width=700,toolbar=yes,location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes");return false;' target='_blank' title='Konversi Parse Html 5'>Konversi Parse Html 5</a>
<a class='BD-but' href='http://karristaent.blogspot.com/2013/09/komentar-terbaru-dan-link-teman.html' target='_blank' title='Forum Komentar'>Forum Komentar</a>
<a class='BD-but' href='http://www.blogger.com/follow-blog.g?blogID=157331295234574147' rel='nofollow' target='_blank' title='Join to Blog'>Join to Blog</a>
<a class='BD-but' href='http://karristaent.blogspot.com/p/blog-page_5919.html' target='_blank' title='Tukar Link '>Tukar Link </a>
<a class='BD-but' href='https://plus.google.com/101891879621819684479' target='_blank' title='Google +'>Google +</a>
<a class='BD-but' href='http://facebook.com/saud.s.karrysta' target='_blank' title='Facebook'>Facebook</a>
<a class='BD-but' href='http://twitter.com/SaudKarrysta' target='_blank' title='Twitter'>Twitter</a> </div>

Keterangan kode diatas :

Ganti yang berwarna Orange dengan nama feedbunner anda
Yang berwarna Biru itu teks pesan komentar anda bisa merubah nya
Ganti yang berwarna Merah dengan URL artikel anda atau link account
Jaringan sosial anda contoh seperti Facebook, Twiitter atau yang lainya

Langkah terakhir :

Setelah pemasangan kodenya terpasang dengan benar klik save - simpan template
Dan silahkan cek pesan komentar di blog anda sudah nampak atau belum selamat
Selamat mencoba semoga bermanfaat ...
Source : Rivai S