Home » » Cara Pasang Emoticon di Kotak Komentar

Cara Pasang Emoticon di Kotak Komentar

Hi...Pengunjung Oktri.co.cc,kali ini saya berbagi tips memasang emaotion dikotak komentar ,karena Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). tips ini saya kutip dari blognya mas kendhi
Ada dua jenis emoticon yaitu emoticon yahoo dan emoticon kucing, contohnya ada di bawah ini :
Emoticon Yahoo :



Emoticon Kucing :


Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode  </body>


Untuk Emoticon Yahoo : 
==========================================================
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
==========================================================

Untuk Emoticon Kucing :
=========================================================
 <script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>
==========================================================


4. Kemudian cari kode berikut ini : 
==========================================================
    <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>

 
==========================================================

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>
==========================================================
    <b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
    :))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
    :)]
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
    ;))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
    ;;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
    :D
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
    ;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
    :p
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
    :((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
    :)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
    :(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
    :X
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
    =((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
    :-o
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
    :-/
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
    :-*
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
    :|
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
    8-}
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
    ~x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
    :-t
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
    b-(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
    :-L
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
    x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
    =))
    </b>

==============================================================

Kalo mo yang emoticon kucing pake yang ini :
========================================================

    <b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
    :f
    <img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
    :D
    <img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
    :)
    <img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
    ;;)
    <img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
    :x
    <img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
    :$
    <img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
    x(
    <img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
    :?
    </b>
    <br/>
    <b>
    <img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
    :@
    <img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
    :~
    <img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
    :|
    <img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
    :))
    <img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
    :(
    <img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
    :s
    <img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
    :((
    <img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
    :o <a href='http://www.oktri.co.cc/'>.</a></b>

========================================================

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mungkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah





Artikel Terkait:

15 komentar:

  1. bro, kok gag tampil setelah di save..

    tukeran banner yuk..


    www.rendibocor.co.cc

    BalasHapus
  2. ijin copas bozz artikelnya bagusss... mantabzzzz

    BalasHapus
  3. malemm..

    di blog gw ko gk tampill yaaa..

    mohon pencerahannya

    BalasHapus
  4. thax sob mampir yaaaaaaa izal-sragi.blogspot.com

    BalasHapus
  5. wah ,!
    makasih kk postingnya ,
    keren
    kk tukeran link yuk,!
    http://www.firzarhamadan.co.cc/

    BalasHapus
  6. Waduhh,..
    kok gk bisa ya ???
    pdhal wa da teliti dan tepat masang'nya ???
    Tapi,.. Thx juga'lah boss..
    buat artikel'nya.
    GBU

    BalasHapus
  7. hai..hai...numpang lewat...hehhe
    makasih infonya, tapi aku coba kok gak bisa ya?
    gmn donk?

    BalasHapus
  8. aduh pusing kepala gua liatnnya..!!

    malah banyak lagi kode script nya..huft...

    bNATU doNG????

    BalasHapus
  9. nice share...

    yang tidak berhasil memasangnya coba liat d sini

    http://ijo-blogtricks.blogspot.com/2010/12/emoticon-tidak-muncul-pada-kotak.html

    liat juga cara pasang emoticon kaskus di kotak komentar

    http://ijo-blogtricks.blogspot.com/2010/12/pasang-emoticon-kaskus-di-kotak.html

    mampir ke blog saia yah...

    BalasHapus
  10. boz bikin adress bar kayak gitu gimana sih?
    keren abis

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri