TUTORIAL SLIDE BOX LIKE MINE

Hi Assalamualaikum,
so sesape yang dah visit blog aku ni mesti ada nampak slide box yang warna pink tu kan ? yang huruf D mewakili DIANA. hahahaha

so sebenarnya, dari blog lama aku lagi ada benda tu, bagi aku benda tu unik sebab dia akan slide sendiri bila cursor pergi kat situ right? and selamatkan space dekat sidebar korang kan kan

STEPS :

1. buka blog > dashboard > layout > add a gadget > pilih HTML/JavaScript > copy code di bawah

<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 pink;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:center;
font-size:8pt;
font-family:short stack;
background-color:white;
background-image:url(URL BACKGROUND);
background-repeat:no-repeat;
background-position:right;
color:#CC0033;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<center><div id="kotakstatus"><div class="y">
D</div>
<div style="margin-top: -80px;">
LETAK LAH AYAT DISINI</div></div></center>

• warna purple tu : tukarlah warna apa yang korang suka
• warna biru : font apa yang korang minat ( boleh search kt google )
• warna kelabu : letak lah huruf apa yang korang nak, tapi satu huruf je sebab banyak huruf tak muat. hahahaha 
• warna orange : korang boleh pilih sama ada solid atau dashed

2. boleh SAVE and VIEW BLOG tengok jadi ke tak :)

btw this tutorial credit to kak fatin hazwani, boleh check link di sidebar INFORMATIONS ok :)

TQ -

maaf atas salah silap -