cara membuat tools back to top di blog

setelah mendapat bayak pertanyaan dari sahabat blogger, saya langsung bergerak ingin membantu hehhehe. apa itu tools back to top? itu loh, kalo di klik langsung secara otomatis naik keatas.
bisa diliat di kanan bawah blog ini, coba di klik. nah naikkan? mau? bener mau? okelah kita langsung mulai saja. eehhehe. sebenarnya cara mudaaaaah banget, ga nyampe 3 menitpun bisa.langsung aja nih? yaudah deh. ok

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.




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


yup sekian belajarnya. kalo ga ngerti tinggalkan komentar dibawah ya


sumber: kelolablog

Related Post