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¤t=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¤t=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![]()
![]()
Anda boleh copy paste artikel diatas, dengan SYARAT mencantumkan source (sumber) dari blog ini.












168 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
trims banget bos
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.
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?
thanks yah.. :)
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
terimakasih mas
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...
makasih..:f:
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:
gan bannernya aku paseng disini
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
makasih artikelnya
:e:
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:
Thank Infonya
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
Poskan Komentar
This blog is dofollow
Comments as anonymous is not recommended !