-->
 
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8w3IB7agctQfHt6vXYdOtMnfGZ2XWa8aPB75dyJx2flTOu9NjGyo0UPTwoR1_Tko9YEJiUGJjWjDKef3lSfOFoN2xNAG9FoR7vr3BOVDo0fjMFMMrLgykoig-RwMlJGSCGUVvBNX7sjQ/s320/pre-icon1.png) no-repeat center;background-size:100% 100%;
}
ul .home{width:30px;height:30px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA_sGP6S7f3pIG0eIlYPBj-Iqq413U6y4iGJPqbEcumim7QzfBJ0S7VYAslv4LVBQGjCakjLcKPiVzTGOO46fXEZC4dAX1RYfpn6qWj1D1xHJZ7jCiVigCPukX6PVrUZc13J34V9_fPBKV/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 | |