Cara Buat dan Pasang Tombol Back To Top Pada Blog

Tutorial Blog pada Postingan kali ini akan berbagi mengenai cara membuat dan memasang tombol back to top di blog atau tombol kembali ke atas. Banyak cara yang bisa Anda gunakan untuk memasang tombol ke atas pada sidebar blog Anda, namun terkadang script tombol back to top yang kita pasang membuat loading page blog lebih lama sehingga akan membuat GALAU pengunjung blog karena harus menunggu lama baru halaman blog kita terbuka sempurna.

Langkah awal yang harus Anda lakukan jika ingin memasang tombol kembali ke atas pada sidebar blog adalah membuat icon atau gambar back to top itu sendiri. Kalau saya sendiri membuatnya pakai Photoshop, di bawah ini hasil kreasi sederhana saya lewat photoshop

namun jika Anda lagi malas untuk membuatnya sendiri, Anda bisa googling saja sama eyang google pada pencarian gambar dengan keyword “tombol back to top pada blog”

Bagaimana ? Apa gambar Back to top Anda sudah jadi ? Jika sudah selanjutnya Anda harus mengupload Gambar tersebut ke situs penyedia layanan untuk upload gambar seperti photobucket.com atau bisa juga Anda Upload saja di blogger.com saat Anda membuat sebuah postingan di blog (baca : cara membuat postingan di blog)

Jika Anda sudah selesai mengupload Gambar back to top, maka langkah selanjutnya adalah Anda tinggal memasang alamat URL gambar Anda tadi pada sidebar blog Anda

Di bawah ini beberapa langkah yang bisa Anda ikuti mengenai cara memasang tombol back to top pada sidebar blog

1. Seperti biasa kunjungi blogger.com, masukkan alamat e-mail dan Pasword agar bisa mengakses akun blogger kesayangan Anda
2. Setelah berhasil login, silahkan Anda pilih Tata Letak seperti screenshoot di bawah ini
   
   
   
3. Selanjutnya silahkan Anda pilih Add Gadget, kemudian pilih HTML/Javascript
4. Jika sudah silahkan Anda copy kode di bawah ini dan Pastekan dalam kolom HTML atau Javascript tadi.
5. <a title="Hayardin Blog Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Masukkan URL Gambar Anda tadi Disini" /></a>
6. Terakhir simpan dan lihat hasilnya

Bagaimana ? Apakah Anda sudah berhasil membuat tombol kembali ke atas pada sidebar blog Anda ?

Semoga tutorial blog ringan mengenai Cara Membuat dan Memasang Tombol Back To Top Pada Sidebar Blog ini bisa memberikan setetes manfaat kepada sahabat blogger yang ingin menambahkan tombol kembali ke atas pada sidebar blognya.

Terus ciptakan karya terindah lewat jemari Anda melalui postingan demi postingan yang berkualitas untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Happy Blogging dan Salam SUKSES !

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

Lokasi:

Berbagi :