Tutorial : Update Box 3

Assalamualaikum . Update box kali ni berbeza sikit dengan sebelum ni . Korang boleh tengok kat senarai tutobies aimi bahagian "All Template" ehh ? Malas pulak nak buat direct link . lewls :D

Contoh

Classic Template

1. Dashboard > Template

2. Press F3 dan cari code </style>

3. Copy code di bawah ni

<style>

.y{

border-radius: 0px 15px 15px 0px;

width:10px;

padding:10px;

height:25px;

margin-top:30px;

margin-left:255px;

background: #faafbe;

color:white;

font-size:12px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

#kotakstatus {

position:fixed;

border:4px solid #faafbe;

width:250px;

left:-265px;

top:50px;

height:100px;

padding:4px;

text-align:left;

font-size:11px;

font-family:arial;

background-color:white;

background-image:url(URL BACKGROUND);

background-position:right;

color:#333333;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

#kotakstatus:hover {

left:1px;

}

</style>

<div id="kotakstatus"><div class="y">

s</div>

<div style="margin-top: -80px;"><br>

PUT STATUS HERE</div></div>

4. Paste di bawah code yang korang cari tadi

5. Preview dan save .

Template Designer

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

2. Copy code dalam box di atas

3. Paste dalam ruangan HTML

4. Preview & save

Credit to : AtinTory