Search-form

♦Welcome to My Blogspot. Hope you enjoyed reading my blog♦

Thursday, March 03, 2011

Cara Menambahkan Button Back To Top di Blogspot

Button yang satu ini gunanya adalah memudahkan pengunjung kalau pengunjung mau ke atas tanpa memutar grid mouse nya. Langsung saja saya kasih Langkah-langkah nya:

Cara Menambahkan Button Back To Top
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>

p.to-top {
font-family:Trebuchet MS, Verdana, Verdana Ref, sans serif;
font-size:90%;
float:right;
padding-right:10px; }
+Keterangan : 1. font-family = keluarga bentuk teks yang akan kita tampilkan.
                       2. font-size = ukuran teks.
                       3. float = peletakkan teks (kanan atau kiri)
                       4. padding-right = jarak antara teks dengan bidang sebelah kanan.
 6. Cari kode yang menunjukkan awal footer, seperti : <div class='footer-wrapper'>, <div class='footer'>, <div id='footer-wrapper'>, <div id='footer'>, & sejenisnya.
7. Kemudian copas kode berikut di atasnya : 
   <p class='to-top'><a href='#to-top' title='back to top'>back to top</a></p>
8. Jangan lupa melakukan edit pada kode <body> menjadi <body id='to-top'>
9. Simpan Template jika sudah selesai.

0 comments:

Post a Comment

Komentar ya! Demi kemajuan blog ini!
Dan Berkomentarlah dengan Bahasa yang baik.

Which of your Favorite football team in Europe?

Twitter Delicious Facebook Digg Stumbleupon Favorites More