YR Tutos

ENTRY ABOUT QUOTES STUFFS FESBUK TWITTER NEWER OLDER

Tutorial Update Status II


Assalamualaikum. Sorry lambat update tutorial ni. Actually, amoy lupa dekat mana amoy ikut tutorial ni. Will credit if I remember yah. But amoy ada tukar sikit code dia mengikut citarasa. Cewahh~!!

Blogskin: Dashboard > Edit template 

Copy code bawah ni, and paste ATAS code </style>

#status{
width:260px;
text-align:left;color:#eee;
font-family: 'Patrick Hand', cursive;
font-size:14px;
height:100px;
padding:5px;overflow:auto;
background:url(http://4.bp.blogspot.com/-faDGpLD_luQ/T87jXIdVz0I/AAAAAAAABxc/HWUZa05ZNjI/s1600/pink.png);
margin-top:5px;
border:1px dashed #999;
}
.icon{
color: #FAAFBE;
}
.icon:hover{
color: #AFDCEC;
}
.time{
color: #888;
font-family: 'Kite One', sans-serif;
font-size:11px;
text-align: center; letter-spacing: 2px;
display:inline-block;
width:80px;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background:#CFECEC;
}
.date{
color: #888;
font-family: 'Kite One', sans-serif;
font-size:11px;
text-align: center; letter-spacing: 2px;
display:inline-block;
width:80px;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background: #FDEEF4;
}

Next, copy code bawah ni, and paste dekat bahagian sidebar korang.

<div id="status">
<span class="icon"> &#9829;</span>Your status ♥<br/>
<div style="float: left;margin-top:5px;">
<span class="time">16:22 p.m.</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">28/08/2013</span></div><br>
<br/>
<br/>
<span class="icon"> &#9829;</span>Your status ♥<br/>
<div style="float: left;margin-top:5px;">
<span class="time">22:22 p.m.</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">24/08/2013</span></div><br>
<br/>
<br/>
<span class="icon"> &#9829;</span>Your status ♥<br/>
<div style="float: left;margin-top:5px;">
<span class="time">00:00 p.m.</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">19/08/2012</span></div>
</div>

Time, and date korang kena update sendiri. Dia bukan automatik tau. If nak tambah status lagi, copy code ni paste selepas code <div id="status">

<span class="icon"> &#9829;</span>Your status ♥<br/>
<div style="float: left;margin-top:5px;">
<span class="time">16:22 p.m.</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">28/08/2013</span></div><br>
<br/>
<br/>



Code yang amoy warna kan tu, korang tukar lah sendiri tau. Ikut citarasa awak. Tak ada siapa nak marah, hihik. Selamat mencuba dan selamat berjaya! Hehehe annyeong~


Label:


1 comment[s] | back to top