Pages

Membuat Tombol Back To Top

09 March 2011

Berbicara tentang mempercantik tampilan blog memang gag ada habisnya. Apalagi membuat pengunjung menjadi nyaman baca didalam blog. Untuk itu dibutuhkan sedikit tambahan yaitu Membuat tombol back to top. Hal itu berfungsi untuk membuat cursor serta mengarahkan postingan ke atas. Tombol back to top ini dapat sangat berguna buat temen-temen yang bacaan postingannya banyak hingga ke bawahbawah. Mungkin ada yang gag sabar, mari kita buat tombol back to top :
  1. Login ke account blogger
  2. Pilih Rancangan --> Elemen Laman
  3. Tambah Gadget --> HTML/Javascript
  4. Tambahkan kode berikut didalamnya
    <style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwiRVt2kRMH6lefTo8YGk-BN18gE2MYCDG-AYr1I1KxBEczQGabYM0pGYDgAj3IqIkQlYbGuuOBg63-AO1MHZPodG4Rs6rUk7Vzeo9atT618yQr16cDGdhJEYVEyKeK2LRIohN76Aw4Q/s400/back-to-top.gif" /></a></div>

    Tulisan yang berwarna hijau merupakan link dari tombol back to top, jika sobat memiliki gambar untuk tombol back to top dapat mengganti tulisan yang berwarna hijau dengan link yang sobat miliki
  5. Simpan
Sekian tutorial Membuat tommbol back to top selamat mencoba :)

No comments:

Post a Comment

 

Populer