Cara Membuat Tombol Back to Top di Blog | Bangiz

Cara Membuat Tombol Back to Top di Blog

Bangiz - Pada kesempatan kali ini saya mau berbagi tentang tips dan trik blogging. Tidak dapat kita pungkiri bahwa tips dan trik blogging itu banyak sekali macamnya. Asalkan kita kreatif, sebenarnya kita sendiri bisa menciptakan gadget  yang sesuai dengan keinginan kita. Setelah sebelumnya saya share tentang Cara Membuat Breadcrumb di Blog dan Cara Memasang Kamera CCTV Animasi di blog, sekarang saya akan memberi tahu bagaimana cara membuat tombol back to top.

Fungsinya sendiri yaitu untuk mempermudah pengunjung atau kita sendiri. Ketika kita sedang melihat blog bagian bawah dan ingin kembali lagi ke bagian paling atas, kita tidak perlu repot memutar bagian tengan mouse, tetapi cukup mengklik tombol back to top yang secara otomatis kembali menampilkan bagian paling atas. Apabila Anda merasa perlu untuk membuatnya silahkan ikuti caranya berikut ini:

1. Masuk ke Blogger

2. Pilih Tata Letak

3. Pilih Tambah Gadget

4. Pilih HTML/JavaScript, lihat Cara menambahkan HTML/JavaScript di Blog

5. Copy-paste kode berikut ini:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlMru0RY6gppZ3gHvJ4sEMb-tHsziLF8hYYB8tPKaucgdYWivOrGkccXdtSvFtvf73arObSH4V2br8bxe2nPBDgTYLYO5WyB4jpYx2KSP7WM_xiorUlXVoNw-OHJLNyPECAYYqEulk8vU/s1600/t2.png" /></a> Keterangan:

--> yang berwarna merah merupakan tempat menyimpan tombol, anda bisa menggantinya:
  * bottom = bawah
  * top = atas
--> yang warna pink merupakan posisi dari tombol, silahkan ganti:
  * right = kanan
  * left =kiri
  * center = tengah
--> 5px merupakan jarak tombol dari samping dan dari bawah atau atas
--> yang berwarna biru silahkan ganti dengan alamat URL gambar yang sesuai dengan keinginan Anda

6. Simpan dan lihat hasilnya di blog Anda.

Tombol back to top
Tombol back to top
Silahkan baca juga yang lainnya:

Name

Blogging,108,CorelDRAW,14,Desain Grafis,25,Facebook,22,Foto Sampul,32,Gambar,53,Info,26,Instagram,2,Internet,28,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,35,Twitter,2,Wallpaper,18,
ltr
item
Bangiz: Cara Membuat Tombol Back to Top di Blog
Cara Membuat Tombol Back to Top di Blog
Cara membuat widget back to top keren, Membuat tombol back to top di blog-blogger-blogspot, kumpulan tips dan trik blog terbaru, bikin tombol kembali ke atas pada blog, cek disini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglpprldnx5xQMli-o4Zbwx2J-SmQ8-n5eAkPWq7pBzNRq0JI60DEZy9MBeVvhviu3JlM01Hk4bcyQBb-PGnJAPE2tpSnjfl6pPlKlLJzoAaF5SFfLSCFJvQGi5eAfii_1sk2R2949K60bC/s200/tombol.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglpprldnx5xQMli-o4Zbwx2J-SmQ8-n5eAkPWq7pBzNRq0JI60DEZy9MBeVvhviu3JlM01Hk4bcyQBb-PGnJAPE2tpSnjfl6pPlKlLJzoAaF5SFfLSCFJvQGi5eAfii_1sk2R2949K60bC/s72-c/tombol.png
Bangiz
https://bangiz.blogspot.com/2013/04/tombol-back_2.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/04/tombol-back_2.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RELATED POSTS LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy