Membuat gambar melayang paling banyak di gunakan untuk memasang twitter button, tapi selain itu juga tombol share seperti twitter, google +1 dan facebook sering dipasang melayang di bagian kiri tengah. Pada postingan kali ini BO-oX akan berbagi sedikit tutorial cara membuat gambar melayang di pojok blog, untuk contohnya silahkan lihat pada gambar ini :
- Jika sudah selesai cari lagi kode berikut </body> dan letakkan kode di bawah ini di atas kode tadi
<div id='trik_pojok'>
<a href="YOUR LINK"><img src="YOUR PICTURE"></a>
</div>
- Pada teks yang berwarna merah silahkan di edit sesuka anda
- Save Template dan selesai
Jangan lupa untuk Join di Forum Punya BO-oX dan cari tau juga bagaimana Cara Mendapat Banyak Klik Valid. Selamat mencoba trik berikut dan salam blogger dari BO-oX.
Klik gambar untuk memperbesar !!!
Membuat Gambar Melayang di Pojok Blog :
- Log in ke blogger.com dan pilih Template -> Edit HTML (ini untuk tampilan blogger.com yang baru)
- Beri tanda centang pada tulisan Expand Widget Templates
- Jika sudah cari kode berikut ]]></b:skin> dan letakkan kode di bawah ini di atas kode tadi
- Pada kode yang di beri warna merah silahkan di ganti seperti bottom menjadi top atau left menjadi right
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
- Jika sudah selesai cari lagi kode berikut </body> dan letakkan kode di bawah ini di atas kode tadi
<div id='trik_pojok'>
<a href="YOUR LINK"><img src="YOUR PICTURE"></a>
</div>
- Pada teks yang berwarna merah silahkan di edit sesuka anda
- Save Template dan selesai
Jangan lupa untuk Join di Forum Punya BO-oX dan cari tau juga bagaimana Cara Mendapat Banyak Klik Valid. Selamat mencoba trik berikut dan salam blogger dari BO-oX.