Selasa, 20 Januari 2009

Cara Bikin Banner

Bagi sobat-sobat blogger mungkin sudah lihai dalam memodifikasi blognya. Tapi buat newbie newbie mungkin masih awam dalam hal ini. Disini saya mau jelaskan tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan temen temen lainnya bisa langsung copas aja. Ada beberapa macam situs layanan membuat banner gratis, salah satunya dan yang sering saya gunakan adalah cooltext.com karena sangat mudah sekali. Oke langsung aja ya langkah langkah cara membuat banner supaya bisa diklik, sebagai berikut:


1.Kunjungi cooltext.com
2.Pilih contoh contoh banner lalu klik
3.Pada kolom Logo Text ganti dengan judul blog anda
4.Pada kolom Text Size ganti ukuran textnya sesuai keinginan anda
5.Pada Text Color ganti warna textnya sesuai keinginan anda
6.Background Image silahkan jika anda ingin menggantinya
7.kalo sudah selsai semua klik "render logo"
8.lalu klik "download image"
9.Simpan di PC anda
10.Lalu buka http://www.photobucket.com
11.daftar dulu klo sudah langsung login
12.Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner anda tadi
13. kalo proses upload sudah selsai arahkan mousenya ke gambar banner tadi lalu copy script yang ada di kolom HTML CODE ke notepad menjadi 2
14.tambahkan code ini <textarea cols="20" name="textarea"> sebelum kode banner anda yang ke 2 ke notepad tadi
15.lalu tambahkan kode ini </textarea> setelah kode banner anda yang ke 2 ke notepad tadi

kayak gini contohnya
CODE BANNER ANDA <textarea cols="20" name="textarea">CODE BANNER ANDA</textarea>

Setelah itu copy semua kode yang ada di notepad tadi lalu simpan di blog anda

Untuk blogspot anda masuk ke "LAYOUT"---->"ADD GADGETS"---->"HTML / Java Script" lalu SAVE. Selsai ;)

UPDATE!
Supaya banner jika diklik bisa langsung ke alamat situs maka, ganti URL pertama menjadi URL blog anda. CODE BANNER ANDA kan ada 2, misal : CODE BANNER ANDA (<a href="http://s385.photobucket.com/albums/oo293/tyo041084/?action=view&current=globe.gif" target="_blank"><img src="http://i385.photobucket.com/albums/oo293/tyo041084/globe.gif" border="0" alt="globe"></a>
) <textarea cols="20" name="textarea">CODE BANNER ANDA (<a href="http://s385.photobucket.com/albums/oo293/tyo041084/?action=view&current=globe.gif" target="_blank"><img src="http://i385.photobucket.com/albums/oo293/tyo041084/globe.gif" border="0" alt="globe"></a>) </textarea>

Huruf yg dicetak tebal adalah CODE BANNER ANDA
Huruf yg berwarna merah adalah URL gambar anda. Ganti warna kode yg berwarna merah ini menjadi URL situs anda, misalnya: http://www.feryfadly.com

Nanti jadinya akan seperti ini

feryfadly






Protected by Copyscape DMCA Takedown Notice Infringement Search Tool
Anda boleh copy paste artikel diatas, dengan SYARAT mencantumkan source (sumber) dari blog ini.

189 komentar:

Oke dech di pratekkan neh.. tp kalo bikin banner sendiri gimana ya?

ya pke corel draw aja ama photoshop trus gambarnya upload ke photobucket atau ke http://www.imageshack.us/ trus langkahnya kayak di atas

makasih yaaa... ahirx saia bisa bikin banner juga...

:(

oiya, cara bikin smile nie gmna... :S bikin posting lagi yaaa tentang itu

makasih ilmunyaa :D

mksih ea :) info keyen :)

ok ok

mampir dong http://asaltempel.blogspot.com/

:D

tancap gas.nice info.langsung praktek bos

Ok deh Thanks ya infonya! Oiya gabung yuk...

NeW!!!!!!!!!


IKUTI REFERRAL CONTEST 2009 BERHADIAH
1 BUAH FLASDISK KINGSTON '16 GIGABYTE'
PERATURAN BACA DI REFERRAL CONTEST 2009
FREE!

http://kendhin.890m.com/emoticon/bigsmile.gif

trims ya..
link-nya sudah tak add..
tolong di backlink ya
trims

coba ah ,makasih

wehh ini yg aku cari selama ini....makasih ya infonyaaaa.....semoga sukses buat mas fery fadly....saluttt

wah bener2 thx bgt y mas............
sambil promo y....
lintasm.blogspot.com

thank ,mas kalo mo nampilin iklan seperti web mas ini gimana yah?aku baru belajar blog ni jadi gak tau

@Cihuy
iklan yang mana?

semuanya mas ferdy ,terutama yang di seblah kanan.bisa dapat duit ga tuh ?ajarin dong

hmm.. udah praktek yang ini om, tapi menurutku sih lebih asik bikin banner sendiri trus di upload, kan jadi lebih kreatif dan bervariasi.. hehe :D

@cihuy
km klik tulisan "adspeedy" yang terdapat di banner yang backgroundnya hitam sebelah kanan, lalu daftrin blogmu disitu.

@duniamimpi
klo bikin banner sendiri emg lebih kreatif n asyik, tp buat para newbie kan susah. Klo km udah jago ya silahkan buat sendiri.

terimakasih mas infonya nice post
uguns126.blogspot.com

makasih mas infonya saya pasang bannernya di blog saya ya...

maksih mas infonya, saya pasang bannernya ya di blog saya

Nah ini baru yang namanya tutorial, jelas, singkat, tepat, bermanfaat. Kalau di tempat lain malah jadi bingung, kadang hasil copas, makasih

thank's sob infonya bermanfaat banget... makasih ya....

ini dia info yang dicari.., singkat dan padat.., coba praktek ah... thanks ya Kang...

wah ok nih buat banner sendiri :f:, dicoba ya, salam kenal

Artikelx bagus n bermanfaat, thanks ya..

sudah aku pakai di blog-ku, keren !!! thanks ya....

saya mau coba dulu

tar saya komentar lagi klu berhasil oke..

thanks tips ya

Infonya menarik banget mas nanti saya coba

makasih ya aku jadi tau cara bikin banner

wah patut dicoba nih. Sya juga pingin bgt bikin banner buat blog saya.

nice ...
like this from : http://putraunj.blogspot.com

:m:

Nice Tips, mudah dicerna informasinya
:j:

KALO MAU ADA URLNYA BAGAIMANA JADI BEGITU BANNER DIKLIK LANGSUNG KE BLOG KITA?

Mantap infonya broooo ....... jgn lupa mampir Http://ilmunyata.blogspot.com

mksh infonya boss..

makasi bgt infnya,n lam knl
tkran banner yuk

www.agenwebsite.com ada yang mau bikin website kunjungi web tsb !!!

Thanks infonya, nanti dicoba

Wah top bgt mas,tak coba pratkekin ya..

tank's ilmunye link anda nangkring diblog aq:g:

Bos, klo ada URLnya gmna, biar klo klik banner bisa ngelink ke web saya.

infonya sangat bermanfaat.
kalau butuh akses internet murah bisa mampir di HamaSale Shop. Thanks sobat

nah klo buat banner sendiri gmn caranya?

@all
itu udah ada URLnya, jadi klo diklik banner nya, bisa ngelink ke web sesuai dengan URLnya.

@andi
nanti saya akan membuat tutorial cara membuat banner dengan kreasi sendiri. Ditungu ya!

Thanks infonya, dicoba dulu ach

wah udah di coba,, maksih yah........:n:

Tks yaaa udah di coba. Bagus... bagus... Bagus..
tapi nih gan, bisa ga ya itu generate code'na dsembunyiin ?

Terma Kasih Infonya infonya bagus dan bermanfaat thanks yah.

@all: tukeran link dunk??
bataviagaye.blogspot.com

@Bundanya
generate code yang mana?

trus kalau kotak yang isinya alamat link banner kita cara pasang di blog kita gimana ya mas.. maklum newbie :)

salam kenal

langsung deh aku praktekkin,,,,thanks infonya meski aku telat.....

thanks for info nya...:f:

bos..kok banner nya jadi gini?
pas di klik ,,,,eh prginy ke web cooltext ..
aneh........

@JOYPYRLO
dibaca lagi dgn teliti mas postingnya. bisa kok :)

apa bisa kita langsung buat nya di photoshop trus langsung upload ke photobucket.com ??
dan kalo bisa ukuran maksimal standard banner brp ya ?

ikutan mejeng :
http://Best-Movie-Trailers.com

thank, saya mau coba dulu. nanti kalo udah berhasil saya nongol lagi.

yang pengin kenal and tukar link
http://untungmadani.wordpress.com

@Sigit
Bisa mas. Ditunggu ya tutorialnya.

wah manteb infonya..
thx,...

Mantab Bro,udah dipraktekin langsung.
tukeran link donk bro

www.justclickwisnu.blogspot.com

makasih ya atas tipsnya berkat tipsnya saya jadi bisa pasang banner blog saya ^_^
kunjungi blog saya juga yah http://rezarenaldi.blogspot.com/
masih baru ^_^

di blog ku gak kelihatan kotak komentarnya ,caranya gimana sih supaya kelihatan dan ada emoticon lucunya kaya di website kamu ini?

wah, ini info yang aku cari2 mas, dah aku coba tapi ko ga muncul yaa banner nya? malah code2 yg kluarnya? padahal intruksinya dah bener tu, apa yg salah yaaa

gue udah dapet kode htmlnya tapi dimana naro URL bunya gue ya ?

biar bikin banner ga pake trial gmn ?

thank atas indonya bro.... saya lagi butuh banner buat pasng iklan. so ini sangat bermanfaat bagi saya.

Komentar ini telah dihapus oleh penulis.

thanks untuk info nya bro..tuker link bro..?

http://dhuryodana-bursagratisan.blogspot.com/
http://dhuryodana-blogiklangratis.blogspot.com/

kereeen... bisa juga.
Maklum pemulaa..
fransnoel26102008.blogspot.com

Mas, supaya kalo bannernya dklik terus ke link yang kita tentukan gimana caranya yaa?

nice info,,, mksih akn saya coba,,,:h:

Thanx ya infonya.,
mampir juga ke
http://jamurjammurah.blogspot.com/

salam kenal, thanks ya atas infonya, sangat membantu saya yang sedabg belajar membuat banner

mas, maksih atas infonya, tuker link ya www.tagung.co.cc

trms artkel nya saya mau coba

Mksie ats sharex....

http://sites.google.com/site/diesilversite/smileys/AddEmhttp://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gifoticons04233.gif

thks infonya..dah tak cb n bisa..tp cr ngilangin kotak Url disampingnya gmn yak..? biar gak ngganjel dimata bos...he2...monggo mampirhttp://warnapelangidunia.blogspot.com/

WOOOOOOOOOOWWWWWWWW
BERHASIL
TQ BANGET YA BANG..
MANTAP SURANTAB DAH
DIBERKATI TUHAN.. AMIN.

www.farainvestment.com

om kasih pencerahan donk.
yang saya sudah berhasil tetapi saat di click bukan masuk ke blog saya tetapi ke photobucket.com

mantap, luarrrr biasa..
thanks bgt infonya sangat berguna buat saya yg baru bikin blog..
ijin ngikut ya.. :m

berhasil.. berhasil.. berhasil!! horee,
btw: kode bannernya slalu ngikut ya, mksudnya kode banner yg disamping ntu bisa diilangin gak, gak enak diliat aja..
thanks ya..

ardhi95
silahkan dibaca lagi artikel diatas dgn TELITI.
@Blogku
Klo mwo diilangin, cukup masukkan CODE BANNER ANDA saja,

thanks for your tutorial
it is very helpful

Sangat membantu sekali artikelnya thanks ya

makasi infonya
http://ahlitips.blogspot.com/

mau hapus java script di samping bannernya gimana?


help... :i:

Javascript yg mana?

thank you so much. I have done it. GREAT!!!

http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif

Infonya komplit banget nih...
Saya coba dulu semoga tidak susah kalau menurut saya... ^ ^
Thanks a lot...

:e: :e: :e: mksh bos atas infonya.jgn lupa mampir y k blog ane....http://uyastmcheaters.blogspot.com/

Thanks info nya bozz

tukeran link yuk kk , gua udah copy link kakak nih , jgn lupa ya kunjungi ini www.fadilkun.co.cc

mantap gann.. mkasihhh yaaaa infonya..
http://agenpulsa17.blogspot.com/

Iya setelah banner jadi, dipasang ke blog or website iklan banner ternyata pas di klik sama sekali gak link alias diem aja cuma banner doang! gimana supaya klo diklik langsung link website kita??? thanks

@Herdi
Bisa, silahkan dibaca artikel diatas dengan teliti.

gmn cara copi html code?? ko mau gw kopi ga bisa

kalo mau di kasih bingkai gimana caranya Mas??. Tenchuu sebelumnya.

makasih infonya kawan..
bisakah saya bertukar link dengan anda?
terimaksih
http://thetechnologyshare.blogspot.com/

MANTEP... web jd keren gan...

di tariiiiik ama nubi gan, ...

sankyu sankyu y0 mas.. :)

Makasih infonya :f:

sukses mas langkah langkahnya. agak ribet sih di awalnya tp berhasil kok hehehe...

nice share om.. slam kenal ya... saya jg ada cara bikin banner sendiri gratis... http://arju-usildikit.blogspot.com/2011/02/cara-membuat-banner-animasi-bag2.html

THANKSINFO NY gan

BY Sham-crosen.blogspot.com

"CaraBikinBanner"
Blog useful (http://www.feryfadly.com) return visit "nursingstikes" (http://stikeshealthnurse.blogspot.com)

Copy and paste the link below
Sorry information:
Video: http://www.ziddu.com/download/9459224/CIRCUMCISION.flv.html
photo: http://www.ziddu.com/download/9598338/circ00.jpg.html
http://preview.shareapic.net/preview7/022587174.jpg

mengandung mboiizzzzZZZZ. . ..sseeppp. ..
tengkyu.. . tengkyu.. ..

makasih banget gan...

setelah copes ke blog, bannernya koq gak nampak ya, hanya kode tok?? why??

nice post ! makasih sob

thanx buat infonya dah q pasang di blog aq, blogwalking ya di www.sukagoda.blogspot.com, pemain baru nie...

thank's infonya
by : http://www.fajar32.co.cc/

mantaps infonya,, langsung buat nie...:e:

oke petunjuknya.. ohya sekalian cara buat emotion di coment n buat follow jd do follow gmn gan.. Mksh

Thanks atas Infonya Mas.
sangat berguna sekali untuk saya yang kebetulan pemula di Blog.
http://ahmadjuraispalopo.blogspot.com/

makasih gan..ane dah bisa bikin banner di blog ane..makasih gan...bleh copas gan??makasih..
baru punya blog gan..silahkan mampir ya
http://www.bisnisdahsyatbgt.blogspot.com

@Irfan
Silahkan asal memberikan link (ngelink) ke entry blog ini.

Thanks untuk infonya... nie hasilnya hehehe.. http://buahrohani.blogspot.com/ :m:

www.rajanedesa.blogspot.com

Mksih infonya.
Langsung Coba buat baner sendiri..

Mantep Gan..sip lgsung Coba. :b:

matur nuwun mas ferry fadly...!!

:h:

Thanks gan untuk cara bikin bannernya.
Baru dicoba sekali udah jadi.
Gag perlu repot2 bikin lewat coreldraw ato photoshop cz aQ orngny sbuk bgt dah. Hhe..he..
Mksh y!!!

MANTAP TIPS NYA GAN

Wah....Thanks Banget buat infonya!!! Jadi bisa punya banner sendiri sekarang...

follow ya blog ane
www.rhozqcoolz.blogspot.com hehehe
:e: :f:

oom kalo htmlnya dua, bannernya juga jadi dua, gymana kalo mau bannernya satu gan...

@poel
Maksudnya gmn?

terimakasih saya akan coba

trima kasih infonya... skalian mampir di blogku http://www.carameraihimpian.blogspot.com

haturnuhun tas info nya...!
mampir dlu gan di blog ane:
http//www.bordir-software.blogspot.com
tpi masih acak-acakan ma'lum masih tahap perbaikan...!

Tutorial yg sangat membantu

thanks mas untuk infonya ..
bagi yang pengen tau technology terbaru masa depan, silahkan mapir di
Latest Technology

makasih atas infonya gan
sangat membantu

Makasih banyak infonya
udah lama ngeblog, pas mo pasang iklan eh gak tau caranya,, jadi googling lg deh dan nemu postingan ini
:g:

Terimakasih banyak,artikelnya sangat bermanfaat.

*cium yg punya blog*

yhx bgt infonya..!!! :g:

Makasih ya infonya....

smile kisssssssss...visit back

wow this really good blog content

Sangat Menarik mastah, ini saya lagi mencari tutornya.Izin mencoba

sob,saya sudah mencoba semua langkah tapi belum berhasil, saya masih bingung di langkah 13,14 dan 15, bisa di bantu sob?
Terimakasih

gan, jadinya gambar kok gede banget yah ga muat di blog ane,,

Keren banget jadinya....terima kasih banyak atas sharing ilmunya.

makasih banget nih... jadi nambah ilmu...

ooiya, boleh nitip link gak kak? blog aku masih perlu banyak bantuan kak, termasuk bantuan traffic :)

http://ekspresi-ricky.blogspot.com

Mantap nih ilmunya. Thanks sdh share.
www.golsports1.com

Informasinya yang sangat berguna dan mudah dimengerti untuk newbie seperti saya, Mohon izin Copas artikel sob, dan ikut nongkrongin banner baru saya.

Makasih om!! :)) baek sekali :')

thx gan infonya sngt bermanfaat..

terima kasih mas tipsnya

artikelnya sangat membantu mempercantik para blog. hebat

Thanx berat gan....
Asli udh help me much..... :D

langsung coba deh,,,thanks ya,,,

terimakasih ya ilmunya. saya merasa sangat terbantu. :kc:

Bisa untuk box iklan juga berarti..Thank infonya mas.. Sangat membantu, memang ini yang saya cari..

kolom HTML CODE ke notepad menjadi 2,gan ini kolom apa ya,aku praktek tp msh bingung,trims

@Uang bekerja
contohnya diatas.

Setelah itu copy semua kode yang ada di notepad tadi lalu simpan di blog anda

Ga lengkap tuh bacanya kayaknya :km:

gan, makasih infonya :j:

nice blog..
nice info...
thanks...sangat bermanfaat...

Blog walking gan :D

thank's broo atas postingan nya mudah mudahan bila langsung ku coba dan berhasil

uhm yg ini yah...ok dech nice post :D

aq jga dh follow son, follow balik ya

Makasi banyak yah..., banner Q uda kelar nih..,

o bgtu caranya,,trims banyak jadi lebih tau

Thans agan,, ilmunya bermafaat...

misi mas Admin/FerryFadly ,
makasih ya aku terbantu nih
tapi karena gaptek , ini mau tanya lagi gimana caranya masukin banner ke dalam post/entry ? bukan yg disamping2nya , tapi didalam tulisan kita
makasih sebelumnya

@Bunda Iseng
masuk ke setting -> Posts and comments -> Post Template. masukan kode banernya disitu. nanti banernya akan muncul jika ada posting terbaru.

makasih mas atas penjelasannya
karena aku gaptek pol aku jadi mengira2 sendiri,soalnya blog-ku kan bahasa indonesia n waktu aku cari nggak ada post and comment
:p
akhirnya setelah pencet sana sini ketemu di bawah entry post yg lagi kita edit yaitu "post options" trus aku pilih "setelan tulis"-nya yaitu "tafsirkan HTML yang diketik" hehehehe
ternyata tadinya "tunjukkan HTML apa adanya"

sekali lagi makasih banyak ya mas , teruslah berbagi ilmu sehingga kami2 yang gaptek ini bisa ikut menikmati dan memanfaatkan
semoga mas Ferry n blog-nya terus berjaya

thanks infonya :))

Thankyou infonya!

http://themessiestthing.blogspot.com

Misi gan ane mau nanya cara merubah ukuran space baner iklan yang di sebelah logo header gi mana ya,kaya punya agan tuh yang di sebelah header.kalo di blog ane ga bisa nampilin baner yg lebih panjang dari yang sekarang saya pake,liad aja langsung biar mudeng.ane ga bisa ngomongnya.http://berryzona.blogspot.com/

@oko sulistiyo
di edit pke Photoshop gan dan disesuaikan dgn ukuran space blog agan, baru di upload.

thank gan infonya

thanks gan udah share info tentang cara bikin bannernya. sangat terbantu. salam kenal ya :)

waw keren nih !!

thank u... blog-nya sangat bermanfaat.

www.nanaonlineshope.blogspot.com

gan barusa ane bikin banner hasilnya keren, tapi ada sedikit masalah kenapa script dari code banner saya saya msh ngikut di sebelah kotak banner yg udah jadi .trims

posts and your blog is very interesting article, keep your blog so I can visit again to see your blog posts and articles later .. thanks for the info

wow banyak bnget komengx gw tambah deh 186 ok, kunbal juga yu.

Baru saja mencoba hasilnya sip banget mas... Makasih

wahhh bolehh tuhh,,,
thank's dach

Bagus ni artikel..
saya rencana bikin iklan mandiri buat di pasang di blog
salam kenal aja gan



:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Poskan Komentar

This blog is dofollow
Comments as anonymous is not recommended !

 

Home | Online Business | Free Download | Computer | Tutorial

Copyright ©  2008 Feryfadly.com All Rights Reserved