create a widget is hidden

Steps - steps are:

1. Go to Blogger Layout then create a new HTML widget.

2. Then my friend just copy paste the script below:

<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>widget title</h3>
<div class='fwidget-body'>
<center>INPUT GUEST BOOK LIKE SCRIPT widget</ceenter>
</div>
</div>

Description:

background: # 000: background color before it is opened # 000 = black
background: transparent: after opening the transparent background color = transparent
bottom:-5px: change the position of the widget is hidden under the bottom to top when wanting a position above
margin-left: 95px: change the value according to the desire to rule the greater the value of his position more to right
position: fixed: if my friend wanted to make this widget does not come when discroll fox moved into position: absolute
height: 25px and width: 90px: the height and width before the fox opened the score
height: 450px and width: 240px: is high and wide after opening
Widget Title: Replace the title of the widget / Post button
INPUT GUEST BOOK LIKE SCRIPT widget: Replace with the script widget that will be installed
<center> and </ ceenter>: get rid if the widget is centered

good Luck