Cara Membuat Kotak Banner Iklan di Blogspot

Sekedar kilas balik saja, template yang saya pakai sekarang ini hasil obrak abrik dari template bawaan blogger yang dua kolom. Sampe suatu saat pengen jadi 3 kolom. Dan kemudian kok pengen tau caranya masang kotak iklan di sidebar. Setelah saya googling saya nemu dari postingannya o-om.com tentang cara bikin kotak iklan atau box banner. Kalo mau tau sumber aslinya ceklik [di sini] . Setelah saya coba, loh ga muncul, akhirnya saya iseng iseng view source template ternyata musti ada sedikit editing peletakan.
Umumnya kotak banner iklan ini sudah bawaan asli dari template. Tapi gimana yang udah terlanjur make template yang hanya ada dua sidebar? Jika sidebar anda hanya dua maka perlu ditambah satu sidebar lagi untuk meletakkan kotak iklan ini.


Langkah-Langkah Membuat Kotak Banner Iklan

Masuk halaman Edit HTML , tidak perlu mencentang Expand Widget .
Cari kode #sidebar anda, misal kode sidebar anda
#sidebar-right {
width:135px;
padding:0px 10px 10px 10px;
float:right;
background:#fff;
}

Copy kode berikut dan letakkan di bawah kode sidebar tersebut.
#sidebar-ads {
width:300px;
margin-bottom:10px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:300px }
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 8px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

Perhatikan yang berwarna merah . Sidebar tempat meletakkan banner iklan ini lebarnya sekitar 2 kali lebar sidebar yang kecil yang saya kasih warna hijau , jadi ganti kode warna merah tersebut sesuaikan dengan lebar sidebar anda.

Kalau sudah buat elemen baru. Cari kode berikut ini


Copy paste kode di bawah ini, dan letakkan di bawah kode main-wrapper tersebut.

Kemudian SAVE

Anda dapat mengganti yang warna hijau dengan link anda, dan yang berwarna merah dengan source banner anda. Anda bisa mengganti dengan gambar anda tentunya berukuran 125x125 pixel, kemudian upload di photobucket (atau image hosting lain)

Banyaknya banner bisa anda tambahkan dengan menambah (copy paste) kode berikut



  • Buat Mas Toni Jauhari, demi dirimu ini tak posting wekekeke. Halo semua, sudah mumet? Kalo mumet jangan di baca langsung komen aja wes. Daku juga mumet hikz...

    30 comments:

    Hakim Bayasud said...

    gmana caranya kok g bisa dan kata2 klik disni juga g bisa di buka.

    www.hakimbayasud.co.cc

    Jonny Chan said...

    Judi online
    qq Online
    Domino qq
    Bandar Bola
    tvonline
    Bioskop 21
    Film Bokep
    Hasil Keluaran Togel
    Info Togel
    Aplikasi Gratis
    Foto Bugil
    Info Bola
    Cerita Dewasa
    Undian Indo Rejeki
    Keluaran Togel
    Bokep Online
    Prediksi Bola
    Spbo Livescore

    Mas Zuhdi said...

    Demonya seperti apa ya, atau screenshotnya :)

    Nitip info: ane jual jam tangan unik keren banget jarang ada yang punya, cekidot >> www.tokoonlinebaru.com

    Unknown said...

    Mantap gan artikelnya
    jangan lupa mampir ke website kami yaa gann http://cemerlangpoker.com/app/Default0.aspx?lang=id
    maupun berita kami http://www.liputanjudi.com/2015/12/cemerlangpoker-agen-judi-poker-online-tanpa-robot_19.html

    cv retyan computer said...

    PUSAT PROJECTOR
    RETYAN COMPUTER

    Unknown said...

    nice your blog
    Pentingnya Menjaga Pola Hidup Sehat

    Agen Obat Herbal Walatra said...

    artikelnya sanagt bagus, semakin suskses dan banyak pengunjung^^
    Obat Stroke
    Obat Stroke
    Obat Stroke
    Obat Stroke

    Agen Obat Herbal Walatra said...

    Terimakasih semoga makin sukses dan makin banyak pengunjungnya^^
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal

    gina ulfa said...

    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa OperasiObat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi
    Obat Benjolan Tanpa Operasi

    gina ulfa said...

    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru
    Obat Kanker Paru Paru

    Agen Obat Herbal Walatra said...

    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal
    Obat Herbal Sakit Ginjal

    Unknown said...

    Walatra Madu Murni

    Obat Herbal Walatra said...

    Faktor Penyebab Radang Prostat

    Jual Jelly Gamat Qnc said...

    Walatra Brain Nutrition
    Walatra Zedoril 7
    Khasiat Walatra Gamat Emas Kapsul
    Walatra Etaku Susu Kambing
    Walatra Berry Jus
    Walatra Bersih Wanita
    Jual Obat Herbal
    Jelly Gamat Qnc
    Walatra Green Coffee
    Walatra Black Garlic

    Jual Jelly Gamat Qnc said...

    Walatra Sehat Mata
    Walatra Zedoril 7

    Walatra Brain Nutrition said...

    Pengobatan Asma Terbaik

    Unknown said...

    https://goo.gl/62V5Tc | https://goo.gl/qcCiSc | https://goo.gl/tvtTr2 |
    https://goo.gl/o5LDE5 |

    Unknown said...

    Terimakasih info yang sangat bermanfaat. Pengobatan Penyakit Asma Terbaik

    Unknown said...

    https://goo.gl/mVyrAa | https://goo.gl/XHT7Mm | http://herballestari.com/

    Unknown said...

    http://herballestari.com/2018/05/07/manfaat-puasa-untuk-kesehatan/
    https://goo.gl/mVyrAa | https://goo.gl/XHT7Mm |
    https://goo.gl/o5LDE5 | https://goo.gl/L8f6SY |
    https://goo.gl/mBCRq6 |

    Unknown said...

    Cara Mengobati Paru-paru Basah
    Herbal Lestari

    Unknown said...

    Paru-paru Basah

    Ginaulfa said...

    bismillahi
    Obat Hipertensi

    Unknown said...

    Rokok Pemicu Kanker Paru-paru

    Unknown said...

    Tanaman Ampuh Untuk Kanker Paru-paru

    Unknown said...

    Tips Mencegah Kanker Paru paru

    Jual Jelly Gamat Qnc said...

    Thanks for information guys

    https://goo.gl/pnP3nA | https://goo.gl/96UaW3

    Jual Jelly Gamat Qnc said...

    Walatra Sarang Semut
    Herbal Lestari

    Unknown said...

    Bismillaahirrohmaanirrohiim

    OBAT LIMFOMA

    TRIK JACKPOT POKER said...

    0213295486

    Post a Comment

    Blog ini "DOFOLLOW" Silahkan berkomentar sesuai Topik, Tindakan/Komentar Spam atau "Out Of Topik" terpaksa saya Hapus.

    Related Posts with Thumbnails

    Popular Posts


     

    Design by Blog Info Teknologi