CARA MEMBUAT TOMBOL KEMBALI KE ATAS ( Ala Rozy )

1. Loggin ke akun blogger sobat
2. Pilih Design lalu Edit HTML
3. Pasang kode di bawah ini di atas tag </head>
 

wwwrozysecrets.blogspot.com

<!-- SCROLLING BACK-TO-TOP --><br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template sobat sudah terdapat script jQuery 1.3.2, maka sobat tidak perlu lagi menambahkan kode ini --> <script type='text/javascript'> $(function(){ $('a[href*=#top]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body').animate({scrollTop: targetOffset}, 1000); return false; } } }); }); </script><br /> <!-- SCROLLING BACK-TO-TOP END --><br /> </div>

4. Kalau sudah sobat cari kode kemudian tambahkan atribut id='top' di dalam kode tadi sehingga hasilnya seperti ini
5. Langkah yang terakhir sobat cari kode letaknya paling bawah di atas tag HTML, dan pasang kode berikut di atas kode tadi.

wwwrozysecrets.blogspot.com

<div id='gotop'><a href='#top' title='Go to Top'><br /> <img src='http://feryinteristi.fileave.com/arrow2-green-32.png' style='right:20px;bottom:20px;position:fixed'/><br /> </a><br /> </div></div>

6. Simpan pekerjaan sobat.

Ket : http://feryinteristi.fileave.com/arrow2-green-32.png bisa di ganti dengan url gambar sobat. Untuk download gambarnya klik Di sini kemudian upload gambar ke image hosting sobat lalu copy direct link-nya.

Semoga bermanfaat.
Alhamdulillah...

Share