Status Box Melayang

Hai teman-teman! Ada kawan yang request nih. Wah, sebenarnya aku agak capek habis latihan JAMBORE. Tapi ngak papa deh demi pengunjung #weleeh#. Yuk lihat postingannya....!



1. Dashboard
2. Tata Letak
3. HTML Java Script
4. Taruh kode dibawah ini

<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 STATUS</div>

</div>

-biru ganti dengan kode warna kamu
-hijau ganti dengan ukuran font yang kamu inginkan
-merah ganti dengan URL backgrund kamu
-fuchsia gantu dengan judul status kamu
-abu-abu ganti dengan status kamu'

5. Save

---

Terima kasih telah membaca, tinggalkan komentar ya!

---