Jumat, 15 Juli 2011

Cara Membuat Back To Top Dengan JQuery



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 :
http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S2bGsbtW-vI/AAAAAAAABCA/sXmxVJTXnvI/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.

lintasberita

Related Post :
Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :

6 komentar:

AcerNoval mengatakan...

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

Pendi Agus Bujangga mengatakan...

@AcerNoval
ok gan..
langsung meluncur ke tkp...

Oke Share mengatakan...

nice post gan ,
http://oke-share.blogspot.com/
sekalian blogwalking gan

Pendi Agus Bujangga mengatakan...

@Oke Share
ok gan...

online internet mengatakan...

aQ mau bookmark dulu artikel ini,, thanks infonya^^

Pendi Agus Bujangga mengatakan...

@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....

Status YM

Daftar Link Member KBw /20’