My Blog Gunakanlah Google Chrome Versi Terbaru Untuk Tampilan Maksimal Blog Ini.


Photobucket



Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link.








Cara Membuat Tombol Go to Bottom


  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 Go to Bottom', 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'.

  1. Seperti biasa..., login ke akun Blogger anda
  2. Plih Layout > Edit HTML
  3. 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
    }
  4. Selanjutnya, cari kode  </body> . Paste kode berikut di atasnya:
    <a class='gotobottom' href='#footer' title='Go to Bottom'>Bottom</a>
  5. Terakhir, klik Save Template untuk menyimpan perubahan dan lihat hasilnya..
  6. Berhasil ? Minta komentarnya yah blogger :D

Author: Kevin Owen | About Artikel:

Viewed Article: .
Posting Name: Cara Membuat Tombol Go to Bottom.
Url:http://indo-cheaterpro.blogspot.com/2012/10/cara-membuat-tombol-go-to-bottom.html.

Posting Komentar ~ Back to Content