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...

    17 comments:

    Hakim Bayasud said...

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

    www.hakimbayasud.co.cc

    Galih n gumilar said...

    makasih gan infor masinya .. sukses terus oke
    kami punya obat serba guna .. boleh liat di wbset kami .. makasih
    Pengobatan Penyakit Jerawat
    Pengobatan Penyakit Kolesterol Tinggi
    Pengobatan Penyakit Luka Bakar
    Pengobatan Penyakit Maag Kronis
    Pengobatan Penyakit Mioma
    Pengobatan Penyakit Nasofaring
    Pengobatan Penyakit Demam Berdarah

    Jonny Chan said...

    qq online
    agen poker
    bandar bola
    Bioskop 21
    Film Dewasa
    Prediksi Togel
    Info Togel
    aplikasi gratis
    Foto Bugil
    Klasemen Liga Inggris
    cerita dewasa
    undian indo rejeki
    Keluaran Togel
    Bokep Online
    Tvonline
    Prediksi Bola
    Spbo Livescore

    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

    Saputra MZ said...

    Demonya seperti apa ya, atau screenshotnya :)

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

    Jonny Chan said...

    Domino qq
    qq Online
    Agen Poker
    Agen Taruhan
    Bandar Bola
    Tvonline
    Bioskop 21
    Film Porno
    Tv Indonesia
    Film Bokep
    Info Bola
    Hasil Keluaran Togel
    Info Togel
    Aplikasi Gratis
    Foto Bugil
    Hasil Bola
    Cerita Dewasa
    Indo Togel
    Keluaran Togel
    Prediksi Bola
    Livescore

    Benz Affleck said...

    Agen Bola
    Agen Poker
    Agen Sbobet
    Agen Judi Bola
    Bandar Bola
    Situs Taruhan Bola
    Website Taruhan
    Website Taruhan
    Agen Bola
    Agen Poker
    Bandar Bola

    Adi Cahyo said...

    Terima kasih ya untuk informasinya, sungguh sangat bermanfaat... Jangan lupa kunjungan baliknya ke website saya

    Software pulsa elektrik murah 1 jutaan --> Software Pulsa Murah

    Software Pulsa murah & jasa pembuatan server pulsa elektrik --> Software Pulsa

    Pusat informasi pendidikan indonesia --> Info Pendidikan

    Pusat deposit pulsa elektrik murah --> Bisnis Pulsa Murah

    Pusat pulsa elektrik murah stok nasional --> Pulsa Elektrik Murah

    Jual alat server pulsa murah lengkap --> Alat Server Pulsa

    Pulsa murah 1 chip all operator --> Pulsa Murah

    Terima kasih banyak, salam sukses...

    Leoni Angela 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

    Laskar Qq said...

    Thankyou gan Artikel nya bagus ,sangat membantu banget.. ga nyesel deh visit kesini ^^

    CARA MAIN BANDARQ
    POKER BANDARQ
    CARA MAIN DOMINO99
    DOWNLOAD DOMINO99
    LASKARQQ

    ----Cara Daftar Bandarq

    --Daftar
    SBOBET
    SABUNG AYAM ONLINE
    TARUNG SABUNG AYAM
    BANDAR POKER

    DAFTAR ID

    Retyan Computer said...

    PUSAT PROJECTOR
    RETYAN COMPUTER

    Chelsy Kho said...

    Numpang Promo Ya

    judi poker
    poker online terpecaya
    bandar poker
    domino online
    agen poker online
    poker online

    Chelsy Kho said...

    Numpang Promo ya

    PAPADOMINO agen poker online terpercaya
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    Chelsy Kho said...

    Numpang Promo ya

    PAPADOMINO agen poker online terpercaya
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    Chelsy Kho said...

    Numpang Promo ya

    PAPADOMINO agen poker online terpercaya
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    Chelsy Kho said...

    Numpang Promo ya

    PAPADOMINO agen poker online terpercaya
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    Unknown said...

    Hai..
    kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
    * Bonus Minguuan : 0.5% (setiap senin)
    * Bonus Referral : 20% (seumur hidup)

    Hanya dengan minimal depo & wd Rp 20.000,-
    Proses depo / wd cepat
    100% PLAYER VS PLAYER Tanpa ROBOT
    link pendaftaran : http://papadomino.com/?ref=jesica6413
    Untuk info lebih lanjut silahkan hubungi : 2B4A514B

    * Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
    ;)
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    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