chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Jumat, 29 Juni 2012

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.

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v