• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
How Sweet To Your Life
  • Home
  • Tutorial Blog
  • TV Online
  • SMS Gratis
Home » Tutorial Blog » Membuat Tombol Back To Top

Membuat Tombol Back To Top

Tombol back to top berfungsi untuk memudahkan pengunjung untuk kembali ke bagian atas dari suatu halaman. pada widget ini selain tombol back to top juga terdapat tombol back to bottom untuk menampilkan bagian bawah halaman.

Langsung saja Sob, berikut caranya :

  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Tombol Back To Top
  • Beri tanda centang pada Expand Template Widget.
    Membuat Tombol Back To Top
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Copy kode berikut dan pastekan di atas ]]></b:skin>
    #floating-up {
    position:fixed;_position:absolute;top:280px; right:0px; clip:inherit;
    _bottom:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    #floating-up a
    {
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    opacity:0.65;
    border:0;
    }
    #floating-up img
    {
    border:0;
    }
    #floating-up a:hover
    {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    }
  • Lalu tambahkan kode <a name='to-bottom'></a> tepat diatas kode </body>.
  • Kemudian cari kode <body>, dan paste kode berikut dibawah <body> :
    <div id='floating-up'>
    <div><a href='#' title='back to top'><img alt='back to top' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-top.png'/></a></div>
    <div><a href='#to-bottom' title='back to bottom'><img alt='back to bottom' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-bottom.png'/></a></div>
    </div>
  •  Terakhir klik Save / Simpan Template.
    Membuat Tombol Back To Top
Silakan dicoba Sob,,, dan semoga berhasil Membuat Tombol Back To Top.
Baca juga : Tutorial Blog
Posted by iD on - Rating: 4.5
Title : Membuat Tombol Back To Top
Description : Tombol back to top berfungsi untuk memudahkan pengunjung untuk kembali ke bagian atas dari suatu halaman. pada widget ini selain tombol bac...

Share to

Facebook Google+ Twitter
Posting Lebih Baru
Posting Lama
Beranda

Artikel Populer

  • Daftar Harga Hp Nokia Terbaru 2015 Lengkap
  • Download Smadav Pro Rev. 9.0.1 Terbaru 2012 (Update)
  • Pengertian Ekspositoris / Eksposisi
  • Pengertian Narasi Serta Contohnya
  • Harga Dan Spesifikasi All New Kia Rio 2014
  • Download Lagu JKT48 Baby! Baby! Baby!
  • Download Serial Number IDM 6.19 build 8 Patch Crack
  • Cara Daftar PayPal Tanpa Punya Kartu Kredit
  • Trik Internet Gratis Telkomsel 27 Juli 2012
Copyright © How Sweet To Your Life - All Rights Reserved.
This Blog Powered by Blogger.com - Ping