Wednesday, June 27, 2012

Cara Memasang Back to Top v2 (Melayang/Floating) di Blog


Artikel ini adalah lanjutan Cara Memasang Back to Top v1. Artikel ini saya tulis untuk sobat bagi yang ingin memasang "Back to Top" ke versi dan jenis yang lebih tinggi. Back to Top ini berbeda dengan yang sebelumnya, "Back to Top" ini merupakan Back to Top yang dapat melayang atau selalu terlihat baik saat blog dalam keadaan blog saat pertamakali terbuka atau sudah ter-scroll ke bawah. Untuk letaknya bisa diatur di mana kehendak sobat. Sebagai pengetahuan dasar, ada baiknya sobat membaca Cara Memasang Back to Top v1 lebih dulu. Bagaimana, sudah selesai..?? Perbedaan yang paling mendasar adalah penambahan style pada tag a atau anchor textnya. Ukuran gambar bisa di atur sendiri.

Cara memasang Back to Top melayang:
1. Masuk ke dashboard.
2. Pilih tab Rancangan.
3. Tambah gagdet HTML/JavaScript. Kemudian isikan dengan kode di bawah ini..
<a href="#" style="position:fixed;bottom:5px;right:5px;width:100px;height:100px;" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJjG4u1uz5YvFmfSuQPmqlSx5OL-qaDQIGOlbJSE8_JhA6bWL1nQdaI98GBiTh4r5Tby4J4SFWqGvhGTq9JwPE7BOrFVv1E0A2AfFy4KdQ420KoHEe_OIPVkX9abGhj6J4v5aObvNrEg/s1600/Back-to-top-180x180.jpg"></a>
4. Save dan Lihat hasilnya..

Ada 2 metode dalam pemasangan back to top v2 ini, Yang pertama adalah seperti cara di atas. Yang kedua dengan menambahkan kode di atas tepat sebelum tag </body>. Cara kedua memang lebih rumit, namun menurut saya ini yang terbaik. Cara ini tidak menambah widget anda sehingga loading blog lebih cepat ketimbang cara pertama. Itulah cara untuk memasang "Back to Top" v2.

Catatan: Tulisan warna Biru silahkan diganti dengan keperluan masing masing.

Baca Juga

Cara Memasang Back to Top v2 (Melayang/Floating) di Blog
4/ 5
Oleh
Tampilkan Komentar
Sembunyikan