Cara membuat kotak iklan (Banner Box) - Kali ini Wan Bloggers akan menulis tentang Trik Blogspot, yaitucara membuat kotak iklan 125 x 125 atau banner box. Fungsinya tiada lain untuk menempatkan iklan yang akan dipasang di blog kita jika suatu saat blog kita visitornya sudah ramai. Saya sarankan penawaran kepada pemasang iklan pada blog kita jika blog kita sudah benar-benar ramai, percuma saja blog kita masih sepi ditawarin kepada orang buat pasang iklan merekapun akan berpikir dua kali dan mereka tidak akan sudi merogoh koceknya seandainya blog kita biasa-biasa saja. Baiklah untuk jelasnya lihat bentuknya dibawah ini.
Cara membuat kotak iklan (Banner Box):
Pertama, masuk pada halaman Edit HTML, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[
Kalau sudah, selanjutnya buat element halaman baru (caranya : Klik tata letak >> tambah gadget >> HTM/Javascript).
Pastekan Kode dibawah ini untuk menampilkan iklannya :
Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. Jangan lupa mengganti warna Merah dengan alamat URL target iklan mau diarahkan kemana, dan warna Hijau untuk alamat gambarnya.
Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek !!!
GABUNG Halaman Facebook saya Kokeykhia.com ,
dengan mengklik Tombol SUKA dibawah ini
www.facebook.com/kokeykhia
Cara membuat kotak iklan (Banner Box):
Pertama, masuk pada halaman Edit HTML, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Kalau sudah, selanjutnya buat element halaman baru (caranya : Klik tata letak >> tambah gadget >> HTM/Javascript).
Pastekan Kode dibawah ini untuk menampilkan iklannya :
<div id="Box-Banner-ads">
<a target="_blank" href="http://kokeykhia.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
<a target="_blank" href="http://kokeykhia.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
<a target="_blank" href="http:// kokeykhia .blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
<a target="_blank" href="http:// kokeykhia .blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
</div>
Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. Jangan lupa mengganti warna Merah dengan alamat URL target iklan mau diarahkan kemana, dan warna Hijau untuk alamat gambarnya.
<a target="_blank" href="http:// kokeykhia .blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek !!!
GABUNG Halaman Facebook saya Kokeykhia.com ,
dengan mengklik Tombol SUKA dibawah ini
www.facebook.com/kokeykhia
BACA JUGA YANG INI :
Design
- Waktu Kalian SD, Ingatkah Dengan Gambar Ini?
- Desain Toilet Umum Yang Lucu, Aneh, Kreatif
- Ide Desain Ruang Tidur & Bermain Anak Yang Ciamik
- Desain Wallpaper Spektakuler
- "Museum hijau" Bangunan Menyerupai Keong Hebat Tenan
- Desain Kursi Unik dan Kreatif dari Kayu
- Asimetris Desain Rumah Yang Terdiri Dari Tiga A-frame
- 25 Desain Kamar Tidur Anak Laki-laki
- Rumah Abstrak dan melengkung di Hutan Terbuat dari Bahan Alam
- gambar desain rumah Modern
- gambar rumah minimalis bagus
- pilih teknik sipil atau arsitektur
Blogger Tutorial
- Cara Membuat Tabel,kotak,kolom di Blog
- Membuat Recent Post by Label Thumbnail Saja
- Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down
- CopyGator | Menemukan Penggemar Situs Anda
- Cara membuat status loading blog
- cara membagi elemen gadget menjadi dua kolom
- Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3
- Merubah Judul Postingan Yang SEO Friendly
- Cara membuat efek shadow pada judul posting
- Membuat Readmore Dengan Gambar & Teks
- Membuat Related Post/ Artikel Terkait Di Bawah Postingan
- Kunci Merubah Ukuran Blogger Anda(kelas pemula)
- Cara Merubah Lebar Halaman Posting di Blogger (kelas pemula)
- Cara Merubah Ukuran Sidebar Pada Blogger (kelas pemula)
- Cara Merubah Ukuran Header Pada Blogger (kelas pemula)
- Cara Mendaftarkan Blog/Website ke Bing Webmaster Tools - Tutorial
- Cara Paling Ampuh Atasi Komentar Spam Yang Merajalela
- Cara Mendaftar Dan Setting FeedBurner
- Menampilkan daftar isi pada label tertentu
- Cara Menghilangkan Tulisan Showing All Posts With Label di Blog
- Widget Random Post Dengan Thumbnail Via 2leep
- Cara Mudah Membuat Menu Tab View
- Cara Mengedit Template HTML Blog Yang Baik Dan Benar
- Cara Membuat Menu Horizontal Drop Down Versi 2