18 July 2011

Tutorial : Buat Icon

Hari ini, Ain nak ajar tutorial buat Icon. Tak tahu apa itu Icon ? Icon tu ialah suatu gambar yang ada kat tepi blog. Sebenarnya, tutorial nie request dari Capital Iqal . Dia request dalam Facebook :
     



 Jom kita start.

1) Step pertama: Log In >Dashboard > Design > Add Gadget > HTML/Javascript

Copy dan paste kod bawah nie...: 


Contoh code untuk Facebook
<style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:10px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/nurainlife ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://2.bp.blogspot.com/-Ik0lJA6Wghs/TZhyVM0WIWI/AAAAAAAABVw/zYbJR7zbTIA/s1600/blue-light-facebook.png" /></a><br /></div>

* merah : kedudukan icon tu..
* biru : URL Facebook korang
* hijau : korang boleh tukar icon lain kalau ada


Ingat Jangan tulis Title
Dengan code di atas, korang boleh buat untuk Twitter, Tumblr, MySpace dan macam-macam lagi. Cuma tukar yang warna merah, biru, dan hijau tu je..


  Kat bawah nie Ain ada sedia icon untuk Blog, Tumblr dan Twitter ( ganti dengan ayat hijau ) :

Blogger : http://i1193.photobucket.com/albums/aa355/nurain2/images.jpg

Tumblr : http://i1193.photobucket.com/albums/aa355/nurain2/images2.jpg

Twitter : http://i1193.photobucket.com/albums/aa355/nurain2/images1.jpg

No comments: