Cara Memasang Emotion pada Blog



Emoticon adalah sebuah istilah baru yang dicetuskan sekitar abad ke 19, dan umun digunakan dalam penulisaan kasual dan humor. kata Emoticon adalah kata gabungan dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi sebuah pernyataan tertulis dan bisa mengubah serta meningkatkan interpretasi terhadap tulisan tersebut.


Ok gan kini kita akan belajar bagaimana memasang emoticon dalam komentar di blog....
kita mulai gan....

  1. Login ke Blogger dan langsung menuju Layout > Edit HTML.
  2. Jangan lupa backup template anda terlebih dahulu, untuk menghindari kesalahan-kesalahan yang tidak disengaja.
  3. Centang Expand Widget Templates, dan temukan kedua baris kodeberikut ini, anda bisa melakukanya dengan fungsi pencarian dengan mengklik ctrl + F.
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'> 
  4. Kemudian sisipkan kode-kode berikut ini diantar kedua baris diatas, sehingga menjadi seperti ini: 

    <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'/> L(
    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> J
    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> L
    <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'/> K
    <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'/> J]
    <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>


  5. Nah, sekarang tinggal kita sisipkan kode Scriptnya seperti dibawah ini dan sisipkan sebelum tag </body>
    <script src='http://vishalgkr.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://www.tricksmachine.com" target="_blank">Tricks Machine</a></noscript>
  6. Selesai, simpan kembali template anda. Sekarang dibagian terlihatemotikon dibawah posting, seperti diblog ini neh… he3…

  

1 comments:

  1. Ok makasih nih info nya..... ;) .... ;) ..... ;)

    ReplyDelete

.