FOLLOW biography stuffies home entry

  




Older Post >> | << Newer Post
Status box [like mine]
Kamis, 16 Mei 2013 | 1 comments


Annyeong..
Kemarin kak liya nanya di chatbox ku cara buat status box kyk aku.
Nih contohnya:
Cekidot>>>

Template designer
  • Dashboard>Tata Letak>Tambah gadget>HTML/JavaScript
Classic Template
  • Dashboard>Template
  • Cari kode </style>


  • Copy kode 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 dashed #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 dashed #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>
  • Paste di HTML/JavaScript atau dibawah kode </style> tadi
MERAH : Posisi status box. Contoh : left, right.
ORANGE : Warna border
HIJAU : Bentuk border. Contoh: dotted, dashed, solid, double, dll.
PINK : Url background
BIRU : Text

Sekian..
Kalau ada yang nggak ngerti, komen aja..
Oh yea, visit tumblr ku ya -> dindanovia.tumblr.com :D

Label: