Membuat status Box

Ada yang tau status Box. Mau tau? aku jelasin ya, kalian lihat nggak huruf 'S' yang ada di sebelah kiri blog aku, kalo lihat, coba arahkan cursor kamu ke huruf itu. ada statusnya kan? nah itu yang namanya status Box, tapi aku mau kasih versi yang beda. yang lebih bagus. Contohnya di bawah ini:



Gimana, mau? Yo'i ikuti step:

1. Sign In ==> dashboard ==> tata letak ==> tambah gadget ==> HTML/JavaScript
2. Copy code yang aku sediakan dan paste di kotak HTML/JavaScript. Ini code-nya

<style>

#line{

position:fixed;

right:50px;

top:0px;

border-left:10px solid #ffd2e0;

border-right:10px solid #ffd2e0;

width:70px;

height:50px;}

.statioo {

border:1px solid #ffd2e0;

font-family:  'GFS Neohellenic', sans-serif;

font-size:13px;

letter-spacing:2px;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;color:#000;

width:150px;

margin-left:-38px;

margin-top:40px;

text-align:center;

padding:5px;

background:url(Url Background);

}

#notii {

border:1px solid #ffd2e0;

width:150px;

font-family:  'GFS Neohellenic', sans-serif;

font-size:13px;margin-top:10px;

margin-left:-38px;

padding:4px;

height:%0px;

text-align:left;

background:url(Url Background);

color:#444;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;}

</style>

<div id="line">

<div class="statioo">

STATUS</div>

<div id="notii">

YOUR TEXT</div>

</div></div>

3. Warna Biru ganti dengan URL background kamu. Kamu bisa copas code di Freebies Cute Background aku

4. Warna hijau ganti dengan text yang kamu mau..........

5. klik SIMPAN

Selesai deh, selamat mencoba.....