12 August 2012

MEMBUAT ICON “BACK TO TOP” TANPA EDIT TEMPLATE

ANIMASI, BACK TO TOP, ICON, GAMBAR, BLOG, 2012
Icon back to top atau kembali ke atas berfungsi untuk memudahkan pengunjung blog untuk kembali ke posisi atas halaman blog tanpa harus menscrool mouse yang tentunya hal ini sangat efektif bagi navigasi pengunjung. Ada cara sederhana membuat icon ini, yaitu dengan penambahan Java script dan tanpa mengedit template. Langsung saja caranya adalah sebagai berikut :



1. Login ke blog sobat
2. Pilih Tata Letak
3. Tambahkan gadget HTML/Java script
4. Copy dan pastekan kode berikut

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href='javascript:void(0);' onclick='jQuery(&apos;html, body&apos;).animate({scrollTop:0}, &apos;slow&apos;);' title="Back to top"><img src="https://lh5.googleusercontent.com/-paOyJgSQftQ/UBRn-N_oJMI/AAAAAAAAAL4/Icm6js40wEc/s72/arrow3-blue-64.png" /></a>

Keterangan :
1. Tulisan berwarna merah di atas dapat sobat ganti dengan tulisan "Kembali ke atas" atau yang lainnya.
2.  Kode berwarna biru adalah kode alamat gambar (icon) back to top yang sobat bisa cari sendiri di google dan disimpan kemudian diupload ke dalam album foto yang ada di Google plus atau Picasa. Setelah terupload sobat klik kanan pada gambar tersebut dan copy alamatnya (copy image location), dan ganti tulisan biru di atas denga url gambar yang sobat miliki. Semoga dapat sedikit membantu...

Written by: goez ini
Tips dan Trik, Updated at: 9:26 PM

No comments:

Post a Comment

Silahkan berkomentar dengan bijak dan sopan. Kritik dan saran Anda adalah masukan berarti bagi saya.