Membuat Tombol Home Melayang

Diposkan oleh Madie Zha on 08 January 2012 at 9:35 PM

Membuat Tombol Home Melayang | Tutorial Blog

Membuat Tombol Home Melayang | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Tombol Back To Top, pada postingan kali ini saya akan berbagi cara Membuat Tombol Home page dan Reload page Melayang.
Langsung saja Sob, berikut caranya :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Tombol Home Melayang
  • Beri tanda centang pada Expand Template Widget.
    Membuat Tombol Home Melayang
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Copy kode berikut dan pastekan di atas ]]></b:skin>
    #floating-home {
    position:fixed;_position:absolute;top:280px; left:0px; clip:inherit;
    _bottom:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    #floating-home a
    {
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    opacity:0.65;
    border:0;
    }
    #floating-home img
    {
    border:0;
    }
    #floating-home a:hover
    {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    }
  • Kemudian cari kode <body>, dan paste kode berikut dibawah <body> :
    <div id='floating-home'>
    <div><a expr:href='data:blog.homepageUrl' title='Home'><img alt='Home' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/home-i.png'/></a></div>
    <div><a href='#' onClick='window.location.reload()' title='Reload page'><img alt='Reload page' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/refresh.png'/></a></div>
    </div>
  • Terakhir klik Save / Simpan Template.
    Membuat Tombol Home Melayang
Silakan dicoba Sob,,, dan semoga berhasil Membuat Tombol Home Melayang.

.:. 26 komentar .:.Post a Comment

  1. Replies
    1. Demonya liat di kanan blog ini ada tombol homepage.
      seperti itu hasilnya.

      Delete
  2. kalo mau dirubah posisinya jadi dikanan gmn gan?

    ReplyDelete
  3. mantep gan, dipake dulu dahhh

    ReplyDelete
  4. makasih gan buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    ReplyDelete

  5. makasih infonya semoga bermanfaat gan

    ReplyDelete


  6. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    ReplyDelete
  7. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  8. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

    ReplyDelete
  9. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete

  10. Informasinya sangat keren....

    ReplyDelete
  11. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  12. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete


  13. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  14. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    ReplyDelete
  15. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  16. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom