Friday, April 13, 2012

Cara membuat widget "Back To Top" pada blog


Salam super kawan...... (kata pak mario teguh)hehehe
Apa yang kalian lihat di bagian kanan bawah Blog saya?????
betul banget, yang kalian lihat adalah widget Back To Top.
Fungsinya adalah untuk
membawa anda kembali menuju ke tampilan bagian
paling atas blog. Selain fungsi diatas, widget ini juga dapat berfungsi untuk memudahkan pengunjung blog kita dari yang tadinya di bagian paling bawah blog langsung naik ke bagian atas blog kita dengan satu kali klik saja. Kali ini saya akan berbagi cara bagaimana cara membuat widget Back To Top dengan cara yang bisa di bilang sangat mudah, karena di tetangga sebelah banyak yang menggunakan cara dengan masuk ke Edit HTML dulu.
Tidak usah kelamaan yuk langsung saja kita masuk ke langkah-langkahnya :
       1.     Pada Dasbor, pilih Rancangan
       2.     Tambah gadget -> HTML/Javascript
       3.     Copy kode di bawah ini dan paste
     ke dalam kontennya
.


       <br
 /> <style type="text/css">.backtotop a:hover
{background:none;}</style><div class="backtotop"><a
style="display:scroll;position:fixed;bottom:5px;right:5px;"
class="backtotop" href="#" rel="nofollow" title="Back to Top"><img
 style="border:0;"
src="http://i1103.photobucket.com/albums/g470/saykhu/BACK-TO-TOP.gif"/></img
></a></div></br>


       4.     Pratinjau lebih dahulu
       5.     Selesai deh.  Mudah bukan ?!
   
 
Keterangan:
Ganti URL berwarna merah dengan url gambar milik anda atau
jika anda ingin punya gambar yang sama dengan punya saya maka biarkan saja URL gambar saya..
Selamat mencoba dan semoga berhasil

No comments:

Post a Comment

Comments system

Disqus Shortname

Disqus Shortname

Comments System

Disqus Shortname

Comments system