Anda tentu sudah pernah melihat sebuah widgate melayang pada halaman web?, entah berbentuk icon status YM atau sebuah iklan. Nah sekarang kita akan membahas Cara membuat Iklan Float image atau iklan yang melayang , sebenarnya trik ini modifikasi dari cara membuat icon back to top.
Langsung aja menuju blog anda masing - masing :
1. login
2. Pilih Tata Letak
3. silahkan tuju pada halaman edit HTML.
4. kemudian letakan kode dibawah ini diatas tag </body>
Posisi iklan Atas-Kiri
| <a href=' http://www.iklan_blogsopt.com ' style='display:scroll;position: fixed; top:5px;left:5px;' title=' ganti title anda disini ' ><img src='Image yang akan tampil sebagai iklan'/></a> |
Posisi iklan Atas-Kanan
| <a href=' http://www.iklan_blogsopt.com ' style='display:scroll;position: fixed; top:5px;right:5px;' title=' ganti title anda disini '><img src='Image yang akan tampil sebagai iklan'/></a> |
Posisi iklan Bawah-Kiri
| <a href=' http://www.iklan_blogsopt.com ' style='display:scroll;position: fixed; bottom:5px;left:5px;' title=' ganti title anda disini '><img src='Image yang akan tampil sebagai iklan'/></a> |
Posisi iklan Bawah-Kanan (sebagai contoh)
| <a href=' http://www.iklan_blogsopt.com ' style='display:scroll;position: fixed; bottom:5px;right:5px;' title=' ganti title anda disini '><img src='Image yang akan tampil sebagai iklan'/></a> |
Edit :
1. Ganti warna biru dengan link yang anda hendaki.
2.Dan wara merah dengan images yang anda miliki.
3. Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; (Posisi iklan
Bawah-Kanan sebagai contoh)
4. Anda juga bisa mengganti posisi images dengan menganti position: fixed; dengan position: absolute;
position: relative; dan position: static;.
2.Dan wara merah dengan images yang anda miliki.
3. Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; (Posisi iklan
Bawah-Kanan sebagai contoh)
4. Anda juga bisa mengganti posisi images dengan menganti position: fixed; dengan position: absolute;
position: relative; dan position: static;.
