Cara Memasang Back To Top Animasi Pada Blog
Dikirim oleh Andi Syam
Sabtu, 16 Juni 2012
27 Komentar
Post views:
Back to top adalah scroll ketas dengan sekali klik mouse, biasanya banyak kita lihat pada blog-blog dimana berfungsi untuk mempermudah pengunjung blog melakukan scrolling pada halaman blog atau web. Kali ini admin Belajar Komputer memenuhi permintaan dari sobat AH-SITE Blog yang mempertanyakan cara memasang back to top animasi seperti yang saya punya.
Sebenarnya mudah saja disini sobat tidak perlu mengedit template, cukup memanfaatkan javascript dan menempatkan pada sebuah widget, untuk mempermudah berikut langkah-langkahnya :
Selain di widget, sobat dapat menempatkan kode diatas pada template sobat, dengan cara yang sama pilih Edit HTML kemudian beri centang pada Expand Template Widget kemudian cari kode </body> yang selanjutnya tempatkan kode diatas (poin 3) tepat diatas kode </body>, jangan lupa kode tersebut dipasrse terlebih dahulu, untuk mudahnya sobat bisa menggunakan tool parse disini, kemudian simpan template sobat.
Mudah bukan, mudah-mudahan artikel kali ini bermanfaat. Wassalam
CZQ2K7X24G7T
- Login ke akun Blogger sobat kemudian pilih Rancangan
- Kemudian pada Elemen laman tambahkan sebuah widget kemudian pilih HTML/JavaScript atau sobat bisa memanfaatkan widget yang sudah ada tentunya yang berada pada bagian bawah (bottom)
- Kemudian copy dan pastekan code berikut pada widget yang barusan sobat tambahkan :
<script src="http://belajar-komputer.googlecode.com/svn/trunk/www.andisyam.web.id/js/backtotop.js"></script>
- Kemudian simpan dan lihat hasilnya
Selain di widget, sobat dapat menempatkan kode diatas pada template sobat, dengan cara yang sama pilih Edit HTML kemudian beri centang pada Expand Template Widget kemudian cari kode </body> yang selanjutnya tempatkan kode diatas (poin 3) tepat diatas kode </body>, jangan lupa kode tersebut dipasrse terlebih dahulu, untuk mudahnya sobat bisa menggunakan tool parse disini, kemudian simpan template sobat.
Mudah bukan, mudah-mudahan artikel kali ini bermanfaat. Wassalam
CZQ2K7X24G7T
| Tweet |
Article Information :
Reviewer : Andi Syam
Description : Cara Memasang Back To Top Animasi Pada Blog
Item Reviewed : Cara Memasang Back To Top Animasi Pada Blog
Rating : 4.5
Incoming search : Tutorial Blogger , Cara Memasang Back To Top Animasi Pada Blog
Reviewer : Andi Syam
Description : Cara Memasang Back To Top Animasi Pada Blog
Item Reviewed : Cara Memasang Back To Top Animasi Pada Blog
Rating : 4.5
Incoming search : Tutorial Blogger , Cara Memasang Back To Top Animasi Pada Blog
27 Komentar untuk "Cara Memasang Back To Top Animasi Pada Blog" | Tambahkan komentar
nice share tutorial kawan :)
ilmunya sangat bermanfaat sobb, apa lagi ane yang baru belajar coding
Menarik sekali sob. Terimakasih sudah berbagi.
Salam
TambelanBlog
oh, yg gambar penunjuk yg warna hijau sebelah kanan ini ya gan
apa ngga bikin berat blog ya.?
thanks gan...
Nice share gan.. klo halamannya panjang emang lebih memudahkan :D
Nice post friends, mampir ya
This is a very nice tutorial. The Back to Top button is a must for any website or blog that plans to have a continuous array of posts. It would also be great if you plan to load posts or downloads as the visitor scrolls down much like how Facebook does it. I really wish Facebook had this so I don't have to scroll all the way up.
Hmmm... ini sudah dalam bentuk instant jazascript jadi gak repot. Lumayan jika dipakai, moga aja bisa cocok sama template ;)
Good Morning Tuesday to all
wah mantep nih dari pada pake scroll jadi gak enak viewnya karena sempit..
event ngeblog: menulis di blog dapet android, ikutan yuk!
postingan yang bagus
keren sob..bisa di coba tu kapan kapan..
nice artikel
mampir juga kesini ya sob dan mohon dukungannya
http://eflianda.blogspot.com/2012/06/lakucom-belanja-online-grosir-eceran.html
artikel yang menarik nih sob.
oke..trimakasih tutorialnya sobat...sambil mencari rezeki ALLAH
Trims atas infonya, nanti saya coba
bikin berat gak sob sama blog, takutnya blog jadi lama loadingnya
Bermanfaat ne sob, apalagi untuk konten yang panjang.
thanks sob udah share..
Mudah juga ya. terima kasih telah berbagi, salam kenal.
previewx mana sob? ?
siapa taw aja cocok buat ane pasang di blog :D
Info yang menarik Master :D
mampir dan absen setelah liburan panjang.
Salam
makasih bro.... tipsnya.
Cool tutorial bro! It was in your language but I sort of understood it anyway.
By the way, thank you for your greetings. See you!
kalau mau rubah warnanya
Mantap..sob tapi syng nya sy lagi via mobile..besok2 ta coba ya sob.. :)
Memudahkan pembaca untuk back to top sob,,,,
@Oboy Betul sekali sob, thanks ya udah komentar
Sampaikan Pesan Sobat yang sesuai dengan materi yang diposting...Don't Spam