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 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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/karrystafreedownload &apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=600,height=550&apos;);return true' target='popupwindow'>
<img alt='feedburner' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6wPtPZpB4_2epXdqaBs1cYf02NOmiCSquM9Q2z6jJgJ1nVV8J29aAzJENeavyjCEKgD8FaDmGqBWxdXhI8oYJcm7UPyGXsxRq8eSyNIAmnoJMLEz_r4CAXTVu9PRSYfwJqEtUkEgwMM/s1600/Fb-Karrysta.jpg' style='margin-bottom:-9px;margin-right:25px;' title='feedburner'/> <input class='input' name='email' onblur='if (this.value == &apos;&apos;) this.value = &apos;Tulis email anda disini ...&apos;;' onclick='if (this.value == &apos;Tulis email anda disini ...&apos;) this.value = &apos;&apos;;' 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, &apos;Times New Roman&apos;, 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 &quot; <strong>Berlangganan Lewat Email </strong>&quot; 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 &quot;<strong> Forum Diskusi </strong>&quot; <br/>
6. Bergabung dengan blog saya untuk menjadi member Klik &quot;<strong>Join to Member</strong> &quot; <br/>
7. Apabila komentar anda mengandung code HTML silahkan anda konversikan terlebih dulu<br/> 
silahkan klik &quot; <strong>Konversi Kode </strong>&quot; <br/> </p>
<a class='BD-but' href='http://karristaent.blogspot.com/p/blog-page_6627.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot; height=500,width=700,toolbar=yes,location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes&quot;);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 ...