Kali ini kami memberikan cara memasang tombol "Back to Top" di seperti pada blog ini. Anda bisa lihat di kanan bawah
layar monitor Anda. Cara memasang Back to Top seperti ini sangat mudah.
Tombol "Back to Top" memudahkan user atau pengunjung kembali ke bagian atas blog, dalam satu klik, tanpa harus men-scroll mousenya atau "mengusap-usap" jarinya di "touch pad" atau layar SmartPhone-nya.
Kami merasa butuh memasang tombol "kembali ke atas" ini karena kadang/sering harus membuka postingan dengan komentar yang banyak, sehingga "turun banget" dan harus bersusah-payah "scroll" ke bagian atas.
Nah, dengan adanya tombol "Back to Top" ini, anda tinggal "klik" dan tampilan bagian atas blog akan tersaji secara otomatis.
Caranya sebagai berikut :
- Pada dashboard blogger buka Template > Edit HTML
- Cari (CTRL+F) kode </head>
- COPY salah satu kode dibawah ini dan PASTE di atas kode </head> tadi.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
atau
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- Save!
2. Klik "Layout" (Tata Letak)
3. Klik "Add Gadget" di Sidebar
4. Pilih "Javascript/HTML"
5. Copy dan Paste kode berikut ini:
Simpan dan Update dan lihat hasilnya
Tombol "Back to Top" memudahkan user atau pengunjung kembali ke bagian atas blog, dalam satu klik, tanpa harus men-scroll mousenya atau "mengusap-usap" jarinya di "touch pad" atau layar SmartPhone-nya.
Kami merasa butuh memasang tombol "kembali ke atas" ini karena kadang/sering harus membuka postingan dengan komentar yang banyak, sehingga "turun banget" dan harus bersusah-payah "scroll" ke bagian atas.
Nah, dengan adanya tombol "Back to Top" ini, anda tinggal "klik" dan tampilan bagian atas blog akan tersaji secara otomatis.
Caranya sebagai berikut :
- Pada dashboard blogger buka Template > Edit HTML
- Cari (CTRL+F) kode </head>
- COPY salah satu kode dibawah ini dan PASTE di atas kode </head> tadi.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
atau
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- Save!
2. Klik "Layout" (Tata Letak)
3. Klik "Add Gadget" di Sidebar
4. Pilih "Javascript/HTML"
5. Copy dan Paste kode berikut ini:
0 comments:
Posting Komentar