Kali ini saya akan memberikan tips tentang Cara Membuat Back To Top Dengan JQuery, Back to top merupakan aplikasi (widget) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini tidak asing lagi di telinga para sobat blogger.
Buat sobat blogger yg berminat, silahkan ikuti langkah di bawah ini :
1. Login Blogger
2. Setelah di dasbor, pilih Rancangan.
3. Pilih edit Html.
4. Cari kode </head> , utk mempercepat pencarian tekan tombol Ctrl + F.
5. Copy paste kode berikut ini, diatas kode </head> tadi.
6. Setelah itu cari kode <body>, lalu tambahkan kode id='top' ke dalam kode <body> sehingga kodenya akan seperti ini >> <body id='top'> .
7. Selanjutnya cari kode </body> dan copy paste kode di bawah ini di atas kode </body> .
8. Simpan template dan lihat hasilnya.
Keterangan :
* https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmiBp9fKgL-NKHOinO92Umezr8AZDhTLyHowfHJTqxFesIDmhi_Op9P6eGrDEUoyvab4L3InCz7LqtQ7fY0WQO4E6qEacANzYwRwVtnfUOO1ewUCGPendcic5JOhNdyQ0UdH2X0Ii3FO4/s400/arrow1-blue-32.png >> URL Gambar.
* right:20px;bottom:20px; >> Posisi gambar pd template 20px dari bawah dan kanan.
* Untuk gambarnya bisa download disini >> Download
* Untuk mendownload anda akan diarahkan ke adf.ly. Tunggu 5 detik dan klik LEWATI di pojok kanan atas. Jika belum mengerti silahkan klik ini >> DiSini
Semoga Bermanfaat.
6 komentar:
ada juga sob tentang back to top., ada di artikel saya.. silahkan lihat disini http://acernoval.blogspot.com/2011/02/cara-membuat-back-to-top-animation.html terimakasih :D
@AcerNoval
ok gan..
langsung meluncur ke tkp...
nice post gan ,
http://oke-share.blogspot.com/
sekalian blogwalking gan
@Oke Share
ok gan...
aQ mau bookmark dulu artikel ini,, thanks infonya^^
@online internet
sama2 sob...
Tulis Komentar Anda
BLOG INI DOFOLLOW...
Berikanlah sedikit komentar anda, maka anda juga memperoleh keuntungan, tapi jangan NYEPAM...
Jika tidak bisa berkomentar, gunakan "Pop Up Kotak Komentar" di bawah ini....
Klik Disini Untuk Pop Up Kotak Komentar