Sunday, December 25, 2011

0
Membuat Gambar Melayang di Pojok Blog

Do you want to share?

Do you like this story?

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 :

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

#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); }
- Pada kode yang di beri warna merah silahkan di ganti seperti bottom menjadi top atau left menjadi right
- 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.
Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari BO-oX di inbox anda:

0 comments:

Post a Comment