-->
 
Membuat Back to Top and Home

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
Dengan tambahan Kode ini , memudahkan pembaca untuk balik ke top halaman
Jadi tidak usah Klik mouse /scroll mouse , cukup klik.

Langsung aja berikut Langkah-langkahnya ;
1.Masuklah Ke Akun Blog anda
2.Dasbor Pilih Rancangan, masuk ke edit template.
3.Cari Kode ]]></b:skin> ( gunakan F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode ]]></b:skin>
 
#binkbenk{background:rgba(0,0,0,.2);display:block;position:fixed;;bottom:5px; right:5px;border-radius:30%;border:1px solid #fff;box-shadow:0 0 2px #666,inset 0 0 2px #666;z-index:9999;
}
#binkbenk ul{float:right;margin:2px;padding:0;
}
ul .top{width:30px;height:35px;background:url(http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QFtGirgKI/AAAAAAAAAew/8djXsedR4wg/s320/pre-icon1.png) no-repeat center;background-size:100% 100%;
}
ul .home{width:30px;height:30px;background:url(https://lh5.googleusercontent.com/-IFw6AFnEGwU/TihafJbAMRI/AAAAAAAAAPQ/h2CwGuCXoWU/s104/home.PNG) no-repeat center;background-size:100% 100%;
}
ul a:hover{opacity:0.5;transition:all 1s;
}
6.Langkah Terakhir Tinggal Memasukan Kode Dibawah Ini Tepat Dibawah Kode<body>
<div id="binkbenk">
<ul><a expr:href='data:blog.homepageUrl'><div class="home"></div></a></ul>
<ul><a href='#'><div class="top"></div></a></ul>
</div>
6. Klik simpan template

selamat mencoba...........

Posted On : 7 Agustus 2011 Time : 12.06
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |