Home » , , » Cara Membuat Tombol Navigasi Ke Atas, Ke Bawah dan Refresh di Kanan Bawah

Cara Membuat Tombol Navigasi Ke Atas, Ke Bawah dan Refresh di Kanan Bawah

Written By Unknown on Monday, February 6, 2012 | 2:54 AM

Cara Membuat Tombol Navigasi Ke Atas, Ke Bawah dan Refresh di Blogspot yang berada dipojok  kanan bawah caranya yaitu :


1. Klik Rancangan
2. Edit HTML
3. Carai kode ]]></b:skin>
Untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keyboard sobat Jika sudah ketemu 

silahkan Copy kode dibawah ini dan letakkan diatasnya.

#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
 

Kemudian cari kode </body>  dan letakkan kode berikut diatasnya.

<a name='shift-alone'/>
<div id='mangetsu'>
<table border='0'><tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQyTdynFgGbPVNP7cMzAfwbdbaFVZbLtPxFTIU07J0M_7H6Kxlil7NcGTvVDvMqK8W6LZO7v6dSe610n6gGgtX8Lo0WKvHXU6HdGhUbfljtnN0n8iJoVVIl_uXOkf9ixg44wlRoTiJLX-D/s320/home-icon.pn'/>
</a></td>
<td><a href='#' title='back to top'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_w__nr572i9MPedPBWdhcHYBbesq6jeNy81r0RWk6uT6TNBgeFV5DKf35Gm7il6kIK2dJltVagbwY0LxW97tjCoF4PMQILDOBxl82RrxRGR3UVZVO5n8xjXUYxBi0Fu5SHFsmBFof7O9j/s320/up-icon.png'/>
</a></td>
  
<td><a href='#shift-alone' title='back to bottom'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha382KLF5p3rmkioZoPviIlhpalkRiRMWiVJykX4fxa50UtSjlByUBVJuAqtd2UbGGQto4ST3i_z0FecJo8EcuPtR0LKoKqCfjxtaRYkXWDRIzuM7Nsl0UUPGuvYxq4AxL3IntZQWV5vqh/s320/downicon.png'/>
</a></td>  
<td><a href='#' onClick='window.location.reload()' title='Reload page'>
<img src='http://i903.photobucket.com/albums/ac239/Dediekusmayadi/Refresh-32.png'/>
</a></td></tr></table>  
</div> 


Untuk merubah widgetnya anda bisa  membuatnya di photobucket, 000webhost.com yang dapat menyimpan file.

Selamat Mencoba

0 komentar:

Spoiler Untuk lihat komentar yang masuk:

Post a Comment

 
eXTReMe Tracker