Cara Membuat Judul Widget Berjalan Otomatis Sticky di Blogspot

Cara Membuat Judul Widget Berjalan Otomatis Sticky di Blogspot

Oke Ketemu Lagi : dengan saya toturialblogcom tentang kali ini saya akan membuat judul widget berjalan otomatis dengan Sticky,ya pasti anda penasarankan apah menu Sticky itu gunanya untuk membuat judul widget berjalan otomatis mengikuti irirangi seroquel muse agar kelihatan di samping blog ga terlalu polos karana judul widget berjalan dengan kode script Sticky pati anda penasaran nya yu kita langsung aja kita simak di bawah ini biyar anda ga penasaran anda bisa melihat menu demo di bawah

Langkah Berikutnya 

  • Login ke blogger cari menu  edit html
  • Lalu Cari kode  ]]></b:skin>  dan letakan kode di bawah di atas kode ]]></b:skin> 


.sticky {
  position:fixed;
  top:20px;
  z-index: 100;
  width:315px;
}

  • Masih edit html anda cari kode </body atau </body> dan letakan 
  • kode di bawah di atas kode </body> atau </body

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $(&#39;#sidebar-tengah&#39;).offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();    
if (scrollTop &gt; stickyWidgetTop) {
    $(&#39;#sidebar-tengah&#39;).addClass(&#39;sticky&#39;);
} else {
    $(&#39;#sidebar-tengah&#39;).removeClass(&#39;sticky&#39;);
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>


  • Kemudian tinggal ganti tulisan yang berwarna merah dengan apa yang kamu gantikan contoh ARCHIVE BLOG jadi anda tingal gantikan saja terserah anda kemudian lalu seve lihat hasilnya ya cukup sekian dari saya wasalam 



SUBSCRIBE TO OUR LETTER

0 Response to "Cara Membuat Judul Widget Berjalan Otomatis Sticky di Blogspot"

Posting Komentar