Cara Membuat Tolls "Back To Top"

Salam blogger....Kali ini saya akan memberikan sebuah tips untuk membarikan kemudahan buat pengunjung anda. Misalkan pengunjung anda berada di bawah halaman blog anda, dan ingin kembali ke bagian atas blog anda. Tentu akan memakan waktu yang cukup lama kan?, dan harus cape lagi untuk menekan mousenya. Nah di sini saya ingin memberikan tolls kepada anda untuk mempermudah pengunjung blog anda melangkah ke halaman atas blog. Namanya tolls Back ToTop. Mungkin caranya ini terlalu rumit. Tetapi percayalah tidak ada yang sia-sia sobat blogger. Untuk tips ini dapat anda lihat di bawah.....

Cara Membuat tolls Back To Top

1. Pertama Login ke blogger dengan Akun Anda

2. Pada Dasbor blog anda, silahkan pilih Rancangan

3. Pada Elemen Laman, pilih Tambah Gadget, kemudian HTML/JavaScript

4. Letakkan kode di bawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://myscriptforme.googlecode.com/files/kaluhur.js" type"text/javascript"></script>

Perhatikan kode yang berwarna  hijau di atas, jika dalam script HTML blog anda telah terdapat kode tersebut, tuidak usah kopi kodenya.

5. Kemudian Save

Tambahan :
Gambar atau Ikon Back To Top yang saya pasang pada kode tersebut adalah seperti ini,











Bagi kalian yang ingin merubah/mengganti gambarnya, silahkan ikuti tahap-tahapnya dibawah ini:

1. Copy kode ini dan paste pada address bar browser kalian :

http://myscriptforme.googlecode.com/files/kaluhur.js

2. Simpan kode Js tersebut ke komputer kalian
3. Klik Kanan Kode Js nya, lalu pilih EDIT / Open With Notepad
4. cari Kode berikut :

 controlHTML: '<img src="http://lh4.ggpht.com/_MvLBi88bM_I/TKALCyZ0_wI/AAAAAAAABgE/a9P_kEOqO-o/to%20top.png" style="width:60px; height:30px" />'

5. Ganti kode warna merah dengan URL gambar Back To Top Kalian
6. Klik Save
7. Upload File JS nya ke Hosting Penyimpanan File, seperti Googlecode.

Berikut Cara Upload File JavaScript ke Hosting Googlecode

Caranya ada di sini

1. Kunjungi Googlecode DISINI
2. pastikan kalian sudah masuk dengan account google kalian jika belum kalian bisa mengisi username dan password google acount kalian untuk login
3. Setelah masuk, kalian pilih Create new project ( bagi yang baru )




4. Sekarang isi keterangan yang diminta , untuk keterangannya sebagai berikut:

== Project name :
Nama projek yang anda kehendaki, nantinya akan menjadi bagian dari URL. Tidak bisa diganti lagi, jadi pikirkanlah yang paling sesuai dengan selera hati anda.

== Project summary :
Isikan rangkuman atau keterangan singkat. Misalkan anda ingin upload file javascript untuk edit blog beri saja judul "Js untuk edit blog" atau apapun sesuka anda.

== Project description :
Beri keterangan sama dengan project summary, hanya yang ini versi ngebacotnya alias versi panjang lebarnya.

== Version control system :
Pilih "Mercurial".

== Source code license :
Pilih "GNU General Public License v3".

== Centang "Use a separate content license" dan terserah pilih yang mana dari dua pilihan di dalam drop down.

5. Setelah selesai KLIK Create Project

Tahap Berikutnya yaitu penyimpanan file Javascriptnya :

1. KLIK tab Download
2. KLIK New Download, Kemudian akan muncul tampilan seperti ini :


Keterangan :
== Summary : Isi dengan Nama yang kalian mau / nama file jsnya.
== File : Klik Browse lalu cari file Js yang kalian simpan di komputer kalian lalu klik open
== Label : bisa kalian kosongkan

3. KLIK submit file

Sekarang file Javascript kalian telah tersimpan. Nah.. yang jadi pertanyaan gimana cara mengambil link filenya. Ada 2 cara yaitu :

1. Pilih file js yang kalian akan ambil linknya, Kemudian Klik kanan pada file jsnya lalu kalian pilih "Copy Link Location"
2. Pilih File Js yang kalian akan ambil linknya, kemudian klik kana lalu pilih properties. setelah muncul tampilan properties, kalian copy dech linknya.

Sekarang tinggal kalian pasang di template kalian. untuk pemasangannya kalian harus sisipkan link file js kalian seperti ini :

<script src='LINK FILE JS KALIAN' type='text/javascript'/>

3. Kemudian Save

Terima kasih, jangan Lupa komentarnya.