Saturday, October 18, 2014

Cara Membuat Status Box (like mine)

Hai! Sekarang aku lagi ingin posting at weekend... Ternyata, Kak Kinanti request... Langsung buat tutonya, yok!





Nih, udah liat kan... Kalau kalian gak percaya, silakan liat di cboxku aja! Ya udah, aku itu belajar bikin status box lewat Kak Salsa. Jadi tuto ini aku credit Kak Salsa. Yaudah, langsung aja, yok!

Blogskins :

1. Dashboard > Template > Search kode </style>

2. Copy kode di bawah, lalu paste-kan dibawah kode </style>.

Classic Template :

1. Dashboard > Layout > Add A Gadget > HTML/Java Script

2. Copy kode di bawah!

Kode :

<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">
Status Kalian</div>
</div></div>
      Keterangan :

Merah : Posisi Status Box (Right atau Left)
Hijau : Border Status Box (solid, double, dashed, dotted, etc)
Coklat Muda : kode warna Border
Biru : Font Status Box
Biru Muda : URL Background kalian
Ungu : Kode warna font status box
Abu-abu muda : Judul Status Box (kalau aku "My Status") boleh kalian ganti dengan kata lain
Ungu muda :  Status kalian masing-masing

Setelah itu klik "SAVE!" 
Selesai!

Nggak bisa?Bingung?Puyeng?Mual?Migran?Diare?Muntah-muntah? Paramex obatnya!  Langsung comment/ask at cbox/ask at email *atrishatan@gmail.com*

Good Luck! 

No comments:

Post a Comment