27 October 2008
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.






Jumlah Komentar = 411
alhamdulillah, tutorial di trik-tips ini banyak yang berhasil kami coba. Thank's banget yo...
matur tengkyu :D
Kalau ada waktu mohon diperiksa blog kami, Kang. Sekali lagi matur suwon sing wakeh ...:))
:F :D :)
wah iya ebat
:f
Malah ketemu si "galat"...
cba dilihat di www.kill24band.co.cc
:f
@gina, kalo masang emoticon di shoutbox baca INI
@gempar, pasti ada yg salah.
@Angkatan 2006 Surabaya Selatan, km salah taruh kodenya, cb dilihat lagi.
@Kristina Dian Safitry, ya iya lah, namanya juga tambah komponen script dan gambar. apalagi kalo hostingnya (000webhost) sedang error.
:$
beri petunjuk please..x( :o
visit www.kill24band.co.cc
:@ :@
i like this one.. hee.. :f
this too.. :|
http://kendhin.890m.com/emoticon/sedih.gif
http://kendhin.890m.com/emotichttp://kendhin.890m.com/emoticon/senang.gif
http://kendhin.890m.com/emoticon/senang.gifon/wow.gif
http://http://kendhin.890m.com/emoticon/bigsmile.gif
http://kendhin.890m.com/emoticon/bigsmile.gifkendhin.890m.com/emoticon/mentok.gif
:(
:f
http://kendhin.890m.com/emoticon/senang.gif
tenkYuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu!!!!!!!!!!!!! :$ :$ :$ ;;) ;;) ;;)
kalo --- p class='comment-footer' --- nya gg da kode nya masukin kemana ..
tapi ko gk sama kye disini..agak turun gambarnya...gk persisi diatas kotak ini, aku pake sebelum, bukan setelah..klo setelah tambah jauh ke bawah...punya solusi lain...wualah.malah ngerepotin..hihi
YuP !
@become a famous blogger, kodenya ada yg salah kali.
@c1ty, itu kan ada pasanganya masing2 untuk yg icon YM dan kusing. mungkin salah satu kodenya masih belum kehapus.
@KILL 24 MUSIC, mungkin salah taruh, cb diperiksa lagi.
@Indra Lesmana Putra, gak bisa dipost gmn? :?
@dwilovaniez, mungkin waktu itu wbhosting tempat naruh scriptnya lagi error, jadinya gak bisa ke-load.
@yasinmarine, ya iyalah, yg muncul ya cm satu.
@fincheng dan NAMA GUE MONANG, cb kotak "expand widget template" dicentang dulu.
@awan_clickerz, km salah taruh tuh.
ini yg dari dulu aku cari2 buat blog spot..
makasih yaa :0
tp pas komentar ko smile iconnya ga muncul ya.. ?? knp tuh :f bingung ..he
smili ini daH keluar diblog, tp pas di aplikasikan ko gk masuk ya...cuman kode nya aja, gk jd icon...mamaaaaaaaaaa, om nya nakal.. :s
Kenapaaaaaaaaaaaaaaaaaaaaaaa.........??
:|:|:|:|:|
Tengkiyu
hoooooreeeeeeeeeeeeeeeeeeee
yeeeeeeeeeeeeeeeee
duuuuhh. cenengnyaaa..
makacii om kendhinn....
siap dengan pelajaran selanjutnyaa omm..
hihihihi
tp kok d Blog Q g kluar...
pa yg bermasalah pd templatenya?:?
waktu aq cari yg bagian ini
p class='comment-footer'
ternyata ada dua
trus aq cari yg kyak gini malah gak ada
b:if cond='data:post.embedCommentForm'
gimana nih???
bantu aq donk........:((
Maksudnya bukan di comment gitu...
Lebih asik kayanya dipake dipost ne... :((
Jawab ya mas... :o
@Etha, bisa tapi harus ngrubah javascriptnya.
@Mifta_19, kotak komennya kayak gini gak? kalo gak cb dibuat dulu yg seperti ini, tutorialnya bisa BACA DISINI
@eka, bisa.
@TKJ|SMK N 1 Sragen , kalo pake haloscan gak bisa gini.
@FiRe_MaNz, diklik aja tuh sonicnya, nanti akan muncul tutorialnya.
@Hendro_PS, cb diteliti lagi tutorialnya, barangkali ada yg salah dlm mempraktekannya.
tapi kalo di ketik 'kode'nya, gambarnya bisa muncul.. :?
itu gimana? :(
tolong bantuannya..
thanx.. :s
:D
oh........
gitoo ya caranya..
hehe..
hiks :@
nanti dicoba lagi dech
:((
thank2 :o
onepiece10.blogspot.com
promosi
hehehehehe:D
tulisnnya seprti ini
glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 185px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; } .glossymenu li{ position: relative; } .glossymenu li a{ background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left; font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; } .glossymenu li ul{ position: absolute; width: 190px; left: 0; top: 0; display: none; } .glossymenu li ul li{ float: left; } .glossymenu li ul a{ width: 180px; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url('http://blog.superinhost.com/vertical/blue2.gif'); } * html .glossymenu li { float: left; height: 1%; } * html .glossymenu li a { height: 1%;
munculnya hanya di bagian bawah kotak koment aja, tapi kalau di komnta ga muncul..... nasib...ya nasib.... :s :s
aku pasang smiley icon di shotbox berhasil dan aku ambil kodenya dr blog ini, tapi kalau di koment kenapa ga berhasil ya.....?
seneng deh belajar disini :))
cuma aku gagal :o
cm kug waktu Qu coba komen, Ga keluar gambarnya :s
bantuin dumz...
www.sketsa-hanza.co.cc
plis bantuin :((
http://kendhin.890m.com/emoticon/ngakak.gif
:0
x(
hee.. gimana cie supaya emote itu dapat kita klik dan secara otomatis coding emote tersebut masuk kekotak reply post.. atau kotak comand,, so kita gasah ribet2 ngetik coding tersebut..
mohon bikin salinan ke email saya..
kre_thek@yahoo.com
thx boz
aku terharu :((
http://kendhin.890m.com/emoticon/kagum.gif
banjir airmata nihhh.....
:s
cing naon masalahna, saha nu nyaho euy..
tapi kok windownya jadi berat yah mas kendhin..
jd mozilla firefoxnya suka ngadat
kadang page Ang1n jadi not responding berapa detik
Tak pikir2 lg ah pake yg ini..
ato ada solusinya mas?
:f
Post a Comment