Amaran! Tutorial ini akan menyebabkan anda pening kepala. Hanya yang serius mencantikkan ruangan banner sahaja perlu ikuti betul-betul. Learning is fun!
Banner pada sesebuah blog sangat penting sebagai satu trademark atau icon pada blog itu, seperti TV3 yang mempunyai icon tersendiri. Untuk membuat page banner seperti dalam blog ini, anda haruslah mempunyai banner terlebih dahulu. Untuk membuat banner yang paling simple, sila pergi ke mybannermaker
Blog anda boleh menjana traffic pengunjung yang banyak jika mempunyai banner yang menarik. Apabila anda sudah mempunyai banner, maka, anda haruslah mempromosikan banner tersebut dengan melakukan 'exchange banner' pada blog yang mempunyai banner.
Untuk mengumpul banner daripada blogger yang lain, anda haruslah mempunyai ruangan khas untuk meletakkan banner tersebut. Membuat page baru, adalah cara yang terbaik. Ikuti langkah demi langkah dibawah untuk mencantikkan page banner supaya ia tidak kelihatan berserabut dan tak tersusun.
Langkah 1 : Klik Posting > Edit Page > New Page
Langkah 2 : Letak tajuk 'Banner Exchange'
Langkah 3 : Ada 2 butang pada kotak text iaitu 'Compose' dan Edit HTML. Maka, sila klik 'Edit HTML'
Langkah 4 : Sila copy code di bawah dan paste kan di 'Edit HTML' tadi.
<table border="2" cellpadding="6" cellspacing="6"><tr><td>CODE BANNER 1</td><td>CODE BANNER 2</td></tr><tr><td>CODE BANNER 3</td><td>CODE BANNER 4</td></tr></table>
Maka, hasilnya akan jadi seperti di bawah :
<td>CODE BANNER 1</td>
Kod di atas ialah kolum. Untuk tambah kolum, hanya tambah kod di atas selepas </td>
Contoh :
<td>CODE BANNER 1</td><td>CODE BANNER 2</td><td>CODE BANNER 3</td>
Contoh :
<td>CODE BANNER 1</td><td>CODE BANNER 2</td><td>CODE BANNER 3</td>
<tr></tr>
Kod di atas pula bertindak sebagai baris. Untuk tambah baris, tambah selepas </td>
Contoh :
<tr><td>CODE BANNER 1</td><td>CODE BANNER 2</td><td>CODE BANNER 3</td></tr><tr><td>CODE BANNER 4</td><td>CODE BANNER 5</td><td>CODE BANNER 6</td></tr>
Contoh :
<tr><td>CODE BANNER 1</td><td>CODE BANNER 2</td><td>CODE BANNER 3</td></tr><tr><td>CODE BANNER 4</td><td>CODE BANNER 5</td><td>CODE BANNER 6</td></tr>
Jadi, kod di atas akan menjadi 2 baris dan 3 kolum. Jika anda sudah faham bermain dengan kod <td></td>(kolum) dan <tr></tr>(baris), maka anda bolehlah edit saiz banner supaya menjadi seragam.
Untuk seragamkan semua banner pada saiz yang sama, hanya tambah kod berikut selepas /></a>
height="125" width="125"
Contohnya :
<a href="http://sophisticatedgirllife.blogspot.com" target="_blank"><img src="http://i1111.photobucket.com/albums/h477/yatyrushdi/BannerMissYaty11.gif" border="0" height="125" width="125" /></a>
atau
<a href="<a href="http://firdauskasim.blogspot.com" target="_blank"><img src="http://i1112.photobucket.com/albums/k500/firdauskasim89/anigif-1.gif" border="0" height="125" width="125" alt="Photobucket"></a></a>
Langkah 5 : Sila tekan Preview dan jika anda berpuas hati, sila tekan publish. Siap!
Sebarang soalan, boleh tanya Firz di bahagian komen. InsyaAllah Firz akan balas segera. Terima Kasih.
Credit : www.ciktom.com
Credit : www.ciktom.com
39 comments:
tengs utk tutorial cute ni :)
tutorial pun cute? hehe
tkde la pening sngt...masih boleh faham.. lagi pun cara macam ni..smart la...lebih kemas...:)
tkpe...biar sy try buat dulu...kalau stuck kt mana2...sy tnya yupp.. :)
time kasih utk tutor ni.. :)
jom ke APA KATA HATI pulak,
SELALU KEKERINGAN IDEA ??
nice info bro tq...
bgus tutorial ni...duk cri gak yg ni thanks lah huhu ni2 tutorial utk button like dah taw buat dah hehe tq yea dah menjadi nak trai yg ni plak haha pulunnyank buat nnti kalau tak jd tnya lain bgus pnya info double like :)
Owh begitu.. Terbaeklah! Suke2.. Entah bila nak buat.. Hahahaha..
Entry Terbaru : Warga Tua Dan Bayi Terselamat Dari Gempa Bumi Dan Tsunami, Bukan Maria Ozawa Sahaja!
thanks fir, good info, sama cam blog gulai tempoyak, clean and simple, senang nak faham...
ha, jgn lupa tgk oblivious kat 8tv tau mlm nih, :D
nanti akan try buat...
terbaik la bro. aku memang tercari-cari tutorial ni. thanks
pening gak..tp xpe..nnt aku try buat..hahaha..mana tau klu jadi..stylo gak beb..hehe
Nabilah : awk kan dah pakar main code HTML nie.. sbb tue x pening sgt.. hehe.. kalo ada apa2 problem, awk bgtau saya taw... thanks
Abg Biru : Sama2.. saya suka share.. hee
Efa : hehe.. thanks ikuti tutorial dlm blog ini.. kalo awk nk saya buat tuto apa yg awk nk, just bgtau sy k? InshaAllah saya buat
D Tieah : Kalo awk rasa benda nie perlu, awk buat la k?
dylla : sama2.. semua org suka benda yg simple dan kemas kan? hehe
Beaty : Good luck.. kalo x jadi, sila beritahu yew
Nass : sama2 bro.. masa akan datang aq akan cuba buat tutorial yang jarang ada kt internet
Mr : mmg pening beb, tapi kalo dah berjaya buat, mmg satu kepuasan yang tak tekata2.. haha
rasa malas nak buat.. tetapi teringin adoi.. haha
Tq for the tips
hurm...pernah bc tutorial yg sm...
copy code tu...
then paste kat mane..???
nak buat jugak tapi nanti lah dulu. kena betul2 free dulu. hikhik
thanks bro..menarik ni..boleh la try..hehehe
wahhh abg, menarikkk
Faris : kalo nk majukan blog, x leh malas2.. huhu
syikin : ur welcome
anon : yup! aq pun pernah baca, tapi aq gubah balik menjadi tuto yg simple supaya mudah org buat
Line : awk leh rujuk pada langkah 4 (sy baru update)
sarah : buat taw
taufiq : ok boleh try, kalo x faham bgtau yew
azza : thanks azza
thx 4 ur sharing abg daus! =)
huhu...
ley try nti..ngee
nice info tapi me tak reti nak buat banner . uhuuuhuu ..
nice tuto..buat sendiri or blajar dari blogger lain?
Jai x pening, boleh faham tapi jai sendiri pun xde banner, nak xchange cemana..hu3. Ssh2 sgt, bro jelah yang buatkan design banner Jai..wakakaka
Puteri : selamat mencuba ya.. hehe
sarah : kalo x reti kena belajar, dgn syarat kena ada minat
yati : sy belajar dari ciktom.com, akak awk juga.. hehe
jai : mustahil la jai x tahu.. hehe
,=====,o00o Ponn..Ponn.Ponn..
//__l_l_,\____\,__
l_---\_l__l---[]lllllll[]
_(o)_)__(o)_)--o-)_)___
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
" Antara kau dan aku
Blog ini sebagai pengantara”
http://firestartingautomobil.blogspot.com/
http://bukandoktorveterinar.blogspot.com/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
uihhhh bagusnyerrrr ko ngajor kami.... thanks kerana tak banyak blog yang sudi mengajar.... almaklum bukan semua orang nak ajar secara free.... aku berterima kasih kat ko.... aku harap lebih banyak yang dapat ko ajar lagi kat kami..... aku ni buta IT baru nak cuba belajar....
hehe.. x de hal la bro.. kalo org minta utk ajar, takkan aq nk buat bodo je an.. nnti ckp sombong pula.. pengunjung blog kena layan dgn baik2.. diaorg mcm customer kita juga
owh..haha..ptotlah code die sama..yaty pun blajar dari blog cik tom jugak...hhuhu
p/s: yaty rase seeloknye awak buat credit to blog yang awak blaja sebab dorg pun mcm awak jugak peras otak nak buat tuto..betol x?
Terima kasih utk toturial nie, saya nak cuba buat gak la.
Yaty : dah bg kredit
Ramli : sama2 bro :)
@nana89
thanks... kalo ada masa, sy join
saya nak buat juga, tq atas kongsi kod
@Fauzi ahmad
orait.. nnti kita tukar banner ya :)
Thanks!! amat berguna ilmu dalam blog ni. Lepas ni boleh la saya cuba kat blog saya. sambil2 tu, jom exchange. saya dah letak banner awak kt blog saya. Cheers!
http://titjibbitz.blogspot.com/
thanx awk ats tuto nieyh ~ da jdi da. . hehe. . thanx byk2 ats ilmu yg awk da kasi nieyh. .
simple je rupanya nk buat banner ni...thx fr the info ;)
http://chantique2uboutique.blogspot.com/
hye smua ... lust klik je nk tau kbnaran..Program ini adalah dikendalikan oleh Syarikat Schemata Multimedia (PG0202546D) berdaftar di Suruhanjaya Syarikat Malaysia.Sila rujuk website http://jutawanklik.com/#4f17b80c70ae2 bagi melihat pengesahan lesen pendaftaran.
Nice post.
http://pun99awa.blogspot.com/
TQ tutorial yg menarik dan berguna nanti nak try...feel free to view my blog n become my friends..im still newbie..thanks a lots sharing tis info
http://inq-collection.blogspot.com
http://dakoris.blogspot.com
Post a Comment