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.
186 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
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
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
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
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
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
sangat bermanfaat tutorialnya untuk membuat banner yang bisa dipasang di blog sehingga blog terlihat lebih menarik
makasih banyak bang informasinya
Posting Komentar
This blog is dofollow
Comments as anonymous is not recommended !