Tuesday, December 11, 2012

Cara mudah membuat Back to Top pada blog

Cara mudah membuat Back to Top pada blog
Jika pengunjung membaca artikel di blog kita sampai jauh ke bawah sehingga saat mau kembali ke bagian atas atau top blog harus memutar roll mouse-nya sampai beberapa putaran, akan tetapi jika anda memasang button Back to Top ini sangat membantu sekali bagi pembaca, hanya dengan satu kali klik saja pembaca akan langsung di bawa ke bagian top blog anda.

Sebagai contoh saya perlihatkan di blog tips dan triks ada button Back to Top yang ada di kanan bagian bottom. Lihat pada gambar di bawah ini :


Silahkan copypaste code widget di bawah ini dan ganti URL image yang berwarna merah dengan URL image punya anda : 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;"href="#" title="Back to Top"><img src="http://i34.tinypic.com/35lyjrb.gif" /></a>

Jika belum punya image anda bisa cari di google search dengan keyword ‘Icon Back to Top’ atau anda bisa membuat sendiri baca caranya disini.

Cara menempatkan widget Back to Top di blogspot 

Silahkan masuk ke blogger dengan akun anda, Dashboard/Dasbor►Lay Out/Rancangan►Add Gadget/Tambah gadget - Java Script►Paste

LayOut/Rancangan klik 'Add Gadget/tambah gadget



Pilih Gadget 'HTML /Java Script' dan klik icon + :


Copypaste widget dan klik 'Save/Simpan' :


Catatan : Dimanapun anda menempatkannya mau di sidebar kanan atau kiri atau di footer,  akan tetap berada di posisi kanan dan widget ini adalah type scroll. Selesai

Dengan tips dan triks Cara mudah membuat Back to Top pada blog ini semoga dapat membantu anda. Sumber widget dari : BloggerStop.Net

3 comments:

tanks sbt,,,info nya sangat membantu,,, izin memakainya yah,,,, salam

mksh banget gan,.....sangat bermnfaat untuk seorang pemula sperti saya........ :)

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More