Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Update Status
08/05/2012 | 14 comments


Assalamualaikum ! Hello ! Hai ! Bonjour !
Hari ni malas nak update tapi rajin buat tutorial, haha. Okelah. Cuba tengok status dekat sidebar saya tu. Ha, tulah dia. Dekat bawah ni pun ada previewnya. Ni code saya. Tolong jangan re-freebies, ok ?

Preview :
>> yours status
time
date


>> yours status
time
date


>> yours status
time
date

Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>

<style type="text/css">
#status{
width:260px;
text-align:left;color:#777;
height:90px;
padding:5px;overflow:auto;
background:(url image);
margin-top:5px;
border:1px dashed #999;
}


.icon{
color: red;
}

.time{
color: #888;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background:#eee;
}

.date{
color: #888;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background: #eee;
}
</style>
<div id="status">
<span class="icon"> &#9829;</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<span class="icon"> &#9829;</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<span class="icon"> &#9829;</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
</div>
.
OLDERNEWER