cara membuat/memasang widget melayang

postingan kali ini, saya akan mengajarkan kepada kalian trik lama, yaitu cara pasang widget melayang(biasanya gambar).
maksud dari melayang ialah, jika schrol di geser keatas maupun kebawah, maka widgetnya tidak akan ikut bergerak, alias widgetnya tetap pada posisi yang sama, walaupun schrol digeser kemana mana.!
nah, jika kalian tertarik berikut caranya;
  • log in
  • tata letak/layouts
  • sebagai antisipasi,download template kalian
  • selanjutnya cari code ini ]]></b:skin>
  • kalo gak ketemu tekan cntl+ftrus,copy code yang ingin di cari kemudian paste di colom yang di sediakan.
  • nah,kalau sudah ketemu, copy code berikut;

#widget_fly {
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); }


  • trus,paste diatas code ]]></b:skin>
  • ket; text warna merah adalah posisi widget, bottom-left memberi perintah dimana posisi widget akan terletak di bawah-kiri(kalau mau, silahkan atur sendiri posisinya
  • simpan dulu templatenya

  • langka
    selanjutnya, klik, elemen halaman
  • tambah gadget
  • HTML/java script
truz copy code berikut;
<div id="widget_fly">

[masukkan code widget kalian disini]

</div>

  • kemudian paste kedalam colom content
  • ket: hapus text warna merah,trus masukkan code widget kalian, terserah mau diisi apaan, gambar, jam, calender, hitcountre, atau apalah, terserah kalian
  • kalo udah, jangan lupa di simpan ya.!

5komentar:

  • beby mengatakan...
    • kalo masang gambarnya lbiih dari satuu gmna.?

  • Anonimmengatakan...
    • Thanks ya sangat berguna untuk optimasi blogku

  • arief mengatakan...
    • sippp deh

  • Muhammad Tian Maulana S mengatakan...
    • makasih ya

      thank's banget dech

  • halimah mengatakan...
    • boleh juga dicoba neh. makasih tipsnya gan ^_^

Posting Komentar

Sudah bacanya? silakan berikan opini :)

 

Simple CSS3 blogger template. Design by indam, original from Bontang, Indonesia and thanks to Ollie