Advertisement

Cara Membuat Tombol Back To Top Di Blogger

Salah satu dari sekian banyak cara mempercantik tampilan blog serta mempermudah Navigasi blog, mungkin salah satunya adalah dengan memasang tombol back to top ini kedalam blog. Mungkin ada baiknya aku memasang sebuah tombol yang bisa mempermudah akses menuju bagian atas dari konten, setelah para pembaca mencapai bagian bawah dari isi konten blog. Dan akhirnya aku memutuskan untuk memasang tombol back to top pada CERITA NGEBLOG ini, yang mana tombol back to toop ini tampilannya tidak melayang (float) di pojok kanan atau pun pojok kiri layar. Tetapi sengaja aku tanam pada footer blog, para pembaca akan menemukan tombol kembali ke atas ini ketika selesai menelusuri seluruh konten blog.

Cara Membuat Tombol Back To Top Di Blogger
Supaya pengalaman ini menjadi bermanfa’at dan bisa di share untuk sobat dan pengunjung blog ini, maka dari itu hadirlah tulisan cara membuat tombol back to top di blogger ini.

Barang kali saja ada salah satu dari sahabat yang tertarik untuk mencoba memasang tombol back to top tidak melayang ini pada blog kesayangannya juga, semoga bisa sedikit membantu ya.!

Sebelumnya aku juga pernah memposting tentang cara membuat tombol back to top ini dalam label tutorial wordpress , disana di bahas tampilan tombol back to topnya akan terpasang secara melayang (float) di pojok kiri atau kanan pada tampilann layar.

Sementara untuk kali ini tampilannya tertanam pada footer blog, baiklah tanpa berpanjang lebar lagi langsung saja pada cara pemasangannya.

Login ke dalam dasbor blog, ---> Template---> edit html. Kemudia copy dan pastekanlah kode yang ada di bawah ini kedalam template blog sobat,

<li><a class='maintop' href='#' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0uexLpC2nWIGsFT_t-UdAaYxNmx2p0HJ2mwgiz2AsVMvgdQdNN5Bdh_WqYmdAgLsSO5gnwsU9l6vgqKFdFSfxI_NKax0saTsOlOYnK-HTMSfuTB_YXLkiuOeQsu79TGyV0_gGyWi67rDh/s1600/top.jpeg) no-repeat left; padding-left:30px;'>Back To Top</a></li>

<a class='maintop' href='#top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0uexLpC2nWIGsFT_t-UdAaYxNmx2p0HJ2mwgiz2AsVMvgdQdNN5Bdh_WqYmdAgLsSO5gnwsU9l6vgqKFdFSfxI_NKax0saTsOlOYnK-HTMSfuTB_YXLkiuOeQsu79TGyV0_gGyWi67rDh/s1600/top.jpeg'/></a>

Cara Membuat Tombol Back To Top Di Blogger

Kode di atas bisa sobat pilih salah satu diantaranya, baik yang berupa link atau pun berupa gambar. Kemudian letakkan atau pastekan tepat setelah link credit footer blog atau di bawah kode </body> setelah selesai klik pratinjau atau langsung simpan perubahan template, klik simpan template dan selesai. Demikianlah tulisan alakadarnya tentang cara membuat tombol back to top di blogger, bye-bye….