18 August, 2010

Membuat tombol navigasi back to top

Nah nih jiah, tombol navigasi back to top atau kembali ke atas. Tombol navigasi ini berfungsi untuk para pengunjung blog kamu untuk mempermudah saat mereka selesai membaca isi postingan kamu, hanya tinggal mengklik tombol ini maka secara otomatis akan kembali di larikan ke paling atas blog kamu.

Jadi kesimpulannya mereka tidak perlu repot mengunakan mouse scroller dan juga scroller pada browser. Simpel khan.

Pengen juga membuatnya, contohnya bisa di lihat di sebelah pojok kanan blog ini. saat di klik maka otomatis akan di kembalikan ke awal lagi. Seep dech langsung aja di lahap (ha ha ha kaya lalapan aja!) trik dan triknya. okey. Ada 2 cara :

Cara 1 :
Login ke dasbor blogger kamu
Klik Rancangan --- Edit HTML
Lalu Cari tag kode : </body>

Sudah ketemu, gunakan F3 atau CTRL+F untuk mempermudah pencarian

Kopi-pastekan kode di bawah tepat sebelum, ingat yah sebelum kode : </body>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to
Top'><img src='http://i827.photobucket.com/albums/zz194/depalpiss/favicon/backtotop3.png'/></a>

Terakhir simpan. Beres...

Cara 2 :
Klik Rancangan --- Tambah Gadget --- HTML/Javascript

Copy-paste kode di atas dan simpan

Tinggal di pilih di dipilih.. di pilihhh!! mau pake cara yang mana?.

Di bawah ini juga saya siapkan, beberapa design tombol back to top atau kembali ke atas hasil kreasi saya dengan photosop, silahkan di pilih design yang kamu suka.

Caranya :

Ganti kode yang saya bold warna merah dengan direct link dari photobucket dot com di bawah ini (pilih yang paling kamu sukai)
























Well oke yap! moga-moga bermanfaat, see you!! salam...  salam.. salam..!!!

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger