Cara memasang banner di blog pastinya sudah banyak tutorialnya kalau di cari di google ya. Tapi aku mau mencoba menuliskan kembali siapa tahu berguna untuk teman-teman yang sedang membutuhkan. Pemasangan banner di sidebar blog kadang dibutuhkan, contohnya untuk mengikuti suatu kontes atau pemasangan iklan.
Biasanya kode html untuk pemasangan banner sudah disediakan oleh penyelenggara. Pemilik blog tinggal copy paste kode tersebut ke sidebar blog masing-masing. Untuk sidebar yang lebih kecil mungkin saja ukuran bannernya terlalu besar sehingga harus diedit terlebih dahulu. Disini aku akan memberikan cara mudah memasang banner di blogspot tanpa harus mengcopy paste kode yang sudah disediakan.
1. Save as gambar atau banner yang dibutuhkan ke komputer.
2. Create New Post, seperti akan membuat postingan baru
3. Insert image. Caranya seperti akan mengupload gambar ketika kita akan membuat postingan.
4. Setelah gambar dipilih maka akan terlihat gambar yang kita inginkan di halaman postingan.
5. Atur gambar sesuai keinginan. Misalnya ditempatkan ditengah. Ukuran gambar small.
6. Bila nantinya gambar akan mengarah ke link suatu blog, maka klik gambar dan tambahkan link tujuan.
7. Copy kode pada tab HTML
8. Pada dashboard pada tab layout pilih add gadget. Pilih HTML/Javascript
9. Masukkan kode html tadi pada content lalu save. Maka banner sudah terpasang pada sidebar blog kita.
Jika banner terlalu besar bisa sedikit di edit di HTMLnya. Caranya sebagai berikut.
- Buka kembali gadget HTML / Javascript, maka akan tampil kode html yang sudah kita paste tadi.
- Cari pada kode HTML height="200" dan width="200" Gantilah angka 200 itu sesuai ukuran yang kita inginkan misalnya 180. Bisa dicoba beberapa kali hingga menemukan ukuran yang cocok.
- Maka hasilnya akan seperti dibawah ini, banner bisa menempati sidebar blog dengan pas.
70 Comments
Tengkiyuuuuu....sangat bermanfaat bagiku yg masih gaptek ini !! Siippp!!!! :)
ReplyDeletesami-sami
Deletebuju buneng, kok nggak di print skrin aja?
Deletemmpe di foto2 gitu :D
tapi jelas kok tutornya :D
kalo dikasih open link in new tab juga bisa :D
oh bener juga ya ngambil kode html nya gitu ya...
ReplyDeletekalo gua pasang banner pake dari photobucket. :D
bisa juga kok dari photobucket, tapi aku seringnya begini caranya :)
DeleteAku juga seringnya kayak Arman gini mba, pake photobucket.. ^_^
DeleteBisnis Tanpa Modal Uang
DeleteBisnis Fashion Modal Kecil
Tips Ampuh Wirausaha Yang Sukses
Bisnis Modal Kecil Terbaik
Bisnis Online Tanpa Modal
Peluang Usaha Rumahan 2015
Cara Mendapatkan uang $100
Usaha Yang Menjanjikan Terbaru
Bisnis Oline Terpercaya 2015
Peluang Usaha Baru Yang menguntungkan
Cara Berbisnis Yang Menjanjikan
Bisnis Properti Modal Kecil
Mendapatkan Modal Usaha Terbaru
Peluang Bisnis Online Terbaru
Investasi Online Syariah Terbaik
Peluang Usaha Makanan 2015
mantep, bu...
ReplyDeletesiapa tau suatu saat aku butuh pasang fotoku
sekarang masih suka yang minimalis
pasang foto ncit aja :)
Deletemantabbbs...
ReplyDeletelebih mantap kalau ada cilok ya teh :)
DeleteMakasihhhh.. Bermanfaat buat aku yg gaptek... Kemarin dah masang tapi ngerasa kegedean, jadilah ukuran sidebar keseluruhan yg aku lebarin...hahahah..ternyata bisa toh gambarnya dikecilin..makasihbya infonya
ReplyDeleteSemoga bermanfaat ya mak
DeleteTerimakasih, tutorial seperti ni belum pernah aku temukan selama googling.
ReplyDeleteKerenn! mba Lid mulai posting tutorial blog niyy ^^
ReplyDeleteusefull :) sp far upload di potobuket dulu .. makasih onfonya mak! :)
ReplyDeleteWah, ada calon srikandi Blogger. . . :)
ReplyDeleteSemoga bisa masuk 10 besar dan menjadi winner ya, Mom. :)
Tutorialnya jempolan. . .
Iya Mba. Kadang suma bingung pasang banner kalo ga dikasih link gambarnya. Hehehe.
ReplyDeletekadang linknya g bisa keluar gambar,nah itu yang jadi masalah hehehe
ReplyDeletemba Lid aku mo ngucapin selamat di bbm lupaaa muluk.... selamat yaa calon srikandi blog... jangan lupa traktir eyke klo menang... hihhihihi ga enak buntutnya
ReplyDeleteWah semoga menang jadi Srikandi Blogger 2013, btw terima kasih infonya :D
ReplyDeleteEssip Mbak Lidya, bermanfaat sekali :)
ReplyDeleteoo gitu caranya ngecilin gambarnya biar pas ya..thenkyu mba Lidya tipsnya..
ReplyDeleteoia..selamat ya jadi calon srikandi blog..moga2 bisa menang..;)
nice info mak...
ReplyDeletebaru tahu hehehhehe makasih inpone...
ReplyDeletetutorialnya asyik, sederhana tapi mudah dipahami :-)
ReplyDeleteMakasih info ne buu. kemarin ada temen blogger yang kesulitan pasang banner diblogspot. Ntar aku kasih link aja dimari :)
ReplyDeleteTips yang menarik dan sangat bermanfaat, banner yang tertata rapi akan menarik pengunjung.
ReplyDeleteLomba buat Puisi Cinta dengan tema Puisi Cinta Untuk Kekasih
trmakasih infonya mba Lidya....dulu pernah mau pasang banner salah satu forum ibu2 gitu..tapi ga bisa2 dipejeng diblog, akhirnya nyerah, sampe skrg ga dipasang2 deh hihihi *gaptek abis*
ReplyDeleteternyata cukup mudah yah
ReplyDeletelebih simple cara seperti ini yaa mbak, dibanding photobucket :) slam kenal ya mbak ^_^
ReplyDeletewaaahhh kebetulan aku lagi butuh ini ... makasih yaa :)
ReplyDeleteBlogspot ya. saya belum mengeksplorasi bs sih... :D
ReplyDeletetipsnya sama kayak akuh..haha
ReplyDeleteklo ga ada script banner dr penyedia kontes, bikin sendiri kayak contoh yg dikasih mba Lid :D
alhamdulillah aku bisa pasang banner di blog :D
ReplyDeleteTernyata sangat mudah ya. Selama ini saya ga pake blogspot karna menurut saya agak susah cara menggunakannya. Saya lebih suka menggunakan WP lebih simple dan lebih menarik menurut saya :)
ReplyDeleteAduh Lidya, ampun deh kalo udah diminta pasang-pasang banner di blog...tapi trima kasih banyak lo, udah dikasih tahu caranya lewat postingan ini, tengkyu bangat!
ReplyDeleteJarang banget sih pasang banner di sidebar, paling ya tinggal ambil script yg disediakan. Agak2 males gimana gitu hehehehe
ReplyDeleteInsya Allah sangat bermanfaat, mbak Lidya.. Thanks for sharing mbak ;-)
ReplyDeletewah...ternyata mama calvin finalis srikandi blogger? gudlak yawww !!! keren.
ReplyDeletenice info.... thanks
ReplyDeleteterimakasih atas info nya
ReplyDeletefotonya dlm format jpeg atau gif mbak??
ReplyDeletemasih newbi,mohon penjelasannya
membantu menyelesaikan masalah saya, trims ya
ReplyDeleteinfonya simpel btapi bermanfaat.trims ya.
ReplyDeleteAku ndakkk iso biki banner untuuuuuuunnnggg diajarinnn... Makasihhhhhhh yaaaaaaa mbak yu.... Have a nice day.
ReplyDeletewah banner dah aku buat makasih ya ^^ n kunjungi ke blog aku ya http://rumahmoon-1991.blogspot.com
ReplyDeletelgsg praktek dan mudah ^_^ terima kasih Mba bermanfaat sekali.
ReplyDeletemaen - maen ke blog sya yah frdnprsty.blogspot.com http://bit.ly/BanggaIndonesia
aku dah nyoba mba, langsung sukses.... thanks infona...
ReplyDeleteKalo gambar gerak bisa ga ?
ReplyDeleteInformasi yang sangat bermanfaat buat saya ,, terima kasih sudah berbagi ilmunya ,,,
ReplyDeletekkasih infonya
ReplyDeletejika butuh situs pemasangan banner hub:bonjolteck@yahoo.com
atau kunjungi http://bolo001.blogspot.com/
Kak, kenapa ga pake ScreenShoot aja?? :)
ReplyDeletealhamdulillah, dari tadi sudah hampir 3 jam cari info masang banner , dan ga ada yg berhasil kecuali dri info ini... mkasih mbak :)
ReplyDeleteThankyouuu<3 daritadi muter-muter akhirnya ketemu juga<3
ReplyDeletesaya kok tidak berhasil ya mbak, pasang bannernya?
ReplyDeleteOh jadi begitu ya, saya baru tahu mas... Obat herbal untuk tumor jinak di payudara
ReplyDeletesaya sudah bisa, ,disini contohnya mbk,ms
ReplyDeleteFilm action terbaru subtitle Indonesia
Film action terbaru 2015 subtitle Indonesia
Film action Bollywod terbaru subtitle Indonesia
Film action terbaru
Film action subtitle Indonesia
Gambar ruang tamu minimalis
Pecinta Batu Akik
Harga Hp Xiaomi
Tempat Kursus Website, SEO, Desain Grafis 2015
ReplyDeletesangat membantu bagi sayaa .
jgn lupa kunjungan balik yaaa
kalo pake foto langsung gimana ?
ReplyDeletethanks vuat infonya gan,, sangat bermanfaat...
ReplyDeleteterimakasih atas informasinya... azin mau praktek dulu.. soalnya belum bisa.
ReplyDeletemakasih ilmunya mak \o/
ReplyDeleteAkhirnya aku ganti logo KEB yang baru *telat* :)))))
BEAUTY BLOG | WWW.NONAHITAMPAHIT.COM
ReplyDeletePengertian Bioteknologi
Pengertian Ideologi
Pasar
Kelompok Sosial
10
Macam-macam
Cara
Nama
Teknik
Simulasi
Pengertian
Sejarah
Niat Mandi Wajib
Doa Sholat Dhuha
Doa Sholat Tahajud
TV Online
Oleh-oleh haji umrah
Alat Anti Sadap
Berita Jawa Tengah
Anggota Dewan PKS
Penyadapan
Radio Online
Islam
Berita Jambi
Berita Riau
Pengertian
asyik sudah bisa pasang banner sendiri
ReplyDeleteThank youuu ya, berguna sekali tutorialnya
ReplyDeletemakasih mba... sangat membantu
ReplyDeletemakasih mbak,,artikel yang bagus,,sangat membantu saya,,btw blognya cewe banget,,,d tunggu kunjungan baliknya di sulyhadi28.blogspot.com
ReplyDeletemakasih banyak mbak eh bu. eh mbak apa bu ya? pokoknya makasih banyak. tadi keliling2 cari caranya tapi kode htmlnya dimasukin gagal terus. makasih banyak.
ReplyDeleteTerimakasih banyak atas tutorialnya. Sangat bermsnfaat sekali
ReplyDeleteTerima kasih sudah berkunjung dan berkomentar. Mohon maaf semua komentar di moderasi ya