Alifah Alif Ayli Yoes
Membuat Tombol ke BAwah dan ke Atas Pada Halaman Blog
Untuk memudahkan pengunjung agar mudah untuk kembali
ke halaman atas blog kita, ada baiknya kita membuat tombol kembali ke atas pada
blog kita.
Untuk itu pada artikel kali ini saya akan membahas tentang Cara Membuat Tombol Kembali Ke Atas Pada Blog.
Untuk itu pada artikel kali ini saya akan membahas tentang Cara Membuat Tombol Kembali Ke Atas Pada Blog.
Bagaimana
Cara Membuat Tombol Kembali Ke Atas Pada Blog ?
- Login ke blog.
- Masuk ke bagian Tata Letak.
- Lalu tambahkan Gadget HTML/JavaScript > kemudian isi dengan kode dibawah ini :
<div style="display:scroll; position:fixed; bottom:50px;
right:-6px;">
<a href='#' title='Ke Atas halaman'><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStOvGvdffis7lcAlGXj5Y5o6MhoQ7F_avPimekXgbZdTT0TcsH4vyRFdlF1wAaGy1sGIksXoyE1S-OmI1-rmAV5IwVJqPaFUfSNc0TNHhjS5iooSky9RK131VZa82KP2lVlHe9dUcfhzs/s1600/Back_to_top.png"
/></a><br />
</div>
- Setelah itu Klik OK/Simpan.
- Coba lihat hasilnya di blog kamu.
Gampang kan. Nah alau sekarang kebalikannya yaitu Cara Membuat Tombol Kembali Ke Bawah Pada Blog. Cara
nya agak mirip seperti membuat tombol kembali ke atas, tapi ada tambahan
script khusus yang di letakkan pada tempalte blog kita. Script yang
dimaksud berupa script link yang di letakkan di bagian paling bawah blog
(Footer). Langsung aja yuk kita kita mulai cara membuatnya :
- Login ke blog.
- Masuk ke bagian Tata Letak.
- Lalu tambahkan Gadget HTML/JavaScript > kemudian isi dengan kode dibawah ini :
<div style="display:scroll; position:fixed; top:50px; right:-6px;">
<a href='#footer' title='Ke
bawah halaman'><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUFqKHxsijyOxQrLOZF7o2pcXzGY5DYJPhq072bYqTSML1lw-P27y086lJvhrf1aZbtX_0PwbJMAOPAcsmfAyMmeFJfrIm0NlDsezK1CkBrwQWj78FdyURsaheiJVvw0SHH_MUY0Sz0oj/s1600/Back_to_bottom.png"
/></a><br />
</div>
- Nah setelah itu Klik OK/Simpan.
Dan sekarang bedanya tombol balik ke bawah dengan tombol balik ke atas yaitu teletak pada pengaturan link nya, lihat script ini <a href='#footer' title='Ke bawah halaman'>. Untuk bisa mengakses link tersebut selanjutnya kita buat link yang sama dengan cara masuk ke Template > Edit HTML kemudian cari kode/script </body>, setelah ketemu script </body> copy kode ini <a name='footer'/> di atas script </body>. Scrip ini <a name='footer'/> merupakan link dari footer yang kita buat tadi.
Selesai deh Cara Membuat Tombol Kembali Ke Bawah Pada Blog.
Selesai deh Cara Membuat Tombol Kembali Ke Bawah Pada Blog.
Semoga bermanfaat yah. Terima Kasih.
,\../ __ \../,
