loading...
Deloiz.com - Widget merupakan atribut yang dapat ditambahkan pada sebuah blog atau situs web. Dengan adanya widget kita dapat menampilkan berbagai konten dari pihak ketiga atau maupun layanan yang sudah tersedia dari Blogger. Misalnya: iklan adsense, thumbnail Youtube, entri populer, label, kalender, tombol sosial media dan sebagainya.

Adapun maksud melayang disini ialah widget tersebut akan selalu berada pada tempatnya meskipun kita scroll atau menggulung mouse ke bawah halaman. Apabila Anda tertarik untuk mencobanya, langsung ikuti saja caranya berikut ini:
widget blog melayang
Buat widget melayang
1. Masuk ke dasbor Blogger.

2. Pilih Template > Edit HTML > Cari kode </body> (gunakan Ctrl+F untuk memudahkan).
<script type='text/javascript'>
      $(document).ready(function(){
    $("#on-top").sticky({topSpacing:0});
      });
    </script>
<script src='https://googledrive.com/host/0B0Dd8XYrtgdDQS03RzFLSmx6RVE/sticky.js' type='text/javascript'></script>
3. Simpan template

Langkah berikutnya adalah menambahkan kode pada widget yang akan dibuat melayang.

4. Dari dasbor Blogger pilih Tata Letak > Tambahkan Gadget > Cari HTML/Javascript.

5. Pada kolom konten tambahkan kode berikut:
<div id="on-top"> Kode widget paste disini  </div>
6. Simpan widget dan lihat hasilnya.

Sekian tutorial Blogger kali ini tentang cara membuat widget melayang di blog.  Jika ada pertanyaan seputar topik di atas silahkan tinggalkan komentar. Jangan lupa bantu bagikan melalui sosial media karena siapa tahu ada teman Anda yang membutuhkan tutorial di atas atau ikuti kami di sosial media untuk mendapatkan info terbaru.

Loading...

Post a Comment Blogger

Loading...
 
Top