Cara Membuat Widget Melayang/Floating Widget

Selamat pagi menjelang siang kawan, mungkin banyak yang sudah tahu mengenai widget melayang/floating widget. Ya, kali ini saya akan membahasnya mengenai cara membuat widget melayang atau floating widget.

Langsung saja ke bagian pembuatan,
      • Seperti biasa anda harus Login ke akun blogger anda terlebih dahulu
      • Setelah itu pilih Rancangan -> Edit HTML jangan lupa centang Expand Template Widget
      • Cari kode seperti ini ]]></b:skin>
      • Setelah itu masukan kode dibawah ini sebelum kode ]]></b:skin>                                             <!-- Floating Widget Mamka Blog -->
        #melayang {position:fixed;_position:absolute;top:10px; left:10px;clip:inherit;
        _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
        _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
      • Setelah itu mauk ke elemen laman/tata letak
      • Add a widget/tambahkan gadget
      • Pilih HTML/JavaScript, masukan kode berikut                                                                              <div id='melayang'>
        Kode widget anda
        </div>  
      • Selesai,


      4 komentar:

       
      Hak Cipta © 2013 Mamka blog - 'Personal' blog | Mkanam - Didukung oleh Blogger