Bagi Anda yang hobi berbisnis dan ingin mempromosikan produknya di blog, Anda bisa memanfattkan tips kali ini. Kali ini kita akan membahas cara membuat space/ruang iklan di blog. Tips ini sangat berguna untuk memperkenalkan produk kita pada pengunjung blog. Sehingga apabila apengunjung yang tertarik langsung bisa mengklik banner iklan yang telah kita buat.
Berikut cara membuat space/ruang iklan di blog :
1. Seperti biasa Anda harus Log In dahulu pada akun Blogger Anda
2. Pada dashboard, pilih Edit Layout–> Edit HTML.
3. Cari kode <b:skin><![CDATA[ , lebih mudah apabila anda menggunakan ctrl+F.
4. Kemudian masukkan kode berikut 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;
}
5. Apabila sudah klik Save Template
6. Selanjutnya masuk kembali pada menu Edit Layout, kemudian buat element halaman baru. Pilih HTML kode:
7. Kemudian masukkan kode dibawah ini :
<center><div id="Box-Banner-ads">
<a target="_blank" href="http://supardipunya.blogspot.com"><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="hhttp://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
</div></center>
Untuk jumlah iklan yang ingin Anda tampilkan Anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. Ganti kode berwarna merah dengan alamat url Anda sendiri. Dan kode warna biru dengan alamat url tempat Anda menyimpan image/gampbar.
<center><div id="Box-Banner-ads">
<a target="_blank" href="http://supardipunya.blogspot.com"><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
Berikut contoh hasilnya :
Semoga bermanfaat….
Tidak ada komentar:
Posting Komentar