Cara Memasang Iklan di Bawah Header Blogger
Pernah bingung gimana cara memasang iklan di bawah header Blogger? Apalagi kalau Anda pakai template model magazine, yang layout-nya udah padat dari sananya. Nah, artikel ini bakal bantu Anda step by step pasang kolom iklan tepat di bawah header tanpa harus ganti template atau ribet coding dari nol.
Kenapa Pasang Iklan di Bawah Header?
Posisi iklan tepat di bawah header itu termasuk prime spot. Artinya, tempat ini salah satu area yang paling sering dilihat pengunjung saat pertama kali membuka blog. Potensi klik-nya tinggi, apalagi kalau iklannya relevan. Jadi, buat Anda yang serius monetisasi blog, ini posisi strategis yang layak dicoba.
Langkah Memasang Kolom Iklan di Bawah Header
Langkah-langkah ini khusus buat Anda yang pakai template model magazine di Blogger:
- Login ke akun Blogger Anda.
- Pergi ke menu Tata Letak, lalu klik Edit HTML.
- Download backup template terlebih dulu untuk jaga-jaga.
- Cari kode:
]]></b:skin>
- Salin kode CSS berikut, lalu tempel tepat di atas kode tersebut:
.adscolumn{ width:933px; padding:10px 3px; background:#fff; margin:5px 10px 0px 10px; text-align:center; border:1px solid #C0C0C0; } .adscolumn .widget{ }
- Lanjut, cari kode:
<div id='main-wrapper'>
- Tempel kode ini tepat di atasnya:
<b:section class='adscolumn' id='adscolumn' preferred='yes'/>
- Klik tombol Simpan Template.
Setelah itu, balik ke Elemen Halaman, dan Anda akan lihat satu kolom baru muncul tepat di bawah header. Di situ Anda bisa tambahkan gadget apapun, termasuk iklan dari Adsense atau banner produk sendiri.
Tips Tambahan Supaya Lebih Optimal
- Pastikan ukuran banner tidak mengganggu tampilan blog di mobile.
- Gunakan gambar iklan yang tidak terlalu mencolok agar tetap nyaman dilihat.
- Uji penempatan iklan dengan berbagai ukuran untuk tahu mana yang paling efektif.
Iklan Strategis
Dengan langkah-langkah di atas, sekarang Anda bisa menempatkan iklan di bawah header Blogger secara rapi dan strategis. Cara ini nggak butuh skill coding tingkat dewa, cukup ikuti petunjuknya pelan-pelan. Posisi iklan yang tepat bisa bantu Anda dapat penghasilan lebih, tanpa mengganggu pengalaman pembaca.
Yuk, Coba dan Bagikan Pengalaman Anda!
Sudah berhasil pasang iklan di bawah header? Atau masih ada kendala saat edit template? Tulis di kolom komentar ya. Jangan lupa share artikel ini ke teman-teman blogger lainnya supaya mereka juga bisa coba trik ini.
20 Komentar
kang gimana cara membuang kayak home, aboutme itu yg dibawah header krn template yang bru d blog bru saya tulisannya hnya ada edit me, edit me...... klo pun tdk dibuang cara ngegantinya gmna?
BalasHapusThz infony.. berguna bgd. Slm knl bro
BalasHapuscara membuat link di bawah healder kaya punya boz,gmn boz?thx
BalasHapusmantap gan...akhirnya bisa, biar ga ada post.wrapper...yang ada langsung di bawah b.section...template aku model mag
BalasHapusterimakasih, saya akan belajar lagi untuk ini..
BalasHapusthanks info nya mas..
BalasHapussalam kenall
Pass mas artikelnya, petunjuk cari ..div id='main-wrapper.. dari ctr F nya pas, klo ditetangga banyak yg kepanjangan jd ctr+f nya gak mo ngedetek.
BalasHapusberhasil..hore..
BalasHapusterima kasih ilmunya..
gmn mas agar berjejer horizontal space iklan.a ??
BalasHapusmohon pencerhannya . .
mksih sblumnya
artikel menarik mas, dan juga sangat menarik ulasannya dan saya suka, dan salam kenal dari mico dan juga bagi teman2 yg suka dengan download film box office terbaru silakan kunjungi situsnya loe, makasi untuk admin juga. thanks
BalasHapusterimakasih mas akan saya coba oh ya satu lagi gimana caranya menampilkan kotak komentar pada wordpress agar seperti punya blog ini
BalasHapustrims infonya. Pake blogger emang kudu sabar ngroprek. mun nu wordpress aya moal kang?
BalasHapusUntuk wordpress sementara belum.
BalasHapusmantap dah artikelnya
BalasHapusterimakasih atas infonya gan
BalasHapuskeren artikelnya bro
BalasHapusThanks guys artikelnya :)
BalasHapusTerimakasih ka infonya :)
BalasHapusTerimakasih infonya sangat membantu :)
BalasHapusTerimakasih informasinya :)
BalasHapushttp://bit.do/3eEL