Selamat Datang di Web Juprani, S.Pd jangan lupa tinggalkan komentarnya semoga bermanfaat terima kasih... dan bagi yang butuh PTK silahkan hub saya

Cara Mudah Membuat Kotak Iklan di blog

iklan atas disini
Iklan tengah disini
Cara membuat kotak iklan (Banner Box) - Kali ini Wan Bloggers akan menulis tentang Trik Blogspot, yaitu cara 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[

#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://wan-soe.blogspot.com"><img
border="0" alt="ads" src="http://3.bp.blogspot.com/-Fu-O3NT0Inw/T88MeRRB4II/AAAAAAAABkQ/p9Hj1WUhDOI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="http://3.bp.blogspot.com/-Fu-O3NT0Inw/T88MeRRB4II/AAAAAAAABkQ/p9Hj1WUhDOI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="http://3.bp.blogspot.com/-Fu-O3NT0Inw/T88MeRRB4II/AAAAAAAABkQ/p9Hj1WUhDOI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="http://3.bp.blogspot.com/-Fu-O3NT0Inw/T88MeRRB4II/AAAAAAAABkQ/p9Hj1WUhDOI/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://wan-soe.blogspot.com"><img
border="0" alt="ads" src="http://3.bp.blogspot.com/-Fu-O3NT0Inw/T88MeRRB4II/AAAAAAAABkQ/p9Hj1WUhDOI/s1600/125x125.gif"/></a>

Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek  kasih like-nya. Thanks.
Iklan bawah disini

Buku Tamu


Mau buat buku tamu ini ?
Klik di sini