Bangiz - Ada banyak trik dalam membangun sebuah situs atau blog supaya kelihatan lebih rapi, enak dipandang, profesional, dan orang mau kembali lagi untuk membaca. Beberapa faktor menjadi sangat penting, sehingga pembaca dapat dengan mudah mendapatkan informasi yang dibutuhkan. Mulai dari navigasi situs, kecepatan, tampilan, dan penyampainya konten.

Berikut ini adalah salah satu trik yang bisa Anda gunakan untuk blog yang Anda miliki yaitu dengan membuat widget melayang dan tetap terlihat ketika mouse di scroll ke sampai bawah. Widget ini bisa juga disebut dengan widget sticky. Dengan widget ini, Anda bisa menonjolkan sesuatu dari website atau blog Anda supaya lebih banyak terlihat. Jika Anda tertarik untuk menggunakannya berikut adalah cara membuatnya:
sticky widget
Sticky widget
1. Masuk ke dasbor Blogger.

2. Pilih Template > lau klik Edit HTML.

3. 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>
4. Simpan template

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

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

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

Demikian tutorial tentang cara membuat widget melayang pada blog. Jangan lupa bantu bagikan melalui sosial media karena siapa tahu ada teman Anda yang membutuhkan tutorial di atas. Ikuti juga +Bangiz untuk mendapatkan info menarik lainnya.

Loading...
 
Top