E - Tips Tricks Blogger

Cloud Nojutsu

Blogumulus by Roy Tanck and Amanda Fazani

Anime Plus Film's List

English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified

Rabu, 23 November 2011

Cara Membuat Tombol Back to Top dan Go to Bottom



  1. Login Ke akun blog sobat
  2. Pilih Rancangan >> Edit HTML
  3. Centang Expand Template Widget
  4. Untuk berjaga - jaga backup dulu template anda dengan cara klik download template lengkap
  5. Cari kode ]]></b:skin>, biar lebih cepat tekan CTRL+F untuk mencari kode tersebut
  6. Copy kode Pertama, kemudian paste tepat dibawah kode ]]></b:skin>
  7. Kemudian copy kedua, dan paste tepat dibawah kode <body>
  8. Sekarang lihat hasilnya!
Lihat catatan pada bagian paling bawah, agar anda dapat memahaminya!

KODE A
#mangetsu { position:fixed;_position:absolute;top:308px; right:-3px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } #mangetsu a { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; border:0; } #mangetsu img { border:0; } #mangetsu a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
KODE B
<div id='mangetsu'> <table border='0'> <tr> <td><a expr:href='data:blog.homepageUrl' title='Move to home'><img height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilDTjqvAO5T_uGPWf7ugyg43jjpb0EZ6VYPBcgdzVioLR2AZ_BfP1AhzgGLccGePKyhYrEW0ewACFXe71nxdv89yMaydJ0zoJWdpyNo-UoWh6bwFWfMfQQ7Bq6PvS-kIxN044vNFRMr64/s320/home-icon2.png' width='35'/></a></td> </tr> <tr> <td><a href='#' title='Back to top'><img height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUKHxOHZMYjQ0h5VROzuJohm3rNIg58g9eILBNQYuAUDbDI-LnTzNskgprry5n563_v_ZEPJCM4736Id0ufZ_Z4cNMIowBmHV_thum_c1njvUFfAJJHZUSD3L3tpSrjo0yxXC59dtENfc/s320/pre-icon1.png' width='35'/></a></td> </tr> <tr> <td><a href='#ngisor-dhewe' title='Go to bottom'><img height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEistR-ipnmzSVDaXD0GXeMyDao0PBcldYtafN7zPt-lIn3q45EcA_mpxTktWLT36AJM2WvMCatI2UxWPKcDJ6I32wpn0N8EVrFITKhCVxAUqbuyKu_vfdb6C-ot9PcTOlR0hIzZ0JksqvU/s320/next-icon2.png' width='35'/></a></td> </tr> </table> </div>
Catatan:

KODE A:
  • Untuk Lebar (width), Radius (radius) = Lengkungan, Border (border) dapat anda sesuaikan sendiri dengan blog anda

KODE B:
  • Untuk Lebar (width), Radius (radius) = Lengkungan, Border (border) dapat anda sesuaikan sendiri dengan blog anda
  • Untuk tulisan yang berwarna hijau dapat diganti dengan URL Gambar yang sesuai keinginan anda

Silahkan isi komentar dengan baik dan bijak!
Kategori baik dan bijak :
  1. Berkomentar secara sopan dan santun.
  2. Berkomentar dengan memberikan kritik dan saran yang membangun.

Jumlah Komentar : Ada 0 komentar Untuk Artikel Berjudul “Cara Membuat Tombol Back to Top dan Go to Bottom”


Info Nojutsu

Bagi yang berminat untuk memasang iklan di sini silahkan hubungi admin!

Dengan Cara
1. Via SMS
>> 089660806737 <<<
2. Via E-mail
>> muhammad.aziz.ni@gmail.com <<<

Harga Bisa Nego!!!

Sekian.



Admin

My Facebook

Like Box