Cara Membuat Tombol Back to Top di Blog

  • dunia hitam
  • kata
    • kata lucu
    • kata bijak
    • kata mutiara
    • kata cinta
    • kata gokil
  • lucu
    • gambar lucu
    • pantun lucu
    • tebakan lucu
    • kata lucu
    • cerita lucu
  • berita
    • berita unik
    • berita politik
    • berita artis
    • berita aneh
  • kesehatan
    • asam urat
    • kanker
    • jantung
    • hepatitis
    • ginjal
    • asma
    • lambung
  • gambar
    • gambar unik
    • gambar lucu
    • gambar aneh
    • gambar animasi
    • video lucu
  • hoby
    • burung
    • ikan
    • piaraan
  • contoh
    • surat lamaran
    • recount text
    • descriptive text
    • curriculum vitae
    • deskripsi
  • video
    • video lucu
    • video hantu
    • video polisi
    • video totorial
    • video panas
    • video lagu
  • blog
    • SEO
    • template
    • script
    • widget
    • backlink
    • imacros
  • komputer
    • excel
    • macro excel
Home » blogging » Internet » Tips dan Trik » Cara Membuat Tombol Back to Top di Blog

Cara Membuat Tombol Back to Top di Blog


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

5. Copas 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/AVvXsEhxbY0i8Je6IKKs8o2_KS4-UTknogJ0tX2AI1Cfi8aJSpMi-tL8hdNr2yPXPgYA3ReeBLlIat-_kqz5zXn3V2bTySLX1Q9DpvhcdVvKyFlGS7URE-BkmnHSx5w8cgOEO8APlj8-V5suJRVP/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


Silahkan baca juga yang lainnya:

Cara Membuat Text Berjalan di Browser
Cara Menambahkan Link di Widget Attribution
Cara Membuat Arsip Blog dengan Scroll 
Cara Membuat Navigasi Halaman dengan Angka 
Cara Membuat Related Post di Blog 
Cara Mengganti Template Pada Blog 
Membuat Read More atau Baca Selengkapnya dengan Cepat
Ditulis oleh Unknown, Selasa, 02 April 2013 02.52- Rating: 4.5

Judul : Cara Membuat Tombol Back to Top di Blog

Deskripsi : Pada kesempatan kali ini saya mau berbagi tentang tips dan trik blogging. Tidak dapat kita pungkiri bahwa tips dan trik blogging itu ban...
keyword :Cara Membuat Tombol Back to Top di Blog, blogging, Internet, Tips dan Trik
Posting Lebih Baru
Posting Lama
Beranda
Postingan Populer
  • Foto: Uniknya Kendaraan Anti Banjir di Thailand
    Banjir yang melanda kota besar terkadang menyulitkan kita untuk melakukan transportasi darat perlu kendaraan khusu untuk menembus genangan b...
  • Gaya Absensi Ibas Saat Paripurna DPR
    Putra bungsu Presiden Susilo Bambang Yudhoyono, Edhie Baskoro Yudhoyono, punya gaya sendiri soal absensi rapat di DPR. Dalam sidang Paripurn...
  • Wallpaper Lucu HD Terbaru
    Setelah sebelumnya saya berbagi tips dan trik blogging yaitu Cara Membuat Label Keren Dengan Efek Bergerak dan Wallpaper Kartun Cinta Rom...
  • Cara mendaftarkan blog ke w3 directory
      Kali ini saya akan share  Cara mendaftarkan blog ke w3 directory  untuk mendapatkan backlink berkualitas secara  gratis, dengan...
  • Wallpaper Gambar Kucing Dengan Kata Kata
    Setelah sebelumnya Bangiz berbagi tentang foto sampul Barcelona dan juga wallpaper Autumn . Pada kesempatan kali ini Bangiz akan berbag...
  • 5 Aksi Jokowi Mata-matai Anggaran
    Jangan coba-coba bermain menyelewengkan anggaran DKI Jakarta. Gubernur DKI Jakarta Joko Widodo (Jokowi) punya beragam cara mengontrol APBN 2...
  • Foto Pertama iPhone 5S Bocor di Internet
    Di tahun 2013 ini Apple diyakini akan kembali meluncurkan iPhone model terbaru. Kabarnya, perusahaan yang didirikan Steve Jobs ini akan meri...
  • Hotel Bawah Tanah Terdalam di Dunia
    Hotel Bawah Tanah Terdalam Di Dunia Ingin merasakan tinggal di hotel yang lain dari biasanya? Jika ya, mungkin inilah saatnya anda mengunjun...
  • Kata Mutiara, Kata Bijak, Kata Cinta, Kata Motivasi, Kata Lucu dan Kata Galau dengan Gambar
    Pada kesempatan kali ini saya berbagi tentang kata-kata mutiara. Maklumlah hampir semua orang khususnya mulai dari orang yang beran...
  • Aneh, Orang Ini Merasa Nyaman Tinggal di Kuburan
    Seorang warga miskin pindah dan menempati sebuah kuburan berumur 100 tahun setelah kehilangan rumahnya. Pria tersebut bernama Bratislav Stoj...

Info dunia hitam © Cara Membuat Tombol Back to Top di Blog