Cara Membuat Slot Iklan Efek Hover

Slot iklan dengan efek hover

Kemarin saya sudah memposting cara membuat iklan melayang di blog. Sekarang saya akan berbagi cara pasang slot iklan dengan efek hover di blog. Slot iklan ini dapat dapat dipasang di sidebar blog dan tampilannya cukup menarik. Masih bingung dengan fungsi slot iklan ini? Slot iklan ini sebagai tawaran kepada pengunjung untuk memasang iklan di blog anda. Uang yang didapat dari spot iklan tersebut dapat dijadikan untuk membeli kuota internet, kopi, rokok, dan lain sebagainya. Jangan lupa dibagi sama kawannya ya...heeee. Selain itu dapat juga digunakan untuk gambar dari review anda. Misalnya anda membuat review obat herbal, maka gambar yang anda review dapat ditempatkan pada slot iklan tersebut. Tampilan slot iklan disertai dengan efek hover sehingga slot iklan tersebut terlihat menarik dan atraktif. Selain itu slot iklan ini tidak terlalu banyak memakan beban loading blog alias loadingnya cepat karena hanya dibuat dengan css dan html sederhana. Bagaimana? anda tertarik? silahkan ikuti langkah cara membuat slot iklan dengan efek hover pada sidebar blog.

Cara membuat slot iklan dengan efek hover

• Log in ke blog anda
• Klik Rancangan atau Tata Letak
• Klik Tambah Gadget
• Plih HTML/JavaScript
• Masukkan kode berikut ke dalamnya. Update 10 Agustus 2015

<style type="text/css" scoped="scoped">
#pepesayam-ads img {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c0c0c0;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;transition: all 0.45s ease-out}
#pepesayam-ads img:hover {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c33f00;border-radius:0px;}
</style>
<div id="pepesayam-ads" align="left">
<table cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
<tr><td><center>
<a href="ALAMAT PEMASANG IKLAN" rel="nofollow" target="_blank" title="Rp. 10.000 perbulan">
<img alt="pasang iklan" width="125" src="http://i745.photobucket.com/albums/xx97/bengkelblogger/ad-here_zpstite11wx.png" height="125" title="Rp. 10.000 perbulan"/></a>
</center></td>
<td><center>
<a href="ALAMAT PEMASANG IKLAN" rel="nofollow" target="_blank" title="Rp. 10.000 perbulan">
<img alt="pasang iklan" width="125" src="http://i745.photobucket.com/albums/xx97/bengkelblogger/ad-here_zpstite11wx.png" height="125" title="Rp. 10.000 perbulan"/></a>
</center></td></tr>
<tr><td><center>
<a href="ALAMAT PEMASANG IKLAN" rel="nofollow" target="_blank" title="Rp. 10.000 perbulan">
<img alt="pasang iklan" width="125" src="http://i745.photobucket.com/albums/xx97/bengkelblogger/ad-here_zpstite11wx.png" height="125" title="Rp. 10.000 perbulan"/></a></center></td>
<td><center>
<a href="ALAMAT PEMASANG IKLAN" rel="nofollow" target="_blank" title="Rp. 10.000 perbulan">
<img alt="pasang iklan" width="125" src="http://i745.photobucket.com/albums/xx97/bengkelblogger/ad-here_zpstite11wx.png" height="125" title="Rp. 10.000 perbulan"/></a></center></td></tr>
</tbody></table>
</div>

• Ganti kode merah sesuai petunjuk. Kalau belum ada pemasang iklan, isi saja dengan alamat blog anda
• Ganti Rp. 10.000 pada kode biru sesuai harga yang ingin ditawarkan pada masing-masing spot iklan
• Selanjutnya klik Simpan dan letakkan di sidebar blog
• Sekarang anda sudah memiliki space iklan yang bisa ditawarkan pada tiap pengunjung

Demikian cara membuat slot iklan 125x125 di sidebar blog. Semoga artikel cara membuat slot iklan dengan efek hover ini dapat memberi manfaat bagi semua, amin. Salam sahabat blogger.

Share this post