Home
Apa itu Emoticon? Itu lho icon2 lucu yang isinya berbagaimacam ekspresi yang menggemaskan, dan yang ingin kita bahas sekarang yaitu cara menampilkan icon2 lucu tersebut berada di kotak komen blogger kita. Oya sebelumnya, tutorial ini saya ambil dari blog tutorialnya Mas Uda, jadi ini hanya pemostingan ulang aja, serta file JS emoticon/smile-nya saya upload ulang di web hosting saya, masalhnya kemarin mas Uda bilang JS-nya over load, krn mas Uda tlah menyediakan yg baru ya dah saya upload ulang aj, buat jaga2 kalau overload lagi...^Sebagai gambaran bagaimana tampilan imoticon yang dimaksud, silahkan teman-teman tengok di bagian bawah postingan ini tepatnya di atas kotak komentar. nah menarik bukan?
Cara membuatnya:
1. Login ke Blogger >> Klik Tata Letak >> Edit HTML
2. Jangan lupa centang kotak "expand widget template" yaaa..
3. Selanjutnya carilah kode: </body>
4. klau dah ketemu lettakan script berikut sebelum kode no.3
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/smilev02.js' type='text/javascript'/>
5. Lalu carilah kode <b:if cond='data:post.embedCommentForm'>
6. Dan letakkan kode berikut sebelum kode pada no.5
<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyX2Ze9I/AAAAAAAABao/CZ6YDse9ejM/s128/t4belajarblogger1.gif'/>:10
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztHyX-wYRI/AAAAAAAABas/USuci1JVIrs/s128/t4belajarblogger2.gif'/>:11
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyixUP3I/AAAAAAAABaw/mZlxZdzuq_k/s128/t4belajarblogger3.gif'/>:12
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyjBwlKI/AAAAAAAABa0/c_FWbxGt_CI/s128/t4belajarblogger4.gif'/>:13
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztHyq0V96I/AAAAAAAABa4/RzH1gc6k3g4/s128/t4belajarblogger5.gif'/>:14
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIIm0qZbI/AAAAAAAABa8/p30-zUnT0D0/s128/t4belajarblogger6.gif'/>:15
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIIyFMy3I/AAAAAAAABbA/sWigzDFeWDE/s128/t4belajarblogger7.gif'/>:16
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztII9pc1RI/AAAAAAAABbE/VoDch8St4JU/s128/t4belajarblogger8.gif'/>:17
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIJYpOafI/AAAAAAAABbI/tYDYhaCIQ6Q/s128/t4belajarblogger9.gif'/>:18
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIJUYbhZI/AAAAAAAABbM/LhMrEVxrqlQ/s128/t4belajarblogger10.gif'/>:19
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIZ-eUFOI/AAAAAAAABbQ/GC8f4I0gmgM/s128/t4belajarblogger11.gif'/>:20
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIaAcXyFI/AAAAAAAABbU/dHAFWwQebAA/s128/t4belajarblogger12.gif'/>:21
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztIaFSRpyI/AAAAAAAABbY/zDALzv43SZs/s128/t4belajarblogger13.gif'/>:22
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztIaTL0_GI/AAAAAAAABbc/MnN4YBb8D8E/s128/t4belajarblogger14.gif'/>:23
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztIaWmpfsI/AAAAAAAABbg/TThmMvn_tCE/s128/t4belajarblogger15.gif'/>:24
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJAGZOHII/AAAAAAAABbk/xXFsactngjg/s128/t4belajarblogger16.gif'/>:25
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJAJ4LrMI/AAAAAAAABbo/QfDuPzjb4Cw/s128/t4belajarblogger17.gif'/>:26
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAQCT22I/AAAAAAAABbs/8U12Hzn7DKA/s128/t4belajarblogger18.gif'/>:27
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJAjx0ShI/AAAAAAAABbw/YnvepN8jwMc/s128/t4belajarblogger19.gif'/>:28
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAky-9UI/AAAAAAAABb0/kW1WLKjSV_U/s128/t4belajarblogger20.gif'/>:29
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJWmoAq7I/AAAAAAAABb4/Lpvaa6vTcFU/s128/t4belajarblogger21.gif'/>:30
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJWtzHmDI/AAAAAAAABb8/4SYONBU3r3A/s128/t4belajarblogger22.gif'/>:31
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJW2vDcHI/AAAAAAAABcA/mP1rpA6j9dU/s128/t4belajarblogger23.gif'/>:32
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJXKEVrUI/AAAAAAAABcE/aiKzmU3cr0k/s128/t4belajarblogger24.gif'/>:33
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJXL26tOI/AAAAAAAABcI/A8rEMBijSq4/s128/t4belajarblogger25.gif'/>:34
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-HWZ8lI/AAAAAAAABcM/SwybElvh0yI/s128/t4belajarblogger26.gif'/>:35
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJ-bniLhI/AAAAAAAABcQ/wQF4x4BDhO8/s128/t4belajarblogger27.gif'/>:36
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJ-RazsvI/AAAAAAAABcU/2AACqPsySpQ/s128/t4belajarblogger28.gif'/>:37
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-4qiQRI/AAAAAAAABcY/4iyv2ZromUM/s128/t4belajarblogger29.gif'/>:38
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-8vuytI/AAAAAAAABcc/B7ZAyQ0Aanc/s128/t4belajarblogger30.gif'/>:39
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNHg8z8I/AAAAAAAABcg/SsXT6xljXnE/s128/t4belajarblogger31.gif'/>:40
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztKNVtYWEI/AAAAAAAABck/SLe8Ex3DiM8/s128/t4belajarblogger32.gif'/>:41
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNZQ_4RI/AAAAAAAABco/3TxVNKssKds/s128/t4belajarblogger33.gif'/>:42
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNb4b17I/AAAAAAAABcs/g7BVkqkOJu4/s128/t4belajarblogger34.gif'/>:43
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNg_SdXI/AAAAAAAABcw/5vNkatb32JI/s128/t4belajarblogger35.gif'/>:44
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKVNIsbRI/AAAAAAAABc0/07xItbO84Bg/s128/t4belajarblogger36.gif'/>:45
</b></center>
</div>
7. Simpan hasil kerjaan anda, dan selesai...
Coba sekarang setelah anda menerapkan langkah2 di atas untuk mengklik judul postingan mana aja yang ada di blognya teman2, insyaAllah bakal ada imoticon seperti di bagian bawah postingan2 blog ini
Semoga Bermanfaat[]
Sumber trik: Mas Uda
Tags: Cara memasang emoticon pada blogger, membuat emoticon untuk blogspot, memasang emoticon pata kotak komentar blogspot, cara cepat memasang emoticon untuk kotak komentar
:08
ReplyDeleteSelamat datang di :07
Kalau ada kesulitan nanya2 aja tuh ama si empunya blog di sini. GoOd LuCk yoh...:42
aku tuh kode"nya beda bos.... :13 :30
ReplyDeletewuih2...qu bgi ilmunya y... :10
ReplyDeletekk...mw tnya nich..template blog ane kn hitam jd da bbrapa emoticon yg mncul dgn background putih..kra2 bs ane gnti sm emoticon yg background-nya transparan g y...?
ReplyDeletetp btw mkasih bnyk ilmunya y kak...:10
nanya lagi! maaf ya! klu buat script sendiri bgm?
ReplyDeletecara nampilin banner antum di kolom komentar? kok kolom komentar anaa terbatas tuk nampilin kode JS? anaa nyobax bsx link aja?
cara buat blog menu seperti diblog ini?
ReplyDelete@Adi: Emoticonnya bisa diganti dengan yang lain. Silahkan diganti link gambar/emoticon yang berada di dalam file JS saya(http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/smile.js). Caranya tinggal kopas link js tersebut untk mendownloadnya, lalu nanti bisa diedit sendiri (mode: notepad), dan silahkan untuk menguploadnya di file hosting sampaian, lalu jangan lupa juga untuk menyesuaikan link gambar/emoticonnya pada kode yg harus diletakkan sebelum kode <b:if cond='data:post.embedCommentForm'>
ReplyDelete@Admin: Untuk menampilkan banner? Caranya tinggal mengedit beberapa link emoticon pada file JS yg telah saya sediakan (caranya sama seperti jawaban saya untuk sobat Adi).
>Cara membuat blog menu di blog ini? Itu namnya menu dTree. di bagian bawah menunya kan dah saya link ke halaman posting cara membuatnya. Atau sobat bisa langsung surfing ke postingan: INI
:07
terimakasih ya sdh mau berbagi, beberapa kali anaa nanya ini kebeberapa tmn yg anaa yakin pasti tau tapi tidak digubris, bagi ilmu milih2?
ReplyDeletesyukron, jazaakumullahu khrn. anaa add linkx ya!
gw tes dulu aah
ReplyDeletepasang emotion yahoo messenger gimana om???
ReplyDeleteaDA DI: http://t4belajarblogger.blogspot.com/2010/03/cara-memasang-emoticon-yahoo-pada-kotak.html
ReplyDeletemantap mas infonya, ini yang saya cari dari dulu ^^
ReplyDeletesalam kenal...
ReplyDeletethank banget buat tutorial-nya
waa...thank u bnget tutorialnya... ini nih yg ane cari2.... :13 :14
ReplyDelete:10
ReplyDelete33
ReplyDeletebingung nyari code ngga ketemu, biasanya itu ada di html comments ta?
ReplyDeletekog gag bsa???
ReplyDeletepdhL dh ngkutin lngkah2 di atas????:39
mass , kok di blog saya ga bisa yaa ...?
ReplyDeletemohon bantuannya ....
:28
ReplyDeletesyukron ya mas infonya..
ReplyDeletetapi kok punya ana gak bisa ya?
cuma kodenya aza yang nampil
kira2 salahnya dimana ya?
:11
This comment has been removed by the author.
ReplyDelete@Rhini Wulan Dary: Afwan. Mungkin itu karena kode JS bikinan saya kurang cocok/kurang mendukung template sobat. Atau untuk alternatif lain bisa menggunakan hosting sendiri untuk menghosting file JS yang telah saya sediakan (kalau masih bermasalah insyaAllah akan saya bahas di postingan khusus). Semoga membantu_
ReplyDelete:ntauadmint4bb:
Scriptnya dah mati mass
ReplyDeleteDAPATKAN SOFTWARE DAN GAME FULL VERSION DI
www.getfv.co.cc
:10
ReplyDeleteAlhamdulilah...?Semuanya Lancar deeh mas di pasang di tempat saya,makasih ya buat Script nya..?Maju teruu mas Kreasinya :15
ReplyDeletehttp://lh4.ggpht.com/_RVpTV2JOOxA/S1USo-bTLFI/AAAAAAAAB5g/VYHVfW_ZYb0/t4belajarblogger9.gif
ReplyDelete:33
ReplyDeleteTerima kasih banyak mas,saya sangat menyukai semua postingan mas iqbal.semoga mas iqbal mendapat pahala yang berlipat ganda amiiin :14
ReplyDeletetQ bro atas sharingnya..di coba sekali ya emotion di sini.. :33
ReplyDeletekurang ngerti aq, bos???!
ReplyDeletemkasi bwt infonya gan :)
ReplyDelete:18
ReplyDelete:10
ReplyDeletengetes,fungsi enggak?
ngetes dlu :10
ReplyDeletemangtap bro,.. tak cobanya hehehe.. habis tu komen balik ya !!!
ReplyDeleteBagus juga nih tutorialnya
ReplyDeletethaNks,, It wOrks, GAn...
ReplyDeletevisit me back, please...
http://uzanck-area.blogspot.com/
:30
ReplyDeleteThis comment has been removed by the author.
ReplyDeletekereeeeeeeeeeen ;D walau ada beberapa yang nggak bisa, tapi kereen banget. hehe :15
ReplyDeleteThanks banget ya tips-tipsnya... sangat membantu nich... secara saya kan orang baru dalam dunia perblogeran... salam kenal yach... :10
ReplyDeletemakasih ya :13
ReplyDelete. Keren :30
ReplyDelete:30
ReplyDeletekak....
ReplyDeletepnya sya udah smuanya, tapi kenapa pas nulis komen, gambarnya ga kluar...?
yg da mlah kodenya ja...?
:36
cba lhat ke blog sederhana sya ya...?
mkasih sblumnya ya...?
salam...
ReplyDeletemas iqbal, saya udah coba untuk memunculkan emotion comment kayak langka2 langkah diatas tapi kok masih gak muncul yah? maksutnya masukkan sebelum kode no. 3 dan masukkan sebelum kode no. 5 tuh apa ya?
saya mesti mempastekan di mana tepatnya?
tolong bantuannya y mas. terima kasih
oia mas mampir ke blog saya yah, www.hitamputihcollection.blogspot.com.. tq
Tidak ada Namanya "" kasih saran
ReplyDeletetest gambarnya mas :12
ReplyDelete:10 keren mas
ReplyDeleteThank gan, infonya.
ReplyDeleteGw udah bisa..
mampir yach http://fatra-production.blogspot.com/
:13
ReplyDeletedi skrip blogku kok gak ada kode ()
ReplyDeletekalo mau nambah sendiri gimana caranya?
maksudnya gimana nih saya gak ngerti saya pemula kk
ReplyDelete:27
ReplyDeleteTks gan..
ReplyDeleteTemplate blog saya gag ada kode adanya kode:
ReplyDelete}
dd.comment-footer {
padding: 10px;
margin: 0px;
font-size: 11px;
border-bottom:1px solid #f48d94;
}
saya sudah coba taruh kodenya tepat di bawah comment-footer, tapi kenapa tetap gag muncul yaa emotionsnya ??
ko kode nya bda ma yg di sini y :13
ReplyDeletetop 1 :38
ReplyDeleteTERIMAKASIH INFO NYA ya , INFO anda SANGAT BERARTI BAGI SAYA .... :12
ReplyDeletejgn lupa berkunjung ke blog saya :14
Tes :D
ReplyDelete:10
ReplyDeleteterima kasih gan...:20
ReplyDeleteWoow,..Berhasil,..Ma Kasih KAk...
ReplyDelete:26 apa ini berhasil?...
ReplyDeleteMas kode kok ngga ada
ReplyDeleteMas Kok Ngak Bisa Ya?
ReplyDeleteMohon Pencerahannya Donk
tempat saya gk bisa mas gk ad muncul emotionnya .. :(
ReplyDelete