Rz
Maret 27, 2015

Bikin Sidebar Melayang Auto Slide

Bikin Sidebar Melayang Auto Slide, Untuk Memaksimalkan Tampilan Sidebar Sobat  Bisa anda coba cara ini, Dengan Membuat sidebar auto slide maka Sidebar tersebut akan Selalu Mengikuti Mouse Saat Di Scrol, Sehingga Sobat Dapat Melihat Terus isi Menu Dari sidebar tersebut, Namun Untuk Kekuranganya Bila isi Sidebar terlalu Terlalu banyak Maka Cara ini Kurang efektif Bila diterapkan pada Blogger anda.
Tak maSalah Jika sobat Mau Ujicoba trik ini.
Nah Dengasn demikian Jika Anda Mau ujicoba Silahkan ikuti Langkah demi langkah Yang hrus anda lalui,
Berikut Ini Langkah Langkah Yang anda harus Lallui
  • Ada harus tau betul Mengenai ID Sidebar Blog Anda, Seperti Pada tutorial ini Kebetulan ID Sidebar Blog MAKNYUSblogger Adalah  #sidebar-wrapper Nah Untuk ID Blogger Anda Perlu Penyesuaian Pas dan tidaknya ID Sidebar Blog Anda Dengan ID Sidebar MAKNYUSblogger.
  • Edit HTML Blog Untuk Mempercepat Pencarian ID Blog sobat Gunakan CTRL+F
  • Untuk Pemasangan Kode Javascript Seperti biasa Gunakan CTRL+F Cari Kode </head> Kemudian Letakan Kode di bawah ini Tepat Di atas Kode </head>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){var offset=$(&quot;#sidebar-wrapper&quot;).offset();var topPadding=10;$(window).scroll(function(){if($(window).scrollTop()&gt;offset.top){$(&quot;#sidebar-wrapper&quot;).stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$(&quot;#sidebar-wrapper&quot;).stop().animate({marginTop:0})}})});
</script>
  • Perhatikan Kode yang Berwarna Merah ( #sidebar-wrapper ) Jangan Lupa Cocokan ID Sidebar Pada blog Anda.
  • Jika Dirasa Semua Sudah CukuP Save Template Dan Liat Hasilnya.  
Mungkin Sampai Disini Saja Penjelasan Tentang Pemasangan Sidebar Melayang Auto Slide Semoga Berhasil .
Anda baru saja membaca artikel tentang - Bikin Sidebar Melayang Auto Slide . Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)

Artikel Terkait

Buka Komentar

Tidak ada komentar:

Posting Komentar