SELAMAT DATANG

3 Apr 2011

Cara Membuat Tombol Back To Top

Tombol Back To Top adalah tombol yang bisa mempercepat pengunjung untuk kembali ke bagian paling atas halaman blog kita tanpa harus "scrolling". Dengan begitu mereka bisa dengan mudah langsung kembali ke halaman paling atas blog dengan meng-klik tombol Back To Top. Hal ini merupakan salah satu cara membuat pengunjung merasa betah dan nyaman di blog. Untuk membuatnya, ikuti langkah-langkah berikut :


1. Login ke akun blogger anda

2. Pilih Rancangan --> Edit HTML

3. Paste kode berikut sebelum kode ]]></b:skin>

.right_footer {
float:right;
padding:42px 60px 0 0;
text-align:left;
width:433px;
}
.right_footer a {
color:#876039;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
.widget-content {
padding-left:6px;
}
.footer p {
margin-bottom:2px;
margin-top:2px;
}

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

4. Dan paste kode berikut sebelum kode </body>
<a href='#' id='backtotop'><img alt='back to top' src='http://i46.tinypic.com/675bab.png'/></a>

5. Klik save template dan selesai

SELAMAT MENCOBA!!!
Selengkapnya...

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites

 
back to top