27 October 2008

(28) Comments

Menampilkan / Pasang Emoticon di Kotak Komentar

Kendhin

,

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

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'>

Ini untuk Yahoo emoticon :

<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 </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 mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.



Artikel yang Berhubungan :



Jumlah Komentar = 28
Ridwan said :
27 October, 2008
Pertamax nih,krn emoticonnya:s
house128bpm said :
27 October, 2008
keren juga smiley si onionny :f
rudie-minie said :
27 October, 2008
met pagi mas..........
Rudie Love Minie said :
27 October, 2008
seperti biasa..... sudah dipasang boz emotionnya di blog kami..... :x
Saudagar Seramik said :
27 October, 2008
Bagus bangat...
Anasku said :
27 October, 2008
ni baru mantepppp.... kang kendhin.... tapi kenapa g dari dulu2 nehh.....
panduan bisnis online said :
27 October, 2008
hahaha...ini dia nih yang ditunggu... :D
Anonymous said :
27 October, 2008
:)) hohhhohoho :(
gina said :
27 October, 2008
hhi.,. kalau buat di shoutbox gmana ? :)
hamidz said :
27 October, 2008
Wuiii keren... mau pasang.. belum banyak yang komen di blog aku.. temen2 dateng ya di blog aku .. kasih komen juga tentunya...
amboy said :
27 October, 2008
wah bagus sekali bos...thankyu i love it :x
VicaLuna said :
28 October, 2008
makaci,,, makacih,,, :o
gempar said :
28 October, 2008
wadduuuu,,,,blogku error mas. ketika sy coba pasang emoticonsnya.
Angkatan 2006 Surabaya Selatan said :
29 October, 2008
Ini dia yang sangat kami tunggu-tunggu, boss...
alhamdulillah, tutorial di trik-tips ini banyak yang berhasil kami coba. Thank's banget yo...
amboy said :
29 October, 2008
om...dah berhasil aq pasang
matur tengkyu :D
Angkatan 2006 Surabaya Selatan said :
29 October, 2008
Kang, punya kami kok "kucing-kucingnya" ada di bawah kotak komentar? Bagaimana kalau mau menaruhnya di atas kotak komentarnya, kayak punyamu ini?

Kalau ada waktu mohon diperiksa blog kami, Kang. Sekali lagi matur suwon sing wakeh ...:))
syndicate23 said :
29 October, 2008
visit http://www.syndicate23print.com
KILL 24 MUSIC said :
29 October, 2008
mantaab nih
KILL 24 MUSIC said :
29 October, 2008
kok gak bisaa???
akhiniez said :
29 October, 2008
makasih banget!! siip dah! silahkan berkunjung kerumah kami
aR_eRos said :
29 October, 2008
test dolo ah:
:F :D :)
wah iya ebat
Ziggerz said :
30 October, 2008
Kok gak bisa ???

:f


Malah ketemu si "galat"...
Anthony Harman said :
30 October, 2008
Menarik juga, pak. Thanks, bisa saya coba sekaligus tambah ilmu neh
KILL 24 MUSIC said :
30 October, 2008
gak muncuul
cba dilihat di www.kill24band.co.cc
rhizma said :
30 October, 2008
thanks banget atas ilmunya....
SHUT@RT DESIGN said :
31 October, 2008
:o
SHUT@RT DESIGN said :
31 October, 2008
kok ga bisa ya bikin cucingnya?
SHUT@RT DESIGN said :
31 October, 2008
siiiipp dah berhasil mas,tapi letaknya kotak comentnya kok mepet kiri gitu ya? kalo yg ini gimana settingnya? biar rapi. mohon untuk dilihat www.shutart.blogspot.com





Post a Comment