Cara Membuat Tombol Back to Top


         Malam semuanya..., pasti kebanyakan kalian sudah tidur semua kan.., hehe.., (sotoy)., ya eyalah.., saya kan saudaranya Ki Joko Bodo (dari Hongkong).., aneh...aneh...aja ya.,?? ya malam-malam gini kalau tidak nulisa post rasannya tak enak..., betul tidak ? pasti betul..., ya..kali ini saya akan memposting "Cara Membuat Tombol Back To Top" tau tidak apa'an itu ?? kalian bisa liat di PKB (Pojok Kanan Bawah) hwehehehehe..., tau kan yang gambar panah keatas itu.., coba di klik.., wahhhhhhh..., kenapa ??.., kembali ke atas ya..., hehe..., gitu aja heboh.., kalian mau tidak dipasang Tombol Back to Top di blog kalian ?? ta sudah deh .., saya kasih tau caranya :

1. Seperti biasa..., login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Paste kode berikut sebelum kode ]]></b:skin> :

.gototop {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNvvgyZy7aF6wyBnKK0ijDxMf6cD-ucl1I1zckGJhXtM8lMETCS6R5nOwlpeyU-hx1bSL44Ld5QVDsaFODIIungOtv5GAsqpS0uFGtRNUjB9wLWItA1S1YO6lw8qkIS5Y8_Yf6USrsiI/s400/arrowtopdt6.gif)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:17px;
height:17px;
overflow:hidden;
outline:none;
right:8px;
bottom:35px
}

4. Selanjutnya, cari kode  </body> . Paste kode berikut di atasnya:

<a class='gototop' href='javascript:scroll(0,0)' title='Go to Top'>Top</a>



5. Terakhir, klik Save Template untuk menyimpan perubahan.



    Jangan lupa kasih komentar ya...

Artikel Terkait

14 komentar:

Indovision mengatakan...

Thx di coba dulu.

Deo Pradipta mengatakan...

ok! ok!

Anonim mengatakan...

mantap GAn THAnk yahhhhh

Anonim mengatakan...

Nice to blog deo..

Deo Pradipta mengatakan...

oke gan.. thankz :)

Andi Anagh Design mengatakan...

gan..
ini tombolnya gak bisa lebih besar lagi yaa???
T.T

Deo Pradipta mengatakan...

bisa sob.. atur yg ini width:17px;
height:17px;

Lizie Kamila mengatakan...

bisa untuk templete blog klasik ga? Thank's

Deo Pradipta mengatakan...

bisa aja.. ini tutorial buat template yg masih ori X3

Unknown mengatakan...

jadi bingung... nyoba satu2 deh...
http://www.animesubscorner.com/

Deo Pradipta mengatakan...

ehehe, semoga berhasil sob :D

Unknown mengatakan...

visit here http://indonesiantraveller12.blogspot.com/

Deo Pradipta mengatakan...

langsung ke lapak sobat^^

Unknown mengatakan...

Gatot... :p

Posting Komentar

Askorus Distro Askorus Distro
Copyright 2010 - 2012 ^ Akatsuki Blog™ - Compatible with Chrome 1024 x 768 -