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

Tutorial : Letak Ayat di bawah Entry

1. Log In > Dahboard > Design > Edit Html > Tick Expand Widget Template
2. Korang cari code nie dgn menggunakan Ctrl + F :

<data:post.body/>

Kalau dah jumpa, paste code nie di bawah code <data:post.body/> :

<hr/><center>AYAT KORANG</center><hr/>

3. Preview dulu ye... Kemudian save..
                                          FINISH

Tutorial : Users online


Users online nie, kita boleh tahu berapa orang yang sedang tengok blog kita. Jom kita start..

1. Pergi link nie..http://www.freeonlineusers.com
2. Korang kena click SIGN UP, dan isi maklumat yang dia nak.


3. Bila dah siap isi semua maklumat korang click register. Lepas tu, pergi ke sign in email korang dan click link URL yang diorang suruh click untuk confirmed.




4. Then, log in semula. Now, click link code




6. Then, korang add link blog korang dalam ruangan kosong yang dia suruh add domain/ websites.


7. Lepas tu, korang boleh tulis ayat sesuka hati korang di link text. :


8.Selepas click Generate Code, korang copy code yang  keluar lepas tu. :



9. Kemudian : Pergi Dashboard > Design > Add a gadget > Html/Javascript
  Paste di Html/Javascript.

  Jangan lupa Preview dulu ...Lepas tu, Save...
 Siap !