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

39 comments:

  1. cik lya17 March 2011 at 15:18

    tengs utk tutorial cute ni :)

    ReplyDelete
  2. Firdaus Kasim17 March 2011 at 15:29

    tutorial pun cute? hehe

    ReplyDelete
  3. nabilah_290817 March 2011 at 15:48

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

    ReplyDelete
  4. Unknown17 March 2011 at 15:50

    nice info bro tq...

    ReplyDelete
  5. efa17 March 2011 at 15:54

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

    ReplyDelete
  6. Tieah Madian17 March 2011 at 16:14

    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!

    ReplyDelete
  7. Dylla Burn17 March 2011 at 16:30

    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

    ReplyDelete
  8. beaty17 March 2011 at 17:13

    nanti akan try buat...

    ReplyDelete
  9. nasslimdiet217 March 2011 at 17:16

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

    ReplyDelete
  10. Azlan Strider17 March 2011 at 19:24

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

    ReplyDelete
  11. Firdaus Kasim17 March 2011 at 23:12

    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

    ReplyDelete
  12. Faris Farhad18 March 2011 at 00:01

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

    ReplyDelete
  13. syikin18 March 2011 at 10:03

    Tq for the tips

    ReplyDelete
  14. Anonymous18 March 2011 at 12:27

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

    ReplyDelete
  15. F_H18 March 2011 at 14:50

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

    ReplyDelete
  16. sarah mohamad18 March 2011 at 16:42

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

    ReplyDelete
  17. Taufiq Tiramisu18 March 2011 at 19:53

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

    ReplyDelete
  18. Azah Rahaman18 March 2011 at 20:56

    wahhh abg, menarikkk

    ReplyDelete
  19. Firdaus Kasim19 March 2011 at 12:00

    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

    ReplyDelete
  20. Unknown19 March 2011 at 13:03

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

    ReplyDelete
  21. sarah mohamad19 March 2011 at 18:55

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

    ReplyDelete
  22. Miss Yaty19 March 2011 at 19:43

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

    ReplyDelete
  23. decrewz19 March 2011 at 23:04

    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

    ReplyDelete
  24. Firdaus Kasim20 March 2011 at 00:49

    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

    ReplyDelete
  25. Firdaus Kasim20 March 2011 at 00:49

    This comment has been removed by the author.

    ReplyDelete
  26. Afzainizam20 March 2011 at 02:44

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

    ReplyDelete
  27. Firdaus Kasim20 March 2011 at 15:53

    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

    ReplyDelete
  28. Miss Yaty21 March 2011 at 00:05

    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?

    ReplyDelete
  29. Ramli22 April 2011 at 09:13

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

    ReplyDelete
  30. Firdaus Kasim22 April 2011 at 10:32

    Yaty : dah bg kredit

    Ramli : sama2 bro :)

    ReplyDelete
  31. Firdaus Kasim4 July 2011 at 23:30

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

    ReplyDelete
  32. Fauzi ahmad17 July 2011 at 15:16

    saya nak buat juga, tq atas kongsi kod

    ReplyDelete
  33. Firdaus Kasim18 July 2011 at 23:50

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

    ReplyDelete
  34. Titjibbitz Blogshop9 August 2011 at 00:49

    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/

    ReplyDelete
  35. Misz Azney30 September 2011 at 10:00

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

    ReplyDelete
  36. chantique2u2 February 2012 at 17:53

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

    http://chantique2uboutique.blogspot.com/

    ReplyDelete
  37. muazzin shah10 February 2012 at 13:16

    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.

    ReplyDelete
  38. Jo adipura26 April 2012 at 08:51

    Nice post.


    http://pun99awa.blogspot.com/

    ReplyDelete
  39. IQ6 June 2012 at 16:22

    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

    ReplyDelete

Lontarkan apa sahaja yang anda ingin katakan. Saya akan membalas komen secepat mungkin. (InsyaAllah)