SORRY GUYS BLOG TENGAH OTW NAK SIAP
ASTROPHILE: Tutorial Slide Cbox Like Me

Tutorial Slide Cbox Like Me

Hai, Assalamualaikum,
idk sama ada this will be my last tuto for this month maybe?
sebab abg aku dah nak balik, so laptop ni pun akan ikut dia
kat fon memang boleh buat, tapi leceh lah :)

so slide cbox, very easy macam kacang sajaaa.

STEPS :

1. Buka dashboard > Layout > Add a gadget > pilih HTML/JavaScript > paste kod dibawah

<style>
.maintitle {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
color:white;
font-size:12px;
font-family:short stack;
height:120px;
margin-top:35px;
margin-left:255px;
background: pink;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
  #isikotak {
position:fixed;
border:4px solid pink;
width:250px;
left:-265px;
top:170px;
height:210px;
padding:4px;
text-align:center;
background-color:white;
background-image:url(URL BACKGROUND);
background-position: right;
background-repeat:no-repeat;
color:#333333;
-webkit-transition: 1.0s;
font-size:8pt;
font-family:trebuchet ms;
-moz-transition: 1.0s;
 }
 #isikotak:hover {
left:1px;
  }
</style>
 <center><div id="isikotak"><div class="maintitle">
m<br />e<br />s<br />s<br />a<br />g<br />e</div>
<div style="margin-top: -180px;">
<center>
( CODE CBOX KORANG )</center></div></div></center>

P/s : korang boleh edit bahagian SOLID PINK , #333333 , text-align , font-family, height dan lain2 lagi ikut kreativit korang tersendiri :)

Jangan lupa isi code cbox korang ye :)
tutorial ni credit to Fatin Hazwani which link blog dia dkt side information aku,
tapi tuto ni aku tulis sendiri, nak copy sila credit yaaa

2. Jangan lupa SAVE dan view blog

TQ-
SORRY-

No comments:

Post a Comment