Dapatkan Tips & Trik Tentang Komputer

Pernah dengar icon yahoo messenger? Ala...yang korang selalu guna dalam YM tu. Sekarang nie saya nak berkongsi dengan anda semua bagaimana nak aplikasikannya ke dalam post kita.
Terdapat dua cara yang telah saya belajar. Satu cara adalah dari blog Maid3n. Dan satu lagi adalah dari Wolverinex, tapi yang si Wolv tu saya telah modified untuk tukarkan icon yang asal tu kepada Yahoo Messenger. Jom kite lihat cara-caranya:

Part 1 (Manual)

1) Masuk akaun. Pergi ke Layout. Pilih tab Edit HTML. Cari kod ini:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

Tambahkan dibawahnya dengan kod ini:

.post-body img#new {
margin:0px;
padding:0px;
border:none;
border: 0px solid #000000;
vertical-align:middle;
}

2) Lepas tu masukkan javascriptnya sebelum < /head>

< src="%27http://ien247.googlepages.com/YahooSmiley.js%27" type="'text/javascript'/">

3) Save Template

4) Try post entri dengan menggunakan icon mcm korang selalu chat kat YM tu. Atau nak lihat kesemuanya boleh rujuk di Sini

5) Finish!!


Part 2 (Dibantu oleh Perisian Firefox & Greasemonkey)

1) Mula2 dptkan dulu pelayar Firefox yang berversi 1.5 / 2.0. Atau boleh download Firefox With Google Toolbar

2) Lepas tu Download dan Install Greasemonkey (Yang ni bertujuan untuk memasukkan terus script icon2 korang, rasanya lah kot kekeekek!)

3) Lepas tu Install Script ini. (Tak perlu save link, just klik terus je!). Nanti ia akan extract ke dalam GreaseMonkey tu.

4) Lepas tu masuk ke Edit HTML, tambahkan kod di bawah sebelum ]]>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

5) Selepas tu cube korang pergi ke New Post nanti ia akan keluar seperti gambar di bawah:



6) Finish!!

.post-body img#new {
margin:0px;
padding:0px;
border:none;
border: 0px solid #000000;
vertical-align:middle;
}