-->
feedburner
Berlangganan artikel Anak Muda via RSS FEED

Delivered by FeedBurner

feedburner count

Berita Utama (Headline News)

Pasang Emoticon Smiley di Kotak Komentar

Labels:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks

Tips-trik kali ini boleh dikatakan masih berhubungan dengan tips sebelumnya tentang Membuat Kotak Komentar di Blogger setelah berhasil menampilkan kotak komentar dibawah postingan, Anda dapat melanjutkan ke tips berikut agar tampilan postingan Anda jadi semakin hidup dengan adanya emoticon smiley yang mewakili perasaan sang komentar yang berkomentar di blog Anda, kalau untuk diwordpress mungkin telah tersedia plug-in seperti ini sehingga tidak perlu repot-repot untuk mengedit source code Html dan segala macemnya, namun berhubung di blogger tidak ada maka Kita perlu sedikit kreatifas untuk mengobrak-abrik kode Htmlnya (baca: Modifikasi) agar emoticon smileynya terpasang dan muncul pada kotak komentar seperti ini:

Emoticon Yahoo :

Emoticon Kucing (Bonus) => anakmuda bae kan ngasih bonus :sinchan :


untuk itu diperlukan ketelitian dan konsentrasi tingkat tinggi (hayyah so serius) tenang aja itu cuma serius becanda semuanya mudah kok siapa aja bisa mencobanya, yang penting ikuti langkah-langkah yang anakmuda tuliskan sehingga hasilnya akan muncul icon smiley yang kita harapkan dan bukan gambar cewek bugil (censored) pesan error yang muncul. Ok kita mulai saja pelajaran kita kali ini (halah) :


  1. Login ke Blogger http://www.blogger.com/
  2. Seperti yang sudah-sudah selalu biasakan membackup template Anda sebelum mengedit Source Code HTML, Masuk ke menu Layout => Edit HTML => klik link Download Full Template => Save pada directory yang Anda tentukan
  3. Masih dalam Menu Layout, klik/centang Expand Widget Template
  4. Kemudian cari kode berikut :
  5. </body>
  6. Kalau sudah ketemu, lalu letakkan kode dibawah ini sebelum kode diatas
  7. Untuk Emoticon Yahoo :
    <script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


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

  8. Setelah itu cari kode berikut :
  9. <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>

  10. Kalau sudah ketemu letakkan kode dibawah ini setelah kode cetak tebal seperti diatas atau lebih jelasnya setelah kode ini : <p class='comment-footer'>

  11. Untuk Emoticon Yahoo :
    <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>


    Untuk Emoticon Kucing :
    <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
    </b>

  12. Kalau sudah kemudian klik button SAVE TEMPLATE

Coba lihat blog Anda, bila tidak ada masalah maka emoticon tersebut akan muncul, tapi bila tidak muncul atau terjadi error, upload template yang sudah Anda backup tadi kemudian ulangi langkah seperti diatas lagi.
Selamat Mencoba dan Semoga Berhasil. :ayuk:




Baca Artikel Terkait Dibawah Ini :



23 comments:
gravatar
Ned said...
5 December 2008 at 15:05  

lho kok ga keluar ya?? :(

gravatar
NdesO said...
6 December 2008 at 14:59  

Thanks ya scriptnya, soalnya dulu udah punya tapi g tampil lagi gara2 ganti template :) Semoga yang ini bisa ya :D

Salam kenal, happy blogging :)

gravatar
NdesO said...
6 December 2008 at 15:21  

Kok gagal lagi ya? Gagal maning gagal manig :((

gravatar
NdesO said...
6 December 2008 at 15:57  

*maning

gravatar
Anak Muda said...
7 December 2008 at 11:33  

@NdesO: hayo dicoba lagi... tetep SEMANGAT bro untuk mencoba :D

gravatar
firman said...
11 December 2008 at 12:42  

wah,,artikel yang sangat bermanfaat sekali,,,
terutama bagi saya yang newbie hehehe...

gravatar
Mr. Indra said...
31 December 2008 at 22:24  

:D ini yg gw cari cari selama ini !!

gravatar
R4ndy 4bhi said...
22 January 2009 at 10:08  

muncilnya kadang-kadng yah .. mas kalau mau buat background comment berwarna kayak miik mas gimana yah?

gravatar
Masrul said...
21 February 2009 at 13:11  

thx :))

gravatar
Rocketz said...
21 February 2009 at 17:33  

gw test dulu ah... :)) :)) ;;) :D :p :(( :-L

gravatar
Rocketz said...
21 February 2009 at 17:36  

kagak nongol bos!!! g jd ah....

gravatar
Faruq Blog said...
21 February 2009 at 21:32  

Mas kok gak tampil ya emoticonnya.. padahal saya sudah melakukan semua langkah-langkah yang mas berikan lho? apa yang kudu lakuin ne maz? :-/

gravatar
Dadang Firdaos said...
23 February 2009 at 22:25  

:D
gimana ada ga ya

gravatar
3a said...
9 March 2009 at 17:58  

adaaaaaaaaaa aku pake yg kucing!! mantaaaapppp ... mampir yah http://m1numteh.blogspot.com. bisa pake 22nya ga? kucing & yahoo? :D

gravatar
3a said...
9 March 2009 at 18:00  

tapi gambarnya ga tampil... kalo mo buat keterangan kayak smiley yahoo itu gimana? jadi biar yg komen tau simbol smileynya.... kirain ada gambarnya :(

gravatar
Anonymous said...
17 March 2009 at 20:21  

haloooooo

gravatar
100ck3r said...
7 April 2009 at 09:34  

Oke di coba ah ;))

gravatar
Kユキ ~ ちゃん ♥ said...
25 May 2009 at 10:04  

huwe!! berhasil3x hooray!! louisimo..
arigatou...

gravatar
Kユキ ~ ちゃん ♥ said...
3 June 2009 at 18:33  

eh, yang emot putih kecil gaje nari2 itu gimana??? hoee.. minta bonusan lagi nieeyyy ^^ ;;)

gravatar
my everlasting spirit said...
8 June 2009 at 08:40  

hufh....kumaha siy euy..lieur pisan....=((

gravatar
Nisa said...
18 August 2009 at 22:23  

Assalamualaikum..
Terima akasih info nya, sudah saya coba dan sudah muncul emoticon nya tapi kok dalam bentuk code aja ga bisa dalam bentuk gambar. Knp bisa begitu ya? Mohon bantuannya

gravatar
Anonymous said...
19 September 2011 at 20:41  

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif

gravatar
Anonymous said...
19 September 2011 at 20:41  

:))

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Tulis Komentarnya disini ya...(Untuk menampilkan emoticon ketik karakter disebelahnya)