Cara Membuat Emoticon di Kolom Komentar

Posted by Iqbal IDesainer

Beberapa hari yang lalu ada salah satu teman blogger saya yang tanya tentang cara membuat emoticon yang terletak di atas kolom komentar. Saya pun tanya kembali sama dia, bukannya di blog Mas udah ada emoticonnya yah? Dia menjawab: emoticon di blogku itu gak berfungsi. Kesel rasanya. Setelah dipikir-pikir wah bagus juga nih kalo dibuat posting. Kan biar sekalian berbagi dan biar semuanya kebagian jatah (jatah apaan nih?).

Fungsi dari emoticon di kolom komentar ini adalah untuk memperjelas karakter mood yang sedang dirasakan si komentator ketika sedang menuliskan komentar di blog. Entah itu senang, sedih, tertawa terbahak-bahak, tertawa mengece, stay cool (tetap adem), marah, nyengir kuda,  bingung melongo karna gak tau apa yang lagi diomongin, sampai gaya khas dari pelawak Sule pun ada di daftar! Sehingga komentar-komentar tersebut menjadi lebih hidup. Nih yang mau liat contoh emoticon-emoticonnya silahkan melongok ke bawah!
Memasang emoticon Yahoo di blog

Nah gimana? Udah cukup?


Kembali ke leptop!

1. Login ke akun blogger Anda,
2. Pada dasbor klik Rancangan lalu klik Edit HTML,
3. Beri centang pada kotak kecil Expand Template Widget,
4. Cari kode </body> dengan menekan Ctrl+F,
5. Jika sudah ketemu, kopi kode di bawah ini dan pastekan di atas kode </body> tadi,

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/y-emo.js' type='text/javascript'/>

6. Selanjutnya cari kode <b:if cond='data:post.embedCommentForm'>
7. Kalau udah ketemu, kopi script emoticon di bawah ini lalu pastekan di atas kode berwarna biru tadi,

<div style='overflow:auto; width:100%px; height:75px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1USd83ybAI/AAAAAAAAB5A/13r9iaeHXNg/t4belajarblogger1.gif'/>:10
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1USdxjBn_I/AAAAAAAAB5E/sOVky4ztSmE/t4belajarblogger2.gif'/>:11
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USeB9HOII/AAAAAAAAB5I/uLlq8RkH02w/t4belajarblogger3.gif'/>:12
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1USeEAy9oI/AAAAAAAAB5M/Pdtu657x6B4/t4belajarblogger4.gif'/>:13
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1USeXGXZDI/AAAAAAAAB5Q/df2fX4Zm6Fc/t4belajarblogger5.gif'/>:14
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USoU5-AmI/AAAAAAAAB5U/oqgoLQYphfc/t4belajarblogger6.gif'/>:15
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1USobLRNhI/AAAAAAAAB5Y/PurdKOLrEtI/t4belajarblogger7.gif'/>:16
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1USopWPsQI/AAAAAAAAB5c/PICwwHbC-YI/t4belajarblogger8.gif'/>:17
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1USo-bTLFI/AAAAAAAAB5g/VYHVfW_ZYb0/t4belajarblogger9.gif'/>:18
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USo9-0ljI/AAAAAAAAB5k/FY997izdhnc/t4belajarblogger10.gif'/>:19
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1USw-_uwmI/AAAAAAAAB5o/EswqD9d5-9o/t4belajarblogger11.gif'/>:20
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USw8gsZ-I/AAAAAAAAB5s/l9DtLFkSI64/t4belajarblogger12.gif'/>:21
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USxKVziXI/AAAAAAAAB5w/pRx5aEvoI60/t4belajarblogger13.gif'/>:22
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1USxNWa6rI/AAAAAAAAB50/duzweRPvZ6M/t4belajarblogger14.gif'/>:23
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1USxUNayfI/AAAAAAAAB54/CsG2VYOApaI/t4belajarblogger15.gif'/>:24
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1US6HDAllI/AAAAAAAAB58/KG3m03xig6Q/t4belajarblogger16.gif'/>:25
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1US6PmKUZI/AAAAAAAAB6A/PYCSAXW0ApQ/t4belajarblogger17.gif'/>:26
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1US6NaYjGI/AAAAAAAAB6E/UsqF7FrOBGs/t4belajarblogger18.gif'/>:27
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1US6XGijiI/AAAAAAAAB6I/vcKBhgFSWGM/t4belajarblogger19.gif'/>:28
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1US6WXsh3I/AAAAAAAAB6M/l_OMwToORbA/t4belajarblogger20.gif'/>:29
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/S1UTGwa0TKI/AAAAAAAAB6Q/KnmJ49U2WJI/t4belajarblogger21.gif'/>:30
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1UTG9ixupI/AAAAAAAAB6U/QNNEQkykP80/t4belajarblogger22.gif'/>:31
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1UTHWyJdTI/AAAAAAAAB6Y/2Pv4W2ncs8I/t4belajarblogger23.gif'/>:32
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1UTHQWhPpI/AAAAAAAAB6c/LSND5-0lrx0/t4belajarblogger24.gif'/>:33
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1UTIDxYkvI/AAAAAAAAB6g/yrPsAbfaWvA/t4belajarblogger25.gif'/>:34
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/S1UTQZirpuI/AAAAAAAAB6k/BbDSlfK8XRQ/t4belajarblogger26.gif'/>:35
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQvNLmkI/AAAAAAAAB6o/gEpNyGG50vs/t4belajarblogger27.gif'/>:36
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQtoLCwI/AAAAAAAAB6s/E5EVnTZ6Ubk/t4belajarblogger28.gif'/>:37
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQl7nF4I/AAAAAAAAB6w/0MyWP5A3naY/t4belajarblogger29.gif'/>:38
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQ1qCo9I/AAAAAAAAB60/JtoZligr2LM/t4belajarblogger30.gif'/>:39
</b></center>
</div>

8. Klik simpan template dan lihat hasilnya.

Maaf script emoticon mungkin sudah rusak jadi jika mengalami error saat menyimpan ataupun emoticon tidak muncul harap dimaklumi saja.


http://arkan-indo.blogspot.com/

Poskan Komentar

Cari Artikel di Label Blog Ini

Anime (8) Anti Virus (30) Ayo Dance (12) Browser (25) Food (7) Games (56) Hacker (14) Knowledge (487) Media Player (18) Misteri (82) Ninja Saga (41) Other (127) Pendidikan (127) Point Blank (335) Serba 7 (59) Sofware (161) Tips (179) Tips Blog (44) Tips Komputer (26)