Membuat Navigasi Ke Atas Dan Ke Bawah

Dilihat dari judulnya mungkin sobat sudah mengerti dengan apa yang saya maksud. Sedikit akan saya jelaskan barangkali saja ada sobat yang belum mengerti. Singkat saja penjelasannya silahkan sobat lihat pada bagian pojok sebelah kanan blog saya ini atau blog yang ada disini dan silahkan sobat coba untuk klik tombol dengan tanda panah ke atas maupun ke bawah.
Fungsi tombol ini memudahkan bagi pengunjung untuk menuju ke atas maupun ke bawah halaman blog hanya dengan sekali klik dan tombol ini tidak akan berpindah tempat meskipun sobat scroll ke atas maupun ke bawah tombol ini akan selalu tetap berada pada pojok bawah sebelah kanan monitor komputer sobat.
Nah sudah mengerti kan? Kalau sudah sekarang kita bahas cara pembuatannya dan ikuti cara berikut ini sampai selesai.

Pertama
Login ke Blogger.com dengan username dan password sobat.
Klik menu Tata Letak dan klik menu Edit Html.
Jangan lupa download template lengkapnya lebih dulu sebagai back-up data jika terjadi kesalahan dalam melakukan edit template sobat masih bisa mengembalikannya seperti semula.
Kemudian cari code ]]></b:skin> jika sudah ketemu copy code di bawah ini dan paste tepat di atas code tersebut.

#image {
position:fixed;
_position:absolute;
bottom:0px;
right:3px;
clip:inherit;
z-index:+1000;
}

Jika sudah copy lagi code di bawah ini dan paste di antara code </head> dan code </body> atau jika bingung letakkan saja persis di bawah code </head>

<div id='image'>
<a href='#' title='Ke Atas'><img border='0' src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCdFjUWUcS1bF2ijkcQPVxEC2F7Jc6eAmmQbMrvQECQtLf3hNg3iUPh0zh4Kx0vMG7IOrh-zpVSMDUYGOqrOrckmFAxfVkw2mnNmhctSk2D5MldNHn6ccuWrB6NHEl5znawUujmfjlQpYu/

'/></a><br/>
<a href='#bottom' title='Ke Bawah'><img border='0' src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0Kk5n83gMIomElkzpirZnfTeDtMeQ_uFvK9EiJMhxcebeDZKz-kVIdGgKd5UuMi1pSEeM1oMlTxmy5Xk0VDP86IYd_8Idu1UPUXI_JQngbqvlKM_aT9dRUuGMLEUpozpjh5qm3F9zNTP/

'/></a>
</div>

Url yang saya cetak merah adalah url dari gambar yang muncul sobat bisa ganti dengan milik atau keinginan sobat.

Selesai, simpan perubahan template sobat dan lihat hasilnya.

Selamat Mencoba!!!

Tweet