Hide ask.fm like mine

Assalamualaikum dan hai semua...hari nie saya nak buat tutorial untuk sembunyikan ask fm macam saya punya...kalau tak tau tutorial ape yang saya maksudkan sila lihat dibawah nie... ;-)

live preview...

Tutorial nie bukan saya punya ini tutorial Afiqah...Saya terpaksa re-tutor sebab ramai yang tanya...

For template designer :
www.blogger.com --> layout --> add gadget --> HTML/Javascript

For blogskin :
www.blogger.com --> template --> paste it anywhere you want it to appear

<style type="text/css">
.box {
width: 225px;
padding: 6px;
background:#FFEBF1;
border:1px solid #FFDFE4;
}
.box2 {
padding:3px;
display:block;
height:20px;
width:215px;
font:12px candara;
background:#FFFFFF;
text-align:center;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
overflow:hidden;
}
.box2:hover {height: 200px;
}
h01{
font-family:Cursive;
padding-top:2px;padding-bottom:2px;
font-size:12px;
color:#FFFFFF; font-weight:bold;
text-align:center;
text-transform :uppercase;
background:#FFCEDD;
letter-spacing:2px;
height:16px;
display:block;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
</style>

<div class="box"><div class="box2"><h01>THE TITLE</h01>

<div style="font-family:candara;font-size:12px;height:280px; overflow:auto;margin-top:3px;">
ADD TEXT / CODE HERE
</div></div></div>

The Note :

Blue text : Width and height...

Fuchsia  text : Color code HERE

Orange Text : Font family of the title...

UPDATE : ASK.FM DON'T HAVE A WIDGET ANYMORE SO, JUST INSERT ANY TEXT / CODE THAT YOU LIKE TO HIDE..

Preview dan save