Sabtu, 16 Juni 2012

Membuat Tombol Back to Top (Bagian I)

Kalian pernah melihat bagian pojok bawah blog terdapat tombol panah keatas, itu yang dinamakan tombol back to top. Tombol ini apabila kita klik maka akan kembali pada bagian atas dari blog.

Tidak usah berlama-lama, berikut langsung saja kita mulai membuat tombol back to top di blog:
  1. Login blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode </body> (seperti biasa gunakan Ctrl + F) 
  4. Copy kode dibawah ini dan Paste tepat diatas kode  </body>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

  5. Kemudian copy lagi kode dibawah ini dan Paste tepat dibawah kode diatas

    <script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
    <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22EpsdL1XULCAZ9aWUZPyfPYsFjUrmEgyU4raxNa60AJ_28HfXYhWSYD-SF6Up3DAzRyqcao26ef_BKPwGRJcN26ef9IqP-zW7Gy9TpGGRpAZkLHIMY86QL373fBVOwagqYRBATqads8/s1600/back-to-top.gif'/></a>

  6. Kalau sudah semua, terakhir Simpan Template dan rasakan perubahannya.
Sumber: bloggerpeer

Tidak ada komentar:

Posting Komentar