Memasang Emoticon pada Kotak Komentar Blogger Versi Dua

Kalau kemarin-kemarin kita sudah membahas cara memasang emoticon pada kotak komentar postingan blogger (dah lama sekali sih), dan kali ini bisa dikatakan sebagai lanjutannya atau versi dua atau apa lah terserah teman2 mau menamakannya apa. Sebenarnya dari tata cara pemasangannya sama2 aja, hanya saja bedanya nih...jumlah emoticon pada pembahasan kita kali ini lebih banyak dari pada emoticon yang kemarin2 itu. Wohoooo...jadi lebih mantep kan, tatkala para pengunjung blog kita ingin mengekspresikan emosinya...wuohohoho

Sebelumnya, walau emoticon ini hasil oprak-aprik saya sendiri...namun masih menggunakan gaya/style emoticon bikinannya mas Uda. Maslahnya bingung mau bikin gaya seperti apa, sebelumnya sih kepikiran ingin bikin dengan gaya sendiri, yaitu emoticon dengan gaya spoiler lalu untuk menambah emoticon pada kotak komen, para pengunjung tinggal mengkliknya (gak ada kopi-pastean), sampai2 gara2 terlalu semanggat saya juga dah download sampai 130-an lebih emoticon + cartoon lucu lainnya, wal akhir itu semua gagal dilaksanaken...maslahnya waktu buat bikin model yg satu ini memang butuh kesabaran n waktu yg super luang. Yah, sebagai penggantinya saya bikin yg satu ini aja lah, hanya membutuhkan waktu yg relatif sedikit (dibanding yg tadi). Dan sekali lagi thanks yo mas Uda, dah memberi inpirasi yg benar2 bermanfaat.

Yohooo...kembali ke tutorial. Jumlah emoticon kali ini sampai 54 buah emoticon (yg kemarin 36 buah), teman2 bisa melihatnya pada screen shot berikut

Bagaimana...mantapkan? Bagi teman2 yang tertarik buat masang emoticon tersebut ke blognya, silahkan diperaktekkan langkah2 berikut ini...

Login dulu ke blogger, lalu klik Tata Letak/Layout >> Klik Edit HTML (dan jangan lupa untuk mencentang kotak expand widget templet)

Lalu letakkan kode script berikut tepat di atas kode tag </body>

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

Selanjutnya langkah terakhir...yaitu letakkan kode berikut di atas kode: <b:if cond='data:post.embedCommentForm'>

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzuhzqwqiEI/AAAAAAAABdw/HaqlX48a51c/s128/t4belajarblogger36.gif'/>:10
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzuhzsImTFI/AAAAAAAABd0/64g6jRZtTk8/s128/t4belajarblogger37.gif'/>:11
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzuhzylQBOI/AAAAAAAABd4/ZdLx27x0NBw/s128/t4belajarblogger38.gif'/>:12
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/Szuh0FKEiVI/AAAAAAAABd8/nSfh5WSOajI/s128/t4belajarblogger39.gif'/>:13
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/Szuh0Nl5dpI/AAAAAAAABeA/p4dl1e1lBo0/s128/t4belajarblogger40.gif'/>:14
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/Szuiq50sC8I/AAAAAAAABeE/anUz0mmKHuU/s128/t4belajarblogger41.gif'/>:15
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/Szuiq19G--I/AAAAAAAABeI/Agq9Eco5YWQ/s128/t4belajarblogger42.gif'/>:16
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzuirB6Ds2I/AAAAAAAABeM/WKrYNRurRYs/s128/t4belajarblogger43.gif'/>:17
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzuirYQCQqI/AAAAAAAABeQ/g3B3z5rlm5M/s128/t4belajarblogger44.gif'/>:18
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/Szuird1YgpI/AAAAAAAABeU/j-5kkOqIqls/s128/t4belajarblogger45.gif'/>:19
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujLLrUopI/AAAAAAAABeY/eFXrD8Au2n0/s128/t4belajarblogger46.gif'/>:20
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzujLQ895oI/AAAAAAAABec/B3M8LgGT5y8/s128/t4belajarblogger47.gif'/>:21
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SzujLuefyKI/AAAAAAAABeg/g4xsAUywd00/s128/t4belajarblogger48.gif'/>:22
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujLlYetcI/AAAAAAAABek/7dZHH913pPc/s128/t4belajarblogger49.gif'/>:23
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujLylIS0I/AAAAAAAABeo/j47V0kl_R20/s128/t4belajarblogger50.gif'/>:24
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujV2ttzVI/AAAAAAAABes/-N2rg-WvNxI/s128/t4belajarblogger51.gif'/>:25
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujV_XE6iI/AAAAAAAABew/bUb2AXZcc3Y/s128/t4belajarblogger52.gif'/>:26
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujVz6FtuI/AAAAAAAABe0/hqLi7TvSKOg/s128/t4belajarblogger53.gif'/>:27
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujWLH3lVI/AAAAAAAABe4/I1qa3bPjrHA/s128/t4belajarblogger54.gif'/>:28
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzujWc35OnI/AAAAAAAABe8/PMnTJDXYt4U/s128/t4belajarblogger55.gif'/>:29
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujfQMj6WI/AAAAAAAABfA/3shgWcJ8X70/s128/t4belajarblogger56.gif'/>:30
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzujfWPlddI/AAAAAAAABfE/ohsKpEkjCEw/s128/t4belajarblogger57.gif'/>:31
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujfwuAfmI/AAAAAAAABfI/AezyD0VpMXg/s128/t4belajarblogger58.gif'/>:32
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/Szujf8sAAaI/AAAAAAAABfM/pYMvhMDzEbQ/s128/t4belajarblogger59.gif'/>:33
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/Szujgeuv7oI/AAAAAAAABfQ/nvTyX9hG5yQ/s128/t4belajarblogger60.gif'/>:34
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujoiUiuWI/AAAAAAAABfU/OUtp864J_cg/s128/t4belajarblogger61.gif'/>:35
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujoyAUgDI/AAAAAAAABfY/Hd1Zwz36IeM/s128/t4belajarblogger62.gif'/>:36
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujpPlLrvI/AAAAAAAABfc/FWNoKB_TNHI/s128/t4belajarblogger63.gif'/>:37
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzujpKh6vCI/AAAAAAAABfg/HncD5PFnGD8/s128/t4belajarblogger64.gif'/>:38
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/Szujpo5NdZI/AAAAAAAABfk/scMJknME5wQ/s128/t4belajarblogger65.gif'/>:39
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzujyA1ELAI/AAAAAAAABfo/qfb3NeB4RVs/s128/t4belajarblogger66.gif'/>:40
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SzujyP3tIaI/AAAAAAAABfs/LD9g2l_RpNQ/s128/t4belajarblogger67.gif'/>:41
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzujyTKhgiI/AAAAAAAABfw/JYWvu0pweyk/s128/t4belajarblogger68.gif'/>:42
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/Szujyfk4-CI/AAAAAAAABf0/iDuQc1VuhK0/s128/t4belajarblogger69.gif'/>:43
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzujytvFs9I/AAAAAAAABf4/WAvQi4Yg9ZU/s128/t4belajarblogger70.gif'/>:44
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/Szuj8XeYxJI/AAAAAAAABf8/cM1Vq0qvbIE/s128/t4belajarblogger71.gif'/>:45
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/Szuj8SuJbTI/AAAAAAAABgA/Xz_QAiIaddA/s128/t4belajarblogger72.gif'/>:46
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/Szuj8p90apI/AAAAAAAABgE/vxA4mvtfxqQ/s128/t4belajarblogger73.gif'/>:47
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/Szuj8wUYnqI/AAAAAAAABgI/YryH9ID2Qy0/s128/t4belajarblogger74.gif'/>:48
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/Szuj85ST3dI/AAAAAAAABgM/KWGKTw5fINA/s128/t4belajarblogger75.gif'/>:49
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SzukIy6-03I/AAAAAAAABgQ/DV9zF6bJ6QE/s128/t4belajarblogger76.gif'/>:50
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzukI_b78PI/AAAAAAAABgU/QCvzWuY9kbU/s128/t4belajarblogger77.gif'/>:51
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzukJDtcY3I/AAAAAAAABgY/BtWxrW6MGKY/s128/t4belajarblogger78.gif'/>:52
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzukJWa6bKI/AAAAAAAABgc/h1LCYMIJFXA/s128/t4belajarblogger79.gif'/>:53
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzukJfEByiI/AAAAAAAABgg/TQKJBiWZGs0/s128/t4belajarblogger80.gif'/>:54
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzukUfu-uXI/AAAAAAAABgk/F9SlfUxosuI/s128/t4belajarblogger81.gif'/>:55
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzukUq497MI/AAAAAAAABgo/C4HD0GXgwFM/s128/t4belajarblogger82.gif'/>:56
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SzukUo1EOrI/AAAAAAAABgs/fZxgnyDVy98/s128/t4belajarblogger83.gif'/>:57
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SzukU34OeFI/AAAAAAAABgw/LMx4AvQ_v-w/s128/t4belajarblogger84.gif'/>:58
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzukUyStLoI/AAAAAAAABg0/tzuqDC8CW3o/s128/t4belajarblogger85.gif'/>:59
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SzukjdxmdmI/AAAAAAAABg4/sdb28WKcUgQ/s128/t4belajarblogger86.gif'/>:60
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzukjWd_pWI/AAAAAAAABg8/xVA5fV-gHO8/s128/t4belajarblogger87.gif'/>:61
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SzukjU1va6I/AAAAAAAABhA/CqJ3J5dWxVI/s128/t4belajarblogger88.gif'/>:62
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/Szukju1gDUI/AAAAAAAABhE/U5fFr4vqNcE/s128/t4belajarblogger89.jpg'/>:63
</b></center>
</div>

Dah itu jangan lupa klik simpan template...


Gampang tooo...coba sekarang lihat tuh hasilnya di blognya tman2, sekalian nyoba bikin komen sendiri buat testing awal.

Kalau ada maslah atau pertanyaan, langsung saja diposting pertanyaan teman2 di kolom komentar, atau bisa juga kontak admin (bagi tman2 yg gak mau pertanyaan dilihat yg lain ==> tapi saya balasnya agak lama lho)...dah dulu ya


Semoga Bermanfaat []

Tags: Cara memasang emoticon untuk blogspot, cara memasang emoticon untuk blogger, memasang emoticon di komentar, cara pasang emoticon dengan kode, HTML emoticon ,kode script emoticon, emoticon versi dua