Selamat Datang

Dunia Informasi Tanpa Batas

KSKS BLOG

Postingan Terbaru:

Go

Cara Membuat Tombol Back To Top Pada Blog

Rabu, 03 Juli 2013

Back to top. Siapa yang tidak tahu Back To Top? Sudah tidak di ragukan lagi Back To Top itu. Tombol Back To Top tombol yang sangat berguna buat kita yang senang blogging. Kegunaannya untuk otomatis untuk scroll ke atas. Jadi, kita tidak usah repot-repot lagi untuk mengscroll sendiri. Back ToTop ini sangat perlu untuk blog, apa lagi bila blognya sering di kunjungin sobat blogger.
Baik, kita langsung menuju cara pembuatannya:

1.Login ke Blogger
2.Pilih Template
3.Masuk ke Edit HTML
4.Cari kode </body> , CTRL+F supaya lebih mudah dan cepat
5.Copy kode di bawah ini dan letakkan di atas kode </body>. (JIKA KODE DIBAWAH INI SUDAH ADA DI TEMPLATE SOBAT BLOGGER SEBAIKNYA TIDAK USAH DI PASANG KODE DI BAWAH INI)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
6.Copy kode dibawah ini dan letakkan di atas kode </body> 
 <script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<a href='#' style='display:scroll;posisition:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPIO6o/s1600//back-to-top.gif'/></a>
NB: KODE LINK YANG BERWARNA MERAH BISA DI GANTI SESUAI ANDA.

7. Simpan Template

Semoga bermanfaat...

Catatan: (memasukan item pada komentar)
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA...</em>