Tutorial : Status Update ( Scroll Box )

7:00:00 AM


Assalamualaikum and hello korang. Wassup ? Iman sihat ? XD

Ni tuto macam mana cara nak status update. Korang boleh letak kat mana-mana HTML. Contohnya nak letak dekat sidebar blog. Dekat blog baru yang khas untuk status update pun boleh.

Live Preview :


>> yours status
time
date


>> yours status
time
date


>> yours status
time
date




So.... Lets tuto guyss !

Template designer : 
1. Login > Dashboard > Layout > Add Gadget > Html/Javascript
2. Copy code ni then paste di Html/javascript tu. Pasti kan jangan letak tittle.

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


.icfa{
color: red;
}

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

.dafa{
color: #888;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background: #eee;
}
</style>

<div id="fafas">
<span class="icfa"> </span> &gt;&gt; yours status
<br />
<div style="float: left; margin-top: 5px;">
<span class="tfa">time</span></div>
<div style="float: right; margin-top: 5px;">
<span class="dafa">date</span></div>
<br />
<br />
<span class="icfa"> </span> &gt;&gt; yours status
<br />
<div style="float: left; margin-top: 5px;">
<span class="tfa">time</span></div>
<div style="float: right; margin-top: 5px;">
<span class="dafa">date</span></div>
<br />
<br />
<span class="icfa"></span> &gt;&gt; yours status
<br />
<div style="float: left; margin-top: 5px;">
<span class="tfa">time</span></div>
<div style="float: right; margin-top: 5px;">
<span class="dafa">date</span></div>
</div>

3. Siap ? Save terus.

NOTA KAKI TANGAN :

ABC : Warna font korang. Boleh cari warna dekat SINI
ABC : Status korang.
ABC : background status box
ABC : boleh tukar dengan icon korang.
ABC : Warna backgound korang. Boleh cari warna dekat SINI




*Kalau nak tambah status lagi just tambah yang ni :

<br />
<br />
<span class="icfa"> ★ </span> &gt;&gt; yours status
<br />
<div style="float: left; margin-top: 5px;">
<span class="tfa">time</span></div>
<div style="float: right; margin-top: 5px;">
<span class="dafa">date</span></div>

Do request any tutos. Fafa tolong yang termampu okayy XD Good luck !
Assalamualaikum
Blog Author : Fafa Kyraa

You Might Also Like

2 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD