TUTORIAL PASANG BANNER !!!

Assalamualaikum

Cik Zai nak ajar tutorial


Gadis Cermin Mata tanya Cik Zai bagaimana nak buat code bawah banner tu ^_^. Senang sahaja. Meh CZ ajarkan tutorial super lengkap teheee.

Mula-mula create banner sendiri taw menggunakan photoscape atau photoshop (saiz banner  125x125). 

Then, upload banner ke photobucket dah copy HTML CODE nya serta pastekan ke notepad/Microsoft word/wordpad. Contoh;

<a href="http://s1139.photobucket.com/albums/n551/Zainab_Salam/?action=view&amp;current=banner.gif" target="_blank"><img src="http://i1139.photobucket.com/albums/n551/Zainab_Salam/banner.gif" border="0" alt="Photobucket"></a>


Copy code di bawah ini dan pastekan ke wordpad sebab code banner belum lengkap.


<a href="URL BLOG ANDA" target="_blank"><img alt="Photobucket" border="0" src="URL BANNER BLOG ANDA" /></a>

Gantikan tulisan biru tersebut… 
URL BANNER BLOG ANDA ialah Code yang berwarna merah di atas itu
URL BLOG ANDA ialah url blog anda contoh kalau url blog cik Zai http://myshorthand.blogspot.com/

Akan jadi seperti dibawah ini (code banner)….
<a href="http://myshorthand.blogspot.com/" target="_blank"><img alt="Photobucket" border="0" src=" http://i1139.photobucket.com/albums/n551/Zainab_Salam/banner.gif " /></a>
 
Dah siap letak URL BLOG dan URL BANNER..sekarang nak buat pulak kotak kod banner atau dipanggil TEXTAREA pula…

Pergi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT.

Copy code dibawah dan pastekan di HTML/JAVASCRIPT

 <center>KOD BANNER<textarea>KOD BANNER</textarea></center>
 
Tulisan warna pink tu gantikan dengan code banner korang. Code yang telah korang buat di step bertanda .


Tekan SAVE dan siap pun ^_^….


Photobucket




5 comments:

Razil Tahir said...

thanks a lot for the tutorial!
Saya tak pernah tahu.... huhuhuh

Cik Zai said...

Sama-sama Razil Tahir ^_^

RochelMayMei said...

apa step bertanda tu

Cik Zai said...

RochelMayMei step yang bertanda smiley saya maksudkan..

Diyana Hani said...

hani datang dan follw cari tuto ni