
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
Home
salam sahabat
ReplyDeletewah siip perlu di coba nich thnxs n good luck ya
teman kayakx google skrg update page rank. blog antum pr 2 skrg anaa tau krn anaa nginstal toolbar seoquek. anaa jg dpt pr 3. mohon jawab pertanyaan anaa ya!
ReplyDeletebagi ilmux ya!
@Dhana/戴安娜: Sama2 Mbak Dhana.
ReplyDelete@Indahnya Berbagi: Oe sobat pertanyaan sobat sudah saya jawab di Postingan Ini. Tapi klau boleh tahu kok nyambungnya ke WinRar ya...., kalau untk edit file JS, sobat tinggal klik kanan >> Edit, itu saja (nanti ketika ngedit, otomatis filenya kebuka dgn model NotePad)
:07
sipp sob... saya coba ya... truss.. saya dah pasang link sobat.. please Backlink.. thxx.. :16
ReplyDeletemantap saya coba langsung di my blog...silahkan kunjung balasna ya.....
ReplyDeletekok di blog ku gak bisa ya?? :13
ReplyDeletekalo bisa balesnya di blogku ya
info menarik gan.. thanks :17
ReplyDeletehalo sobat test sMilee :35
ReplyDeletehallow :15
ReplyDeleteBagus Bro emotion nya ...
ReplyDeletebagus2
thx yah bro atas blognya
sekarang blog ku udah bs pake emotion2 gerak hehe
Kalo ad kode emotion yg laen tlng di krm ke gw yah bro ..
thx :14
< deddymotorsparepart.blogspot.com >
:27 :28 :29 :30 :31
ReplyDeletecek nich soba...
apakah berhasil
Terimakasih dah dicoba. Bung Iqbal guru saya yang berkualitas. Terbukti blog saya jd tambah menarik berkat ilmu dari Bung Iqbal.:12
ReplyDelete:10
ReplyDeleteCekkk :10
ReplyDelete:10
ReplyDelete:26 http://lh6.ggpht.com/_RVpTV2JOOxA/S1US6NaYjGI/AAAAAAAAB6E/UsqF7FrOBGs/t4belajarblogger18.gif
ReplyDeletekenapa emotion-nya dimulai dari ": 10"
ReplyDeletewaktu saya coba ganti ke ": 1" iconnya kok jadi berubah bentux ?
:30
ReplyDelete@and_lm: Itu sudah saya sesuaikan/setting dengan file JS bikinan saya. Jika sobat belum tahu mengenai cara mengedit/mengotak-atik file JS silahkan baca postingan saya=> http://t4belajarblogger.blogspot.com/2010/04/cara-edit-file-java-script-trik-mudah.html
ReplyDeleteSemoga membantu_
:ntauadmint4bb:
gan
ReplyDeleteane minta emotion KASKUS ada ngk???
oh iah blog ane
www.sohai300909.blogspot.com
http://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQl7nF4I/AAAAAAAAB6w/0MyWP5A3naY/t4belajarblogger29.gif
ReplyDelete:10
ReplyDelete:30
ReplyDelete:38 tahnks infonya
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletemas, cara ilangin scrool yang ada di kotak emoticonsnya gmn ?
ReplyDeletebagus kaak ! makasih yaa ilmunya .. :13
ReplyDeletemakasih yah !! iziin copas :12
ReplyDeletesudah aku pasang banner'a lho. . .
silahkan di cek
http://www.richisblog.co.cc/
:17 Terimakasih banyak tutornya gan.. kerenn.. makasie ea..
ReplyDeletemakasih banyak gan..langsung ku coba emang menjadi,tapi bila di komentar cuman kuar nombor doang..harap dapat membantu gan..
ReplyDelete:30 ...akhirnya....sukron ya brur...blog ane canti gara2 nte...hihihi...sukron2....http://tapesingkongmanis.blogspot.com
ReplyDeletebagus juga nich..
ReplyDeleteterima kasih infonya..
broo gua uda tes tuhhh ... gambar emo nya keliatan siihh...tapi saat komentar terkirim kok gak kliatan yaa emo nya, cuman kode emo nya doang,,,Gimana tu broo...??? butuh penerangan
ReplyDeleteNEWBE
oke oke brooo ane paham, tak hanya ente yang yang mengalami masalah yang satu ini. InsyaAllah ane bahas sewaktu-waktu mengenai masalah ini. Tapi ta' bri saran ya brooo, cobalah untuk menghost kode JS yang telah ane sediakan di hostingan sendiri brooo (contohnya: di google code sendiri maupun di google site sendiri). Semoga membantu....
ReplyDelete:ntauadmint4bb:
udah saya coba mas dan berhasil..
ReplyDeletesyukron.. :10
dggbghttp://lh3.ggpht.com/_RVpTV2JOOxA/S1US6WXsh3I/AAAAAAAAB6M/l_OMwToORbA/t4belajarblogger20.gifhttp://lh4.ggpht.com/_RVpTV2JOOxA/S1UTHWyJdTI/AAAAAAAAB6Y/2Pv4W2ncs8I/t4belagrgjarblogger23.gif
ReplyDelete:13
ReplyDelete:15
ReplyDeletethank ya info nya :10
ReplyDeletepengen prbanyak teman nih
ReplyDeletemampir http://elangvisualmandiri2011.blogspot.com/
bagus article nya new new punya anda
:33 ngetes gan !
ReplyDeletekayaknya bagus ane coba dulu gan :13
gan kok punya ane semuanya dah beres, tapi kok waktu ane tes kagak bisa ? :16
ReplyDeletebisa, tapi kenapa jam di komentar ikut berubah?
ReplyDeletekarena kodenya pakai : (titik dua), gak bisa di setting ubah jam lagi. huu..
aduh gimana ini? :11
ga bisa nih mas,,kenapa ada maslah ga sama templateku??
ReplyDeletewahhh mantep gan udah saya coba coba deh di cek di blog saya gan..
ReplyDelete:31
ReplyDeletewah,,,info yg bgus banget,,makasi
ReplyDeletesalam kenal..... udah di coba..di http://narnee-mogilla.blogspot.com
ReplyDeletekeren2.... :12
makasih infonya.. :10
ReplyDeleteaku juga coba ganti emotion dengan union head tapi..klo klik codenya ygang muncul codenya juga bukan emotionnya....mohon kalau bisa sharing ke aku...
ReplyDeletegan... kalau di blog kita masukkin emoticon yg ini, sama yg kaskuser juga bisa gak?
ReplyDeletejadi jenis emoticon di blog kita ada 2 gitu.
thanks
nice info :13
ReplyDelete:37
ReplyDeletewahh makasih ya buat infonya, saya masih newbie, tapi dengan penjelasan anda yang mudah di cerna otak, saya berhasil :30
ReplyDeletehihi senang sekali :13
sukses selalu :10
mas, makasih infonya.. saya dah pasang tapi kenapa gak muncul ya ketika ketik komentar menggunakan emotcn? apa ada yg salah :29?
ReplyDelete:15
ReplyDelete:10
ReplyDeletemas kok di blog saya ga bisa ya??
ReplyDeletecoba aja buka "http://brotherdika.blogspot.com"
mohon bantuannya
Sebelumnya saya minta maaf sob, masalahnya yang mangalami hal semisal bukan hanya sobat. Untuk itu, saya akan berusaha untuk membahasnya di postingan khusus masalah emoticon yang tidak bisa muncul tersebut. Harap maklum
ReplyDelete:ntauadmint4bb:
:10
ReplyDelete:33
ReplyDeletetrims ya:10
ReplyDeletemakasi, udah aq praktikkn ^^
ReplyDeleteterimakasih infonyaaa... :30
ReplyDelete:10
ReplyDelete:30
ReplyDeleteMas mohon penjelasannya,,, kok di blog saya nggak muncul yah emot nya,,, tapi kode2nya muncul...
ReplyDeletemohon dicek yah... saya tunggu,, thanks
indonesiapuisi(dot)com
:32
:30
ReplyDeleteHai sob makasi infonya
ReplyDelete:33
:28
ReplyDeleteCara Pakek Kekotak Komentar Gimana Bro..??
ReplyDeletehttp://lh3.ggpht.com/_RVpTV2JOOxA/S1UTQtoLCwI/AAAAAAAAB6s/E5EVnTZ6Ubk/t4belajarblogger28.gif
:34
ReplyDeleteseperti biasa...setelah beberapa waktu emosion-nya ga jalan, cek sana sini akhirnya jalan lagi gan...makasih ilmunya semoga jadi pahala.
ReplyDeletekode tag body dmana siiihhh??? aq gx nemuuu?? :23
ReplyDelete@cheat NS/NSX: Caranya gampang, tulis langsung saja titik dua ditambah angka yang sesuai dengan emoticon, sebai contoh....saya ingin senyum, maka saya akan menggunakan :I0, maka nanti munculnya :10
ReplyDeleteBegitu sob, semoga membantu....
:ntauadmint4bb:
Thanks Sob..Salam Blogger..
ReplyDeletethank berat :14
ReplyDeleteane copy paste . gan. hehe.. tenangaj link agan di simpan
ReplyDeletekirim balik gan
Monggo sob...ane juga ikut senang, hehehe
ReplyDeleteKEEP BLOGGING
:ntauadmint4bb:
kok ngga ada gan
ReplyDeletegan kalau pasang emotion kaskus di dalam postingan gimana gan..
ReplyDeleteane masih pemula.., bagi ilmu donk ama ane,
ReplyDeletehallo saya newbe, kalo kode HTML yang telah di edit dan inginsaya kembalikan ke sebelumnya gimana caranya? masalahnya seperti yang lain, emotnya gak bisa muncul, cuma kodenya saja. makasih. mohon dijawab kebimbangan saya
ReplyDelete@Nurul NoeUntuk saat ini kode script emoticon hanya bisa berfungsi jika di host di akun google sobat. silahkan untuk download code script (js) di atas melalui link berikut
ReplyDeletehttp://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/emoticonplus-v2.js
Dan untuk cara host di akun sendiri, silahkan baca post berikut
http://www.muhbalak.com/2011/05/google-code-cara-membuat-file-hosting.html
atau link berikut
http://www.muhbalak.com/2009/12/membuat-web-hosting-di-google-sites.html
Thanks telah berkunjung :)