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.
Related Post :
Tips Blogging
- Tips Agar Blog Anti Klik Kanan
- Membuat Efek Bubble Pada Cursor
- Membuat Efek Bintang Berjatuhan Dari Cursor
- Cara Menampilkan Widget Hanya Di Homepage Dan Halaman Posting Saja
- Cara Membuat Recent Post Slide Show
- Membuat Daftar Isi Tampilan Explorer
- Membuat Artikel Terkait / Related Post
- Cara Menampilkan Status YM Di Blog
- Cara Membuat Menu Navigasi BreadCrumb
- Cara Daftar Envolve Dan Memasang Widget Envolve Di Blog
- Cara Membuat Widget Icon Burung Terbang Twitter
- Cara Membuat Menu Horizontal Drop Down
- Cara Membuat Link Open New Tab
- Memasang Tombol Komentar Klasik Di Atas Kotak Komentar Blog
- Cara Memasang Lagu Di Blog
- Cara Membuat Iklan Melayang Dengan Tombol Close
- Cara Membuat Scroll Pada Kotak Komentar Blogger
- Cara Menyembunyikan NavBar Pada Blogger
- Cara membuat Tab View
- Scan Blog atau Website Anda
- Cara Membuat Daftar Isi
- Cara Memasang Widget Translate Pada Blog
- Pasang Widget Internet Speed Test Di Blog Anda
- Menambahkan Reply Buttoon Pada Komentar Blogger
Subcribe Via Email :
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