Wednesday 10 August 2011

(Tutorial) : Buat Banner GIF



Lat'z nak share macam mana nak buat banner untuk blog anda..mula2 pastikan anda ada image dalam bentuk GIF..

1. Mula2 anda masukkan url bagi image GIF anda di warna hijau seperti di bawah .

<a href="URL BLOG ANDA">
<img src="URL IMAGE GAMBAR GIF ANDA" alt="
" width="125" height="125" /></a>


Note : Anda boleh adjust saiz banner anda dengan mengubah nombor yang warna merah..

2.  Bawah ni adalah contoh banner Lat'z

<a href="http://er-lz.blogspot.com">
<img src="http://gifmake.com/fct/l.php?r=1494" alt="
" width="125" height="125" /></a>

3. Selepas itu anda pergi...

Dashboard - design - Add Gadget - HTML/JAVASCRIPT

Copy & paste code di bawah dalam HTML/JAVASCRIPT



<a href="URL BLOG ANDA">
<img src="URL IMAGE GAMBAR GIF ANDA" alt="
" width="125" height="125" /></a>

4. Nak buat kotak link banner anda pula..macam pic di bawah ni..



Anda cuma perlu pastekan kod di bawah ini DI BAWAH KOD BANNER ANDA..

<textarea name="textarea" cols="30" rows="4" wrap="VIRTUAL"><a href="URL BLOG ANDA">


<img src="URL IMAGE GAMBAR GIF ANDA" alt="
" width="125" height="125" /></a></textarea>


5. Sebagai contoh..kod yang sepatutnya berada dalam HTML adalah :



<a href="http://er-lz.blogspot.com">
<img src="http://i1205.photobucket.com/albums/bb432/erdina88/LgeFuD1313644990.gif" alt="
" width="125" height="125" /></a>

<textarea name="textarea" cols="30" rows="4" wrap="VIRTUAL"> <a href="http://er-lz.blogspot.com">
<img src="http://i1205.photobucket.com/albums/bb432/erdina88/LgeFuD1313644990.gif" alt="
" width="125" height="125" /></a></textarea>

6. Akhir sekali..SAVE & lihatlah hasilnya..sekarang anda boleh senyum..(^.^)

Note:
1. Anda boleh adjust saiz kotak bagi link banner anda dengan mengubah nombor dalam col & row..yang warna oren tu...
2. Sebenarnya kalau anda perasan..kod banner anda hanya ditambah <textarea name="textarea" cols="30" rows="4" wrap="VIRTUAL"> pada awalan untuk buat kotak banner dan </textarea> pada akhir kod untuk buat kotak banner..





No comments:

Penaja Blog