Hari ini penulis belajar cara untuk memasukkan smileys ke dalam blog. Kalau anda perasan, penulis jarang sekali meletakkan ikon smileys ke dalam blog ini. Itu kerana penulis malas untuk copy paste dari laman Yahoo Emoticons ke dalam blog ini. Jom kita lihat bagaimana hasilnya percubaan penulis untuk memasukkan smileys tersebut.
Berikut adalah cara² untuk menginstall yahoo emoticons ke dalam blog :-
1) Anda perlu mempunyai Firefox (version 2.0 or 1.5). Download di sini : Firefox with Google Toolbar.
2) Kemudian install Greasemonkey, ia membolehkan script diterima oleh Firefox.
3) Selepas itu anda install pula script ini (tak perlu save link, klik saja dan ia akan extract sendiri ke dalam Greasemonkey).
4) Dalam edit template blog anda carik kod css ini ]]></b:skin>
5) Masukkan pula kod dibawah sebelum kod ]]></b:skin>
img.emoticon {
padding: 0;
margin: 0;
border: 0;
}
6) Save template anda.
7) Cuba buat new post dengan menggunakan mode Compose dan anda akan mendapati ikon smiley anda sudah siap untuk digunapakai.
Selamat mencuba.
Sumber : Ien Blogspot
24 Comment
Hai.. thanks cuz sumbangkan tutorial.. tapi masih ada masalah skit ngeh2. dunnow how to fix it lol :D
Elloo...
Sampai install script jer ok...then, dah tak ok..how ek?
Saudari boleh rujuk pada blog Ien yg saya gunakan sebagai sumber rujukan. Sekiranya masih lum paham, ym saya. :)
yg ni pon kelat dah try... bjaya... tutorial yg baik... tima kasih byk2...
err...sori komen kat post yg lama...ok kn? :) nk tanya...cmna nk install smileys di bahagian komen? kat post dh buat dh tp kat ruangan komen blum...cmna ye?
hi... i nak tanya... kalau i nak tambah icon lain, macamana caranya ye?
Zariel, sila rujuk http://www.o-om.com/2008/06/pasang-emoticon-diatas-kotak-komentar.html
untuk memasang ikon smiley tersebut. :)
Mentibang, anda boleh meletakkan ikon lain dengan cara yg sama. Cuma perlu install skrip ikon baru saja ke Greasemonkey. :D
//nk mintak tlong eriyza tgk kn
//cikin de wt kod tu emot tu
//tp bile da install die xkuar lak
//ley tlon fix kn x?
//plizzzzz :15:
Cikin : Agaknya ada kod yg error lam tuh. Cuba semak semula. :)
salam...dah buat....hehe berjaya...tenkiu2...
Hanisah : Wsalam. Tahniah sbb bejaya wat. :)
Kalau guna yang IE, x leh kew wat???
Daus : Skrip ni pelukan Greasemonkey iaitu Addon tuk Firefox. :)
thanks eriyza..really appreciate ur kindness :X
Zati : Sesama. My pleasure. :)
terima kasih banyak2
dah lama cari tutorial macam ni
=)
Aya Harith : Sama².
~x(
Dee : :-t
Salam Eriyza, terima kasih di atas tutorial yang diberikan... saya dah berjaya buat emoticon yang ini, tapi bila saya bukak blog saya, kod:
img.emoticon { padding: 0; margin: 0; border: 0; }
ada di atas navbar blog saya, kenapa ye???
Dan untuk tutorial memasukkan emoticon di kotak komen,saya dah buat tapi sampai sekarang tak de... ":( ntah bile silapnyer...
Alhamdulillah, dah dapat emoticon di blog, cuma emoticon di kotak komen tak dapat... :((
MamaSS aka Jid : Wsalam. Kena letak kod dgn teliti. Semak dan wat skali lg yer. Semoga bejaya.
Salam Eriyza, untuk blog saya sumayyahsafiyyah.blogspot.com dah dapat emoticon bawang tu, tapi di cintatanpasempadan.blogspot.com tak dapat la... camana yer??? untuk label cloud di sumayyahsafiyyah.blogspot.com tak jadik gak... kenapa yer??
Jid : Kekadang ada kod yg x serasi dgn template. Cuba wat blog test dan tampal kod lam tuh.
Post a Comment
Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)
Sila ambil perhatian perkara² berikut :-
1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.