Emoticon Smiley Untuk komentar Blogspot

Posted By anasku
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 yang menggunakan jasa haloscan berbondong-bondong memindah kotak komentarnya menjadi default blogger lagi karena blogger sudah membuka sistem "embedded comments form".

Nah semakin meningkatknya para komentator di blogger maka semakin meningkat pula keinginan para blogger untuk mengubah tampilan area komentar dan menambah pernak-pernik lainya, maka dari itu saya juga ingin membuat pernak-pernik komentar blogger dengan smiley yang memungkinkan sang komentator bisa mengexpresikan ucapanya dengan sebuah gambar emoticon atau smiley.

"Ilmu tak akan bermanfaat jika tidak dibagi-bagikan", Nah ucap-ucapan itulah yang membuat saya selalu ingin berbagi, sebelum saya membuat tutorialnya terlebih dahulu saya akan memberikan informasinya, ehh sampai lupa menawarkan tutorial yang satu lagi yaitu tampilan komentar pemilik blog berbeda (baca disini). Gambar emticonya cukup sederhana bisa dilihat dibawah ini

:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))
Gambarnya seperti diatas, teks atau tulisan yang disamping kanan gambar adalah symbol yang jika ditulis di kotak komentar akan berubah menjadi gambar yang ada disamping kirinya.

Nah jika Anda berminat membuatnya ikuti langkah-langkah dibawah ini

Pertama-tama masuk blogger dan masuk menu Layout kemudian masuk menu Edit HTML

Jangan lupa centang "Expand Widget Templates"

Taruh Script dibawah ini diatas code </body>

<script src='http://sites.google.com/site/anasceria/smiley.js' type='text/javascript'/>

Kalau sudah cari code HTML seperti dibawah 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>

Kemudian sisipkan code HTML dibawah ini diantara code yang berwarna biru dan hijau diatas tadi atau lebih tepatnya dibawah code <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>

Nah kalau sudah SAVE pengaturanya.

Coba kamu cek di kotak komentar kamu! kalau tidak bisa (baca disini) untuk panduan tampilan kotak komentar owner blog berbeda dengan pengunjung blog.

Sekian semoga bermanfaat!
tunggu trik-tips selanjutnya key..! happy blogging with me
Artikel Terkait untuk "Emoticon Smiley Untuk komentar Blogspot"


99 comments:

Andi Kurniawan said...

saya coba pake ya

Anonymous said...

B) :F :$ :J :( O: :K :D :M :S :) :O :P :@ :L :8

Anonymous said...

keren emo-nya B) :$

Anonymous said...

intricate lace our brotherhood

Bontangers said...

hmmm,.........emo emo.....keren juga loh!
sukses bro!

- s L i K e R s - said...

Nah ini untuk menjawab permintaan saya ya mas Anas, hehehe.. Ok langsung saya coba ya.. Tes dulu di blog mas anas ini : :P

NB : Ditunggu yang emo singa nya ya mas anas.. :D

Anonymous said...

coba ah b)

Jaloee said...

uhui mantep neh coba tes ah :S

- s L i K e R s - said...

Wah om Anas, di blog saya gak bisa lagi loh utk smile emoticon di kotak komentar.. Waktu pakai script kendhin dan o-om juga gitu.. knapa ya? Ada solusinya ga kira - kira? :(

Imt said...

:8 Aq dah coba tapi gak berhasil

Kristina Dian Safitry said...

maunya sih gitu,tapi...loading blogku dah berat. kasihan ama yang punya net lelet,gak cepat kayak lalat,hue..he..

Subagya said...

hmmm... di pasang ga yak? :p

Anonymous said...

anakmuda dah pake hix..ix..ix..

Anonymous said...

nyoba icon nya yah B) :F :O :K iya keren...

Anonymous said...

sip anas..sayang gak bergerak ya :D

mas Aan said...

keren coy...B)
NUMPANG KENALAN DONG...
bisa tukeran link ga?
bagi rekan-rekan yang mau tukeran link dengan
blog saya, gratis. silahkan:HTTP://COMINFO-INDONESIA.BLOGSPOT.COM
kunjungi ya....

untuk pemilik blog,
LAM KENAL, SAYA DARI BALI..

THX.

Aan
blogger tutorialjuga:p
FREE DOWNLOAD SOFTWAREPOKOKNYA FREEEE

Anonymous said...

ih keren.....B)

Vivi Renissa said...

Salam kenal :)

Anonymous said...

siap !!! sudah saya aplikasikan pada blog saya...

Anonymous said...

met mahrib mas, lama gag kecini wah ck ck ck ck, tutorialnya makin mantaff aja nih. aku ijin untuk menimba ilmunya yah mas, makasih

Anonymous said...

mas mbok,,,widget yng sebelah kri tu di ganti dikanan ja lha wonk ganggu,,,

thank's

Denny said...

B)

Anonymous said...

Boleh dicoba nih...

B) :F :$ :J :(

Kalo mau dikasih greasemonkey gimana ya mas?

Anonymous said...

boleh nih ilmunya tak sedot myak mas ...

Unknown said...

Om, kok enggak bisa emoticonnya? :F, ini coba dlo, bisa apa enggak?

Unknown said...

kok disini bisa ea? Tapi diblogku enggak bisa? Kenapa ea? :@

Unknown said...

nyoba ahhh...B)

Abdul Kholiq said...

sip lah tutornya, sukses slalu

bang-agus said...

dhfo:

Anonymous said...

mas boleh nanya gak?

kalo misalnya saya mau ganti smiley-smileynya sama punya saya sendiri, apakah saya perlu otak-atik javascriptnya? atau tinggal ubah kode img src nya? mohon bantuan mas

Anasku said...

@bayi ajaib

Bisa... Tapi Anda harus bisa mengotak atik scriptnya. script-emoticon ini ada di alamat server ini http://www.geocities.com/luq_anas/emoglass.js <<< ini adalah JavaScript yang harus Anda otak-atik

Anonymous said...

ooo gitu mas, oke nanti saya coba utak-atik JS nya..

mas boleh nanya gak?

katanya master2 SEO, blog yg pake template 3 kolom dgn sidebar kiri-kanan, posting tengah, gak SEO friendly ya?

Kalo mau SEO Friendly, setting float postingannya harus diubah. Nah itu caranya gimana mas? Aku gak ngerti CSS sm sekali nih..Tolong buatin tutorialnya ya..

H45 said...

terima kasih atas postingannya mas
aku newbie di dunia blogger, nggak apa2 kan klo aku sedikit utak-atik kode iconnya?
mas bisa lihat di www.diaryaktivis.blogspot.com

rudy said...

:D

Anonymous said...

kalo buat artikelnya ada ga?

jadi kalo kita ketik :) jadi gambar di bagian artikel

thanks :D

Ai said...

Mas anas gimana klo mo pasang smiley buatan kita sendiri ??

Ai said...

gw bingung pake www.geocities.com klo pake photobucket.com ato googlepages.com bisa gak ? :@

Life Gadget said...

Keren Pak

Goek Info said...

What"s up bro

oia bro thanx atas saran ataupun infonya


oia buka juga pnya aq bro

http://adie-konoe.blogspot.com

ase alumni tkj smkn 1 purwodadi said...

KEREN

Anonymous said...

mas..klo postingannya sy copy boleh ga? nnti url blognya mas, saya copy jg di blog sy...jd, selain baca di blog sy, tmn2 saya jg bisa link ke blognya mas...yg saya copy cm kebutuhan blog sy kok..makasih

Anonymous said...

aku coba ya.... B):D

Anonymous said...

keren banget ooy.... ntar masang ah...

Anonymous said...

nyoba ah

Anonymous said...

tapi knp kadang ga mau jalan yah. Ok, testing dulu :M

ENDONESIA said...

:P Thank you yah..atas infonya

Anonymous said...

terima kasih atas infonya

:@ :P

oki safa said...

B)

oki safa said...

cobain ahhhhh

andygo said...

mantapzzzz infonya bro B)

Anonymous said...

makasi brow...

kalo cara pasang badge u comment i follow gmn yah?

Anonymous said...

B)

Anonymous said...

thanks buat tips dan triknya mas, lam kenal y

____________
folderblog

Anonymous said...

thanks om, di otak atik dulu hehe

Anonymous said...

Hai... Salam kenal juga... Aku Jack dari Bali... lagi belajar otak-atik Blog juga... He..he..he...
:D
Kalo ada tips yang lain, kasi tau lagi yaw...
Thank's a lot... :S

di2n said...

B)

Babu Gile said...

pertama berkunjung nih, salam kenal aja bos :D

kampanye damai pemilu indonesia 2009 said...

Wah keren mas, kebetulan saya juga lagi nyari info ini. Makasih ya......

Kampanye Damai Pemilu Indonesia 2009 said...

Blogspot semakin bebernah diri untuk memberi servis pada penggunanya keren nih dan thanks juga buat anda untuk js nya.B)

DeciL said...

B) :F :$ :J :( O: :K :D :M :S :) :O :P :@ :L :8

Filter Air Minum Isi Ulang Reverse Osmosis said...

Great Content !!!
Test Emoticon`s B)

Wisata Seo Sadau said...

Ikutan merapat dong... hehehehe...

Mo pake emoticon tapi blom berani utak atik html, banyak gak ngertinya :P

Seti@wan Dirgant@Ra said...

Aku coba dulu deh,...

Borneo Island said...

Kunjungan Perdana nih boz... salam kenal. Ijin merapat and begaol di sini :)

ina said...

gatot sob, gagal total!!! knp yah??

Wisata Seo Sadau said...

@Ina_muth: mungkin cuma kurang tepat aja langkah2nya, coba aja lagi step by step :L ya gak pak Admin??

Unknown said...

HEBATTTTT

Kyudo said...

keren infonya... ntar di coba juga deh... makasih ya..

che6vara said...

thank ya tutorialnya..love u :O

Narutopedia Layout said...

boleh juga nih, dicoba dlu yach...

arsyadblitz said...

sip :D

Kenali dan Kunjungi Objek Wisata di Pandeglang said...

Wah perlu nih di coba..:)

Adi said...

tips yg berguna bgt...B)

andy said...

wah... coba-coba testing... :-)

andy said...

wah... coba-coba testing... :-)

Lowongan Kerja Indonesia Terbaru said...

Saya coba ya...

aditya said...

infonya sangat bagus mas..
coba sekali-kali kunjungi blog ku,menjual perlengkapan rumah tangaa ada bedcover &seprei..
:)

nyo nyo nyo said...

kalau pasang shoutmix gimana caranya

Penjernih air said...

Ini dia artikel yang di cari. Terima kasih

Yuli Panca said...

sip...

Anak Gaul River said...

kayak mana caranya tarok tu gambar di blog agar orang yg ngoment bisa tinggal milih??????

:)]

Anonymous said...

http://www.readbud.com/?ref=5231268

belongs to nha said...

udah dicoba nih... lucu jga
thanks deh
btw klw cara tambah facebook like box yg terbaru gmn nih cranya?

-RangerzNdelKecil- said...

Msh Bingung Nic !

INFO CATATAN ONLINE said...

bos, ga bisa tuch...kayaknya ada yang kurang. coz punya bos sendiri ga ada

thanks

Unknown said...

kog tampilannya ga ada yak .. kosong gitu sama kaya di blog ini. mohon bantuannya mas.

krim ke e-mail q .. erwindflava@gmail.com

hendry saleh said...

Bagus, semoga tambah sukses ya

Unknown said...

gan kok ga bisa ya?
ga keluar gambar emoticon nya.
monggo di intip http://wahyoemsc.blogspot.com/

dunia gadget said...

wih ijin coba dulu mas bro,.

Rezzky Novtavyan I. said...

kok tetep gk kluar gambar emoticon nya ?
tolong dibantu donk

Anonymous said...

:))

alexa said...

mantap gan :)

agussalam said...

terima kasih banyak atas informasinya

obat kutil kelamin said...

aku suka sekali

obat kutil kelamin ampuh said...

lucunyaaa

YUSLIANI HASRA said...

aku tak pernah terlintas sedikit pun di benakku untuk bisa merasakan yg namanya tembus 3D,namun berkat bantuan dari OM AGUS semua itu kini bukan hanya mimpi belaka,saya sudah benar2 merasakan yg namanya tembus 3D.gini ceritanya,tadi mlm saya coba browsing2 di internet,dan saya melihat banyak temen2 kita yg tembus 3D dan 4D SGP/HK SD.saya pun mencoba menghubungi nomer yg di posting di situ 085397766615 atas nama OM AGUS .setelah saya bergabung jadi member dan memenuhi persyaratannya di kasih 3D 2 line (045)(077)untk HK ( .angka di berikan pun saya langsung pasang di bandar dekat rumah,dan ternyata result HK: (3045)SAH.saya jatuh bangun rasanya karena untuk kali pertama sya merasakan yg namanya tembus 4D seumur hidup saya.dan buat temen2 semua yg mau seperti saya,sikahkan anda menghubungi langsung bpk OM AGUS degan nomor. 085397766615 tTERIMA KASIH BANYAK OM AGUS DAN TERIMA KASIH JUGA KEPADA arianto putra bugis dan yusliani hasra yg memberikan informasi

Filter Air Asin said...

SWRO sea water reverse osmosis SWRO

thx infornya

Filter Air Asin said...

SWRO sea water reverse osmosis SWRO

Media Digitama said...

paper bag polos

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Recent Comments

Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas