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

bebas komunitas mengatakan...

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

eagleval mengatakan...

:)
pertamax ok

putro mengatakan...

@ all : makasih semua atas kunjunganya

chord mengatakan...

tes back link... he

advent hia mengatakan...

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

blog buat bloggers mengatakan...

makasih tutorialnya sobat

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

fransenrikosiregar mengatakan...

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

Dunia IT mengatakan...

keren artikelnya bro..

Imtikhan 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

Admin 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

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

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 )