Senin, Mei 04, 2009

Menampilkan / Pasang Emoticon di Kotak Komentar

Assalamualaikum wr wb,.. Tahukah Antum???? Semenjak Blogger membuat sistem kotak komentarnya "Embedded Comments form" Atau kotak komentar langsung dibawah komentar, populasi para komentator semakin meningkat, tidak seperti dulu jika ingin menulis komentar harus mengklik link post comments yang akan membuka jendela baru atau jendela pop-up. Dulu jika ingin membuat kotak komentar dibawah postingan harus pakai jasa pihak ke-3 misalnya haloscan, tetapi sekarang yang menggunakan jasa haloscan berbondong-bondong memindah kotak komentarnya menjadi default blogger lagi karena blogger sudah membuka sistem "embedded comments form".

Nah, karena yang komentar lebih banyak. Rasanya blog akan lebih hidup dengan adanya emoticon di kotak komentar. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui emoticon. Mungkin kalau di Wordpress fasilitas ini sudah tersedia, tapi kalau di Blogger belum. Maka dari itu, antum mesti pintar2 mengakalinya, he he... Gimana sob? are you ready???

Untuk emoticon yang ana sediakan dari mas Kendhin ada dua jenis, yaitu emoticon yahoo (seperti punyaku) dan emoticon kucing (seperti blognya SC'eight). Terserah, silahkan pilih yang antum 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>

<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

Oya hampir lupa, sebagai catatan kadang2 ada beberapa template memiliki kode yang berbeda. Jadi apabila salah seorang antum ada yang sudah melaksanakan instruksi diatas dengan benar tapi masih gagal, berarti memang template yang antum gunakan berbeda. Atau bisa jadi kodenya sama tapi memang hosting tempat emoticonnya yang error.

Wallohu'alam, wassalamualaikum wr wb,..

111 komentar:

roomen Senin, Mei 04, 2009  

pertamax,,, :))
perlu dicoba niy,, kali aja komentar posting roomen tambah rame,,,
makasih bos, sekalian nitip pesan untuk blogger indonesia disini

housw2342,  Senin, Mei 04, 2009  

keren juga smiley si onionny

mas Rudi,  Senin, Mei 04, 2009  

seperti biasa..... sudah dipasang boz emotionnya di blog kami..... =))

Saudagar,  Senin, Mei 04, 2009  

Bagus bangat...

Anas M U,  Senin, Mei 04, 2009  

ni baru mantepppp........ tapi kenapa g dari dulu2 nehh.....

Pebisnis Offline,  Senin, Mei 04, 2009  

hahaha...ini dia nih yang ditunggu...

Anonim,  Senin, Mei 04, 2009  

:))hohhhohoho =))

Gina,  Senin, Mei 04, 2009  

hhi.,. kalau buat di shoutbox gmana ? ;)

Hamidz Senin, Mei 04, 2009  

Wuiii keren... mau pasang.. belum banyak yang komen di blog aku.. temen2 dateng ya di blog aku .. kasih komen juga tentunya...

Ficky Fauzie Selasa, Mei 05, 2009  

thanx berat boss...
infonya ane tunggu dari dulu.
dari dulu cuman ini yg bisa...
:) :)
jzklh....

MELIANATURE Sabtu, Mei 09, 2009  

teruslah berkreasi sobathttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif

andy Senin, Mei 11, 2009  

nice tips....... kalo ke kudus mampir bro.... dekat soto pak denuh daerah RS mardi rahayu kudus.

Julkifli Selasa, Juli 14, 2009  

mas, tolong saya dong...kenapa ya...waktu orang mau posting komentar di tempat saya ko ga bisa terbuka penuh tab komentarnya........sendalkahfi.blogspot.com

Icha,  Sabtu, Juli 25, 2009  

kok emoticon kucingnya ngga keliatan sih? :-/

Anonim,  Senin, Juli 27, 2009  

emoticonnya ngga bissaaaa!! :((

na_raka Sabtu, Oktober 17, 2009  

wah emoltionNya ga keluar ya, ga connect.....++++++++

ben Kamis, November 19, 2009  

:)) =)) tuh kan gk muncul

Gokil-cui Rabu, Januari 20, 2010  

=)) Thank keren banget.
langsung dipraktekkin deh.

TIGARAKSA PLAYLIST Sabtu, Januari 23, 2010  

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif

Mas Minggu, Maret 07, 2010  

Test bro ........
Bisa gak ... :D

Komandan of delusion Selasa, Maret 23, 2010  

kok cuma kode yang mucul si bosssss ? apa gak bisa emoticonnya yang muncul...? hehe

tips trik blogger, dan template Minggu, Mei 23, 2010  

bos.... bagus bgt tapi gek bisa dipasang di blogQ napa ya.... eh kunjungi balik ya.. trus klik adsku ... cos aku juga klik adsmu ....hahaha makasih
inxit.blogspot.com

Indah Rabu, Juli 28, 2010  

www.butuhbelajar.blogspot.com
maen" dunk ke blog saya :))

Anonim,  Senin, Agustus 16, 2010  

hahahaha! blog ini aja! yang kasih tutornya kagak jalan emoticonnya! gimana kalo di blog orang? parah kali ya!

ardiyansarutobi Rabu, Oktober 06, 2010  

jd harus pke java script ya?
klo cara lain?

Anonim,  Rabu, November 03, 2010  

bangsat,,, ni sama aja,,, liat tuh,,, sumber javascriptnya udah gak ada,,, goblok banget sih lu,,,,,, artikel kopas lagi..... buat di komen lu jg dong... javascriptnya manual

Obat Kanker Kamis, Februari 10, 2011  

gak begitu penting kok. malah bikin berat blog kita.

GOLLUM Minggu, Februari 27, 2011  

sepuju sama agan diatas !!,

;)

Nikmaya John Rabu, Maret 02, 2011  

Mantapp gan,,,, jadi lebih asik berkomentar ria.... http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif

Steve Sabtu, April 16, 2011  

ini infonya sangat bagus, trims ya..

PUNYA AYE Selasa, Mei 10, 2011  

kog gak muncul saat d pake u/ komeng yak ???

make_its_true Senin, Mei 16, 2011  

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

iklan gratis tanpa daftar Selasa, Juni 21, 2011  

Se kalian aya sekalian anda mendapat back link dari ane,,, thanks..

♫ MUSIC SHARE ♫ Selasa, September 20, 2011  

emoticon nya bikin berat blog nggak gan?

Pemula Maya Selasa, Oktober 04, 2011  

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

Sangpecinta Sabtu, Desember 03, 2011  

coba ah.......belajar agama bareng....

http://s4ngpecinta.blogspot.com/

Seribu Pernak pernik android Minggu, Desember 04, 2011  

kok dikomennya blog ini kalau dikasih emoticon nggak muncul gambarnya?

~Sofyan_oZ~ Rabu, Desember 07, 2011  

:)) tes tes , wah ternyata bisa ... thanks sob :D ...

Cilla Selasa, Desember 20, 2011  

Thanks infonya bos..bisa dicoba nih...

Anonim,  Jumat, Desember 23, 2011  

tapi sayangnya emoticon ini bikin loading blog tambah lama :-o

Riyadi Rahmat Rabu, Januari 04, 2012  

:))

datang kesini,, http://zonatambun.blogspot.com

renovasi rumah Rabu, Januari 04, 2012  

keren, ga sabar ngliat blog ane ada emoticonnya...jd rame deh

saputra Kamis, Februari 02, 2012  

ko ga muncul gan...? :((

agen xamthone plus bandung Minggu, Juli 01, 2012  

gak begitu penting kok. malah bikin berat blog kita.

obat darah rendah Minggu, Juli 01, 2012  

wah emoltionNya ga keluar ya, ga connect.....++++++++

Hasan Rabu, Mei 15, 2013  

makasih infonya, tambah masukan tambah ilmu.

cahkos Jumat, Juni 14, 2013  

kalou untuk wordpress gimana ya..?

bisnis online gratis Minggu, Oktober 13, 2013  

semangat blog gan..
lanjutkam artikelnya sob

fritadoo Selasa, Maret 22, 2016  

wah mudah sekali ya hehe

Agen Poker Jumat, Oktober 14, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

Agen Poker Rabu, Oktober 19, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

agen poker Rabu, Oktober 26, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

AGEN POKER Kamis, November 10, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

dewapoker Selasa, November 15, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

dewapoker Jumat, November 18, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Agen Poker Minggu, Desember 18, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Agen Poker Minggu, Desember 18, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Agen Poker Rabu, Desember 21, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

AGEN POKER Senin, Januari 16, 2017  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

agen poker Rabu, Januari 18, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

agen poker Sabtu, Januari 21, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

dominoqq Minggu, September 03, 2017  

Informasi yang sangat bagus dan berguna. Ditunggu untuk update selanjutnya gan


bandarq
domino99 online terpercaya
dominoqq
domino qiu qiu

shinta bao Minggu, Oktober 01, 2017  

Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan


bandarq
Domino 99
Situs Poker Online
Domino Qiu Qiu
Poker88 Indonesia

dominoqq Jumat, Oktober 20, 2017  

Selamat datang di intanqq

Ayo bergabung bersama kami, tersedia 7 permainan dalam 1 ID:
- Sakong (New Game)
- Bandar Poker (New Game)
- BandarQ (Hot Game)
- Poker
- Domino
- Capsa Online
- AduQ

Apa kelebihan bermain di intanqq? Berikut kelebihannya:
- BONUS TURNOVER 0.3% SETIAP HARI
- BONUS XTRA TURNOVER SETIAP MINGGUNYA
- BONUS REFERAL 10% +10% SEUMUR HIDUP!!
- MIN DEPO IDR 15.000 dan Proses super cepat 1 menit.
- Bisa dimainkan di Smartphone Versi Android dan Iphone.
- Win rate 98%
- No robot
- Fair play 100% player vs player

Tunggu apalagi? Ayo segera bergabung sebelum ketinggalan promonya :)

bandarq
dominoqq
domino99 online terpercaya
Domino Qiu Qiu
dominoqq

Posting Komentar

Komunitas SMANSAPATI

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008


hack by: Ridlo Falaky Student of SMANSAPATI Class SC'eight

Back to TOP