Saat Blogwalking (BW) ke blog-blog teman, saya sempat tertarik dengan emoticon lucu yang bisa dicantumkan di dalam komentar blog seperti ini:
Mulai deh browsing cara memasangnya dari google. Belasan tutorial coba saya ikuti tapi ga ada yang berhasil entah saya yang salah masukin kode scriptnya atau entahlah bingung saya.
Dalam kebingungan dan sempet frustasi, tapi hati masih penasaran karena pengen banget bisa masang emoticon di blog saya. Keesokan harinya, saya coba lagi dan mulai bertanya kepada teman yang kasih tutorial ini. Untungnya beliau sabar sekali menjawab pertanyaan bertubi-tubi dariku. Hehe, ya itulah saya dengan rasa ingin tahu yang besar kadang yang saya tanyai bisa emosi dan keluar asap kali kepalanya karena jengkel haha..#lebay.com.
Ok, kalau ga ada kesulitan ya ga belajar kan? Hari ini saya sudah berhasil memasangnya di blog. Jadi nanti kalau Anda sekalian komentar di blogku jangan lupa dicoba ya sertakan emotion lucunya hehe…
Caranya klik dulu emoticon yang Anda mau lalu copy kodenya (Ctrl+C) baru paste (Ctrl+V) di komentar.
Nah, setiap saya sudah berhasil menerapkan sesuatu pasti langsung aku bagi deh buat Anda pengunjung setia blogku yang mau belajar. Ga afdol rasanya punya ilmu ga dibagi-bagi hehe. Mohon sabar ya mengikuti tutorial ini dan hati-hati soalnya pake acara edit template yang penuh kode CSS salah sedikit kacau balau deh tapi tenang aja ada solusinya. Ikuti ya:
1. Log in ke www.blogger.com
4. Centang Expand Widget Template
5. Cari kode </body> (caranya dengan menekan Ctrl+F di dalam kotak)
dan copy kode dibawah ini (Ctrl+C) → paste (Ctrl+V) /letakkan kode berikut tepat diatasnya
dan copy kode dibawah ini (Ctrl+C) → paste (Ctrl+V) /letakkan kode berikut tepat diatasnya
Kode Script:
6. Untuk mengatur besarnya kotak, background, dan border emoticonnya cari kode ]]></b:skin> (caranya sama dengan menekan Ctrl+F di dalam kotak) dan copy kode dibawah ini (Ctrl+C) → paste (Ctrl+V) /letakkan kode berikut tepat di atasnya
.emoWrap{width:540px; height:100px; background:#fff; border: 1px solid #ccc; margin:5px; padding:10px;}
7. Cari kode </head> (caranya dengan menekan Ctrl+F di dalam kotak) dan copy kode dibawah ini (Ctrl+C) → paste (Ctrl+V) / letakkan kode berikut tepat di atasnya
Kode Script:
8. Simpan dan Lihat Blog Anda
Selamat mencoba ya…semoga berhasil…
Sumber:
http://junedalbughisy.blogspot.com/2013/06/cara-memasang-emotion-keren-pada.html