Rabu, 13 Maret 2013

Membuat smiley di atas kotak komen

Dah lama ga posting lagi mikirin buat contohnya,trus juga sinyal ngadat mulu nih,waktu lihat di blog aku ada yang nanya bikin smiley/emotion pada komen tapi si pengoment tidak meninggalkan identitas,tapi ya mungkin beliau sebenernya sudah berpengalaman ketimbang saya yang mengetahui semua dari master2 blogger.. Jika ada yang tanya dan aku tau pasti aku kasih tau,kenapa nggak, bagi2 ilmu, aku juga kan dapat ilmu dari orang, nah Jika ada yang pengen buat aku kasih tau caranya.. Sekalian nambah post Jika kamu sudah mempunyai kotak komen di bawah post blogger anda,maka dapat mudah untuk memberi smiley atau ikon pada komen sebagai pengganti exspresi wajah anda,sedih,marah,ketawa dsb,yang dapat digunakan oleh orang yang komen di blog anda,jika anda belum mempunyai kotak koment banyak kok blog tutorial yang udah menjelaskan cara buat kotak komen,jika ingin menambah mempercatik dengan smiley contohnya seperti smiley kotak komen di bawah.. Untuk membuatnya ikuti langkah dibawah ini

-log in Blogger
-Layout
-Edit HTML
-Centang exspan widget
-back up jika nanti terjadi kesalahan dapat mengembalikan seperti semula
Cari code berikut ini untuk anda yang udah mempunyai kotak komen di bawah post.
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>
Kalo udah ketemu letakan kode emotion di bawah di antara kode ini <b:if cond='data:post.embedCommentForm'> dan
<b:include data='post' name='comment-form'/>
Jika sudah maka akan menjadi seperti ini
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) </b> </div> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> Jika udah selesai letakan script berikut ini dibawah </body> <script src='http://vishalgkr.googlepages.com/smiley.js' type='text/javascript'/>
Gampang to.. Semoga bermanfaat.

http://oce-modifblog.blogspot.com/2009/03/membuat-smiley-di-atas-kotak-komen.html

1 komentar: