panduan blogger - back to top button

Terdapat juga theme diluar sana tidak ada fungsi back to top. Jadi ia akan memberi masalah jika blog akan mempunyai artikel yang panjang. Jika terdapat fungsi ini ia akan memudahkan pengunjung untuk melayari blog anda.

  1. Pergi ke menu “Theme” > Pilih “Edit HTML“.
  2. Cari code </head> dan masukkan code jQuery dibawah pada sebelum / atas </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>

3. Kemudian cari code ]]></b:skin> dan masukkan code dibawah pada sebelum / atas ]]></b:skin>

/*Back To Top - naktolong.com*/
#top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}
#top:hover{background-color:#b55be5}
/*End*/

Nota : Jika mahu tukar warna butang, sila tukar code warna #b55be5 dengan code warna yang anda mahu

4. Cari pulak code <body> dan masukkan code dibawah ini selepas / bawah <body>

 /*Back to top - Naktolong.com*/
<a href='#' id='top'><img alt='Back To Top' src='https://cdn.statically.io/img/4.bp.blogspot.com/-ifgZkuwnPnE/U33PmO8aLpI/AAAAAAAAAoY/CXnILaXEP88/s1600/btp.png'/></a>
<script type='text/javascript'>
//<![CDATA[
//Scroll Top
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//]]>
</script>

5. Save theme

Jika terdapat soalan atau pertanyaan boleh tinggalkan komen dibawah ye

LEAVE A REPLY

Please enter your comment!
Please enter your name here