Tutorial : Update Box 4

contoh

Blogskin / Classic Template

1. Dashboard > Template

2. Press F3 dan cari code </style>

3. Copy code kat bawah ni

<style>

@font-face {

font-family: "tinytots";

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

#line{

position:fixed;

right:80px;

top:0px;

border-left:10px solid #D7D7D7;

border-right:10px solid #D7D7D7;

width:70px;

height:50px;}

.status {

font-family:tinytots;

font-size:8px;

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: #D7D7D7;}

#note {

border:2px dashed #FFFFFF;

width:150px;

font-family:tinytots;

font-size:8px;margin-top:10px;

margin-left:-38px;

padding:4px;

height:55px;

text-align:left;

background:#fff5f5;

background-position:bottom center;background-repeat:no-repeat;background-image: url(URL ICON);">

color:#444;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;}

</style>

<div id="line">

<div class="status">

Status</div>

<div id="note"><br>

<marquee direction="left" behavior="scroll" scrollamount="5" > 

YOUR STATUS HERE 

</marquee></div></div>

</div>

</style>

4. Paste di bawah code yang korang cari tadi

5. Preview & save

Template Designer

1. Dashboard > Layout > Add a gadget > HTML/Javascript

2. Copy code dalam box kat atas tu

3. Paste dalam ruangan HTML tadi

4. Preview & save

merah : status korang
biru : image icon
oren : background

*BG dan icon korang boleh ambil kat freebies aimi . :)

Credit to : AtinTory