Sudah berlangganan artikel blog ini via RSS Feed?

Membuat Icon Back to Top

Icon Back to top yang dulu pernah fenomenal ini, sekarang kita akan bahas kembali. Temen - temen ada yang ingat dengan cara membuat widget melayang? jika temen - temen ingin melihat silahkan baca artikel sebelumnya mengenai status YM melayang. Nah tampilannya tidak jauh dengan itu . Icon back to top ini sangat berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi temen - temen tidak perlu lagi melakukan scrollbar pada browser.

Langsung aja menuju blog anda masing - masing :

1. login
2. Pilih Tata Letak
3. Silahkan tuju pada halaman edit HTML.
4. kemudian letakan kode dibawah ini diatas tag </body>


<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i396.photobucket.com/albums/pp48/putro16/Jumptotop.gif'/></a>

5. Simpan Temlate

Mau edit :
  • Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; Anda juga bisa
  • Mengganti posisi images dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static;
Jika ada pertanyaan seputar cara membuat  Back to top silahkan komentar :)
Selamat mencoba.... 

Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

28 komentar:

401notfound mengatakan...

mantap

Sintia mengatakan...

sip.... nich.. :)

lina mengatakan...

bagus............. pertamax

Septiar Alif Saputro mengatakan...

sip bikin g pegel2 lo scrollnya panjang,... :D

okokoko mengatakan...

:)
pertamax ok

CHORDPOPROCK mengatakan...

@ all : makasih semua atas kunjunganya

chord mengatakan...

tes back link... he

Rahmat A. Hia mengatakan...

ntar ak cobain yach...mudah mudahak aja bisa.
tks sebelumnya...

blog buat bloggers mengatakan...

makasih tutorialnya sobat

Unknown mengatakan...

makasih

tama mengatakan...

oke dah boz

Yuda mengatakan...

Saya sudah coba membuat tombol "Back To Top" dan berhasil tetapi kenapa kadang-kadang favicon di address bar berubah. Mohon pencerahannya.
Terima kasih.

Yuda mengatakan...

Sorry Mas, saya salh menempatkan script.
Sekarang Tombol Back to top sudah normal. Terima kasih tutorialnya.
Oh ya profile lengkap author blog ini dimana? soalnya kalau yang dik anan bawah saya pikir kurang lengkap.

Frans Enriko Siregar mengatakan...

wueshhh... keren mas. dh lama nyari ni, dpet juga.
Thank u Mas

Dunia IT mengatakan...

keren artikelnya bro..

Unknown mengatakan...

Thanks infonya sobat
langsung izin follow ya
jika berkenan follow balik.
Terima Kasih.

Tip Trik Blogger mengatakan...

salam kenal sobat
blognya keren.

Info Kita1978 mengatakan...

trims atas script back to top-nya, mantap.

brenkswap mengatakan...

wah..terimakasih.infonya mas.

Gambar Keren mengatakan...

ijin nyoba bosss :D

Mhd Hery Pratama, S.Pd mengatakan...

thanks infonya, uda saya praktekin dan berhasil sob..

link balik y sob, link sobat ud saya pasang di blog sy:

http://herypratama.blogspot.com

thanks

Nagapasha mengatakan...

saya coba dulu sob...

Rasimun Way mengatakan...

sip banget infonya

jual karpet mengatakan...

bisa juga di coba

toko bunga banjarnegara mengatakan...

kalau membuat tombol kembali keatas tapi tidak sampai header, kenapa mas apa ada script yang salah

Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia mengatakan...

wahh baguss kak :D

obat lemah syahwat mengatakan...

makasih infonya siap untuk dipraktekan

Obat Pembesar Penis Titan Gel asli mengatakan...

BLOG YG SANGAT BAGUS DAN ARTIKEL YG MENARIK DAN BERMANFAAT. TERIMAKASIH

Posting Komentar

 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )