Back To Top Bounce Minions

1.   Login ke blogger, kemudian pilih Template, lalu Edit HTML

2.   Jangan lupa centang Expand Template Widget

3.   Lalu cari kode ]]></b:skin> dengan CTRL +F supaya mudah

4.   Kemudian copy paste kan kode dibawah ini tepat diatas kode ]]></b:skin>

#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}

5.   Kemudian cari kode </head>

6.   Copy kan kode dibawah ini tepat dibawah kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() > 100) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } }); $('#toTop > img').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

7.   Kemudian simpan template

8.   Kemudian pilih Tambah Gadget dan pilih HTML/Javascript

9.   Lalu copy kan kode dibawah ini :

<div id='toTop'> <!-- Back to top animation written by BaraAtmaja | edited by AtmajaBara --><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVWDIVT1ur5PNKhdWsjpi_MXNra-nMManRV0mZ1mF8fEPMdcy_U9I08U035bdFp3U_My_e_Qt0LbulBKfUvc5Ucbgx6pbA4NIpVdDpaW-_IPnws4rGMzTlzf2K37MV6fKP1BHQVid-zo8/s1600/Th.png' style='margin-right:-9px'/></div>
10.  Kemudian simpan
11.  Lihat Blog

Read more »