• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template )
  • Home
  • Tutorial
    • Submenu1
    • Submenu2
  • Desain Grafis
  • Template
  • Contoh Undangan
  • Sitemap
  • SEO
  • Blog
  • Photoshop
  • Corel Draw

Home » Tutorial Blog » Cara Gampang Membuat Tombol Back To Top Di Blogger

Cara Gampang Membuat Tombol Back To Top Di Blogger


back_to_top_button
Berbagai macam cara dilakukan untuk mempermudah pengunjung saat mengunjungi halaman blog kita. Tombol Back To Top adalah salah satu yang sering digunakan dan berfungsi untuk mempercepat proses scroll ke bagian atas. Biasanya button ini terpasang di sebelah kanan atau kiri bagian bawah widget. Pembuatannya cukup mudah dan simple, karena hanya menggunakan script CSS biasa tanpa menggunakan JQuery. Bagaimana cara memasangnya? Ikuti panduannya yang akan saya jelaskan berikut ini.

Cara Membuat Tombol Kembali Ke Atas di Blogspot :
1. Login ke blogger.com
2. Masuk ke bagian Layout / Design
3. Klik Tambahkan Widget, anda dapat menaruhnya bebas di letak apapun.
4. Pilih HTML/Javascript.

Copy Kode berikut : <style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="link URL gambar" /></a></div>

5. Save Template.
Anda dapat mengganti link URL gambar dengan gambar panah ke atas yang anda inginkan. Atau dapat menggunakan opsi ke 2.

Add Go To Top Button with CSS for Blogger :
1. Login ke akun blogspot anda.
2. Masuk ke Template > Edit HTML
3. Cari kode </body> dengan menggunakan CTRL + F (Search Find)
4. Letakkan kode berikut diatasnya atau sebelum kode </body>
<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="http://i.imgur.com/Ffb7p.png"></a>
5. Simpan Template.

Demikian tutorial blogspot yang mudah dan simple mengenai Cara Memasang Tombol Back To Top. Anda dapat mengikuti panduan menarik lainnya yang dapat anda pahami dengan mudah seperti Cara Membuat Efek Zoom Pada Gambar , Benarkah Keyword Density tepat untuk SEO, dan Download Prmeium Template Free .

Posted by Unknown on Saturday, April 6, 2013 - Rating: 4.5
Title : Cara Gampang Membuat Tombol Back To Top Di Blogger
Description : Berbagai macam cara dilakukan untuk mempermudah pengunjung saat mengunjungi halaman blog kita. Tombol Back To Top adalah salah satu y...

Share to

Facebook Google+ Twitter

0 Response to "Cara Gampang Membuat Tombol Back To Top Di Blogger"

Post a Comment

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • FORMAT CONTOH UNDANGAN (doc)
    Kali ini saya mencoba membuat link download berupa beberapa contoh undangan yang sering dibikin untuk acara-acara tertentu, misalnya tah...
  • Download Film Semi Gratis | Film Semi Indonesia
    Download Film Semi Gratis lainnya Di : 1. andrianacom.blogspot.com 2. sh3hack3r.blogspot.com Movie Synopsis Starting in Jakarta in...
  • Add Social Sharing/Bookmarking Widget with Cool Hover Effect
    Social sharing / bookmarking widget with Cool Gray-scale/Color hover widget to Blogger blog. i have given a beautiful sharing widget with c...
  • PreWedding dengan Efek Foto Sephia
    Pada tutorial ilmuGrafis kali ini kita akan belajar membuat efek Photo Sephia . Maaf ini buka sephia judul lagunya Sheila On7 tapi maksunya ...
  • Spooky HDR Effect
    OK Brader en Sister sudah lama saya tidak berkontribusi di Web kesayangan saya ini... :D . Pada Efek Photo dengan Photoshop kali ini s...

Labels

CONTOH UNDANGAN (doc) Desaign grafis Hardware and Software News PLUGIN PHOTOSHOP FREE Search Engine Optimization SEO SEO BLOG skripsi Software Desain Grafis Template Tips and trick Tips Komputer Tips Software Tutorial Blog Tutorial Corel Tutorial Photoshop Tutorial PHOTOSHOP GRATIS Tutorial SEO

Site Info

Copyright © 2012 Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template ) - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger