Sekian lama~ aku tak posting~. karena kesibukanku~ , dalam kesempatan yang sempit ini aku akan memposting tentang blogging tutorial. Tidak jauh - jauh dari postingan yang sebelumnya 'Cara Membuat Tombol Back to Top', kali ini aku akan membahas postingan sebaliknya. Yaitu 'Cara Membuat Tombol Go to Bottom' , kode - kodenya sederhana dan tidak ribet juga hampir sama dengan tombol back to top , hanya beda kata 'top' dan 'bottom'.
- Seperti biasa..., login ke akun Blogger anda
- Plih Layout > Edit HTML
- Paste kode berikut sebelum kode ]]> :
.gotobottom {
background:url(http://billblakey.com/icons/48/down%20button.png)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:48px;
height:48px;
overflow:hidden;
outline:none;
right:8px;
top:35px
} - Selanjutnya, cari kode </body> . Paste kode berikut di atasnya:
<a class='gotobottom' href='#footer' title='Go to Bottom'>Bottom</a>
- Terakhir, klik Save Template untuk menyimpan perubahan dan lihat hasilnya..
- Berhasil ? Minta komentarnya yah blogger :D
Artikel Terkait
Langganan:
Posting Komentar (Atom)
4 komentar:
link blogku mana ><
link exchange
sabar brew.. udah gue pasang... ;)
Aduhh Udah lama saya gak online..
SOb..
Aku mau nanya sihh..?
Knapa sih Blog aku selalu ancur...
aku juga jarang OL sob -_- .. ya mungkin masih perlu blajar dalam desain blog sob.. tekuni aja yak ^^
Posting Komentar