Home
My Service
Sewa Iklan
Banner Exchange
Site Map
About Me
Isu
Tutorial
Agama
Sukan
Personal

Sila Klik Untuk Maklumat Lanjut

Safira Printing

Thursday, 17 March 2011

Cara Buat Page Banner Exchange


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>
 
<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>

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

41 comments:

cik lya said...

tengs utk tutorial cute ni :)

Firdaus Kasim said...

tutorial pun cute? hehe

nabilah_2908 said...

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 ??

perondajaketbiru74 said...

nice info bro tq...

efa said...

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 :)

d_tieah said...

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!

Dylla Burn said...

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

beaty said...

nanti akan try buat...

nasslimdiet2 said...

terbaik la bro. aku memang tercari-cari tutorial ni. thanks

Mr Strider said...

pening gak..tp xpe..nnt aku try buat..hahaha..mana tau klu jadi..stylo gak beb..hehe

Firdaus Kasim said...

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

Faris Farhad said...

rasa malas nak buat.. tetapi teringin adoi.. haha

syikin said...

Tq for the tips

Anonymous said...

hurm...pernah bc tutorial yg sm...

LinE PuTih LiNe HiTaM said...

copy code tu...
then paste kat mane..???

sarah mohamad said...

nak buat jugak tapi nanti lah dulu. kena betul2 free dulu. hikhik

Taufiq Tiramisu said...

thanks bro..menarik ni..boleh la try..hehehe

Azza Firza said...

wahhh abg, menarikkk

Firdaus Kasim said...

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

puteri.dyne94 said...

thx 4 ur sharing abg daus! =)
huhu...
ley try nti..ngee

sarah mohamad said...

nice info tapi me tak reti nak buat banner . uhuuuhuu ..

Miss Yaty said...

nice tuto..buat sendiri or blajar dari blogger lain?

decrewz said...

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

Firdaus Kasim said...

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

Firdaus Kasim said...
This comment has been removed by the author.
Afzainizam said...

,=====,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....

Firdaus Kasim said...

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

misz said...

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?

Ramli said...

Terima kasih utk toturial nie, saya nak cuba buat gak la.

Firdaus Kasim said...

Yaty : dah bg kredit

Ramli : sama2 bro :)

nana89 said...

follow u done..jemput join contest banlo kreatif http://theblackred.blogspot.com/search/label/contest

Firdaus Kasim said...

@nana89
thanks... kalo ada masa, sy join

Fauzi ahmad said...

saya nak buat juga, tq atas kongsi kod

Firdaus Kasim said...

@Fauzi ahmad
orait.. nnti kita tukar banner ya :)

Daydreamer said...

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/

Syaher Comel said...

thanx awk ats tuto nieyh ~ da jdi da. . hehe. . thanx byk2 ats ilmu yg awk da kasi nieyh. .

chantique2u said...

simple je rupanya nk buat banner ni...thx fr the info ;)

http://chantique2uboutique.blogspot.com/

muazzin shah said...

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.

Jo adipura said...

Nice post.


http://pun99awa.blogspot.com/

SUHAIMIE BIN ZULKIFLI said...

jemput...
http://ilamie2012.blogspot.com

IQ said...

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

Related Posts Plugin for WordPress, Blogger...

Entri Rakan Blogger. Apa Yang Terbaru?

! Firdaus Kasim Hak Cipta Terpelihara.
Themes designed by Firdaus Kasim