Status Box Menggantung

Hallo.. next tutorial lagi yuukk.. Kali ini Sa Hyun mau kasih kalian Status Box nihh.. Status Boxnya bisa gantung di atas loo.. lihat image yaa

Imut banget yaa.. kalau mau ikuti step nya duluu..

Cap Cuss...
1. Masuk ke Dasbor
2.
     Denim dan Simple

• Tata Letak
• Tambahkan Gadget
• HTML/Javascript

    Blogskin dan Classic

• Template
• Ctrl+F, </style>

3. Copy kode di bawah yaa

<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>

warna:

• Pink: kode warna
• Hijau: Ukuran
• Kuning: URL Background
• Merah : Isi status kamu

4.
Denim dan Simple: paste di kolom bawah
Blogskin dan Classic: paste di atas kode </style>

THE END.. sekarang yang belum jelas silahkan bertanya di komentar yaa

---

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

---