- Back to Home »
- Blogger »
- Bagaimana Membuat widget tersembunyi Versi B-Ke ?
Posted by : Muhamad Ishak Hanapi
Sabtu, 14 Desember 2013
Sekarang Ane Kasih Tau Caranya Bikin Widget Tersembunyi
1.Login Pada Blogger.com
2.Ke Tata Letak
3.Pilih gatget yang di inginkan
4.Pilih Html/Javsprit
5.Copy Kode Di Bawah Ini Dan Letakan Di Gatget Tadi
1.Login Pada Blogger.com
2.Ke Tata Letak
3.Pilih gatget yang di inginkan
4.Pilih Html/Javsprit
5.Copy Kode Di Bawah Ini Dan Letakan Di Gatget Tadi
<style type='text/css'>
.fwidget{background:#000;border-radius:5px;bottom:-5px;box-shadow:0 0 5px #fff;color:#fff;float:left;height:25px;margin-left:95px;opacity:.8;overflow:hidden;padding:auto;position:fixed;text-shadow:0 0 5px #000;width:90px;z-index:9;-o-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out}
.fwidget:hover{background:transparent;border:2px solid #000;box-shadow:0 0 15px #000;color:#000;height:450px;margin-left:20px;opacity:1;width:240px}
.fwidget-body{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}
.fwidget h3{cursor:point;font-size:13px;text-align:center}
</style>
<div class='fwidget'>
<h3>Judul Widget</h3>
<div class='fwidget-body'>
<center>MASUKAN SCRIPT WIDGETNYA MISALNYA BUKU TAMU</ceenter>
</div>
</div>
Untuk contohnya klik DEMO