June 20, 2011

cara nak buat banner blog !!

اسلام عليكم

hari ini ayie nak buat tutorial sikit. ad yang request dekat ayie mcm maner nak buat banner dekat sidebar ayie nak nak letak code coding sekali dalam box. okay ayie akan tunjukkan dekat korang. sebenarnya ayie pon belajar daripada blog-blog tutrial. okay request ni daripada kak diana. macam maner nak buat box coding untuk banner tu kan?

first of all korang kena ad banner yang berkeli=kelip. hehe kalao korang nak bljo mcm maner nak buat korang boleh terjah blog cik tom nie. memang bagus lol tutorial cik tom nie. senang nak difahami lol. sekarang korang dah adkan baneer yang berkelip tu.

mcm maner plak nak letak dalam sidebar korang. okay jom ikot tutorial ayie nie.

cara letak code banner dekat sidebar

1. korang dapatkan dahulu korang punye link banner korang. nak thu mcm maner nak dapatkan code banner korang. ikot cara dekat bawah nie.

  • upload gmbo korang dekat maner-maner kalo ayie upload dekat sini jer.

  • after that pergi tekan edit HTML tu and copy code nie.
  • korang biarkan shje code tu aw and copy code yang ayie bieukan itu and pastikan korang nyer banner dalam bentuk gif kalo korang nak buat banner klip-klip mcm ayie.

2. sekarang korang nak letakkan banner tu dekat sibebar korangkan. korang   boleh follow care nie.
  • bukak design and then tekan add gadget. 
  • cari HTML/javascript. dah jumpa korang tekan.

3. seterusnye korang copy code dekat bawah ni and then letak dekat HTML/javascript tadi.
<a href="LINK-URL"><img src="PIC-URL" alt="" width="125" height="125"></a>

  • link -url tu korang boleh masukkan korang punye blog id. mcm ayie yer link, http://azrinrahim.blogspot.com/.
  • PIC_URL pulak korang boleh dapatkan daripada step satu tadi yang ayie ajar mcm mane nak dapatkan code gmbo.
  • 125 tu adlh width dengan height. biase kalo baneer orang akan guna 125.

4. korang copy plak code dekat bawah nie and paste dekat bawah step 3.
<div align="center">
<textarea cols="20" name="code" rows="3">TEXT APE NAK LETAK</a></textarea></div>
  • 3 tu adlh row untuk buat tinggi box. boleh ubah ikot suka korang.
  • 20 plak adlh column blog. korang boleh pilih nak letak berape.
  • text apa nak letak tu korang masukkan step 3 punye code. and then akan jadi mcm dekat bawah nie.

5. so dah siap lah tapi akan jadi mcm gini plak.


kalau korang nak centrekan banner tu korang kena tambah benda nie.
  • letak code nie <center> dekat depan code.
  • letak code nie </center> dekat last code. so, akan jadi mcm gini.

lepas korang dah puas hati tekan lah rich text and then tgok hasilnyer. kalao korang berpuas hati. save lol. incya-Allah akan jadi mcm ayie punye lol. hehe selamat mencuba.
credit dekat nisa kay


ayie harap apa yang ayie kongsikan ini bermanfaat untuk korang semua yer. incya-Allah kalo ad keraguan tentang tutorial ini comment shje dekat entry ini yer. incya-Allah ayie boleh bantu.

35 comments:

angahIera said...

xda banner jgk...nak trylah tutorial ni
thnk share cmner nak buat :)

Unknown said...

bagus ayie nih :D

RHI said...

nanti kakak nak cuba jugalah...

Firdaus Life said...

ooo sebelum ni aku x tau pun camana nak buat banner. hehe thanx

CintaZulaikha said...

cam menarik je nih...

Unknown said...

TQ ayie sebab ajar.wan lagi la.nak buat banner pon tak reti.haha

Santan Berlada said...

wow...
tips yg sgt berguna... ^^
thanks share...

Anonymous said...

wahhh
tengs for sharing ayiee
:)

Jahirah said...

ley try law de mase..:)

rafina mimi abdullah said...

wah ayie dah semakin maju ke depan..hehe :) akak dah ambik banner tadi tu tapi akak letak dalam menu..masih belum siap lagi akak edit blog..maaf ye ayie..

kiwi said...

kiwi xd banner. maleh buat.. hehe

Azwa Mohamad said...

sama la, Miz pon tak reti la nak amek coding kat certain web sebab nak kena upload la bla bla bla, lagipon kalo buat mcm ni lagi senang kan...

Nrzkh said...

wah. trimas yaw ayie. banyal lagi benda nak belajar :)

Unknown said...

thnxx 4 sharing :)

. said...

tengs . nak try laa :)

Unknown said...

wahh..baguslah..apik tak penah lagi wat tutorial dalam blog apik..jehehe

azwa amani said...

ayie...dah try, tapi tak jadi...ayie buatkan lah header yg tomey2, tembam2, lemak manis tuk BICARA AMANI lah..ayie kan takde keje cuti sem ni....upahnya, nanti awin belikan lolipop yerr...hehehee

munna said...

KAK MUNNA PUNYA BANNER BLOGGER SISYIRA YG TLG BUATKAN DAN BLOGGER AMY SYAQUENA YG TOLONG RESIZEKAN....

shahdiana said...

memang bagus ada ilmu sudi shaare..tq..

Anonymous said...

thnks ..akhirnye boley jgk saya wat banner sendiri..

PHU ONE WANA said...

heheh..thankz for your tuto!

THARA SITE said...

tima kasih ayie...dpt jgk akak bljr wat banner nie...nk baca kot dlm bhasa inggeris xpandai..kena cr yg melayu la...heheheheh...

Unknown said...

Thank.. Dah boleh buat..
Jom pg http://farissite49.blogspot.com/
tengok my baner.. hehe

Hanna Nabiella said...

fllow..^_^
http://farhanabiella.blogspot.com/

MalaysianCareerJobs said...

Bagus tutorial ni...berjaya juga akhir nnya...thanks :)

Sweet And Simple said...

nak cuba lepas ni, tq tutorialnya

http://sweetandsimple47.blogspot.com

Unknown said...

dah try , :)

Unknown said...

dah buad . :)

Siti Aishah Zainudin said...

Saya buat tak pernah nak menjadi.. urmm.. sedihnya ;(

Unknown said...

info yg sangat bermanfaat dan sangat berguna bagi blog saya,,, saya harap agan mau berkunjung balik ke blog saya www.ankurniawan.blogspot.com ditunggu lho gan...

Unknown said...

Terima kasih,alhamdulillah jadi ^_^

jasa pembuatan sofware said...

mantap..

visit us >> jasapembuatansofwarepekanbaru.blogspot.com/

Unknown said...

Tuto ni berguna sangat , Faie dah berjaya : http://cikanehtapicute.blogspot.com/2013/04/alhamdulillah-rezeki-awal-bulan-april.html

Unknown said...

Thanks for the tutorial... akhirnya berjaya juga saya buat http://inamimibeauty.blogspot.com

Cik Bulan Hitam said...

Apasal tak keluar banner pun.Huhu

Blog Azrin Rahim

Mohd Azrin bin Mohammad Rahim
visit my page
 

Design by ZARIN ART 2014