Tutorial buat floating status
09 December 2012 @ 05:44 | 4 Comment [s]



Hai semua,hari ni ada orang tanya julia cara buat floating status.Tak tahu floating status tu apa.Ala,yang huruf  'p' yang tepi blog julia tu.Dah sedia nak ikut tutorial ni.Ok,jom kita mulakan :)

Tekan ctrl f cari </style>
Copy kod dibawah ni yer n paste dibawah </style>


<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:2px solid #faafbe;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:left;
font-size:8pt;
font-family:trebuchet ms;
background-color:white;
background-image:url( Url img);
background-repeat:repeat;
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<center><div id="kotakstatus"><div class="y">
P</div>
<div style="margin-top: -80px;">
<br> Your words here
</div></div></center>

#Note:Color Pink tukar dengan ayat korang sendiri.Tapi yang  huruf 'p' jangan lebih daripada satu huruf ok nanti lain pulak jadinya karang.
Biru Url img korang.Nanti pandai-pandailah korang cari kat internet sendiri ok :D
Oklah sampai disini sahaja entri julia nanti kalau jadi bagitahu  kat kotak komen julia ok :).Julia akhiri entri hari ni dengan ucapan bye n assalamualaikum.
       
                                                                                                ~Credit:
                                                                                                                Atiqah


Older Post | Newer Post
Some Word

-PS-hover the image for navigate

Navi



Hello i'm back!!...welcome to my wonderland..hope u like at here:)

Let's Talk!


Time machine!


The Credits!

Template by : мε αs נυℓια
Another: σηε , тωσ , тняεε and ғσυя
Full Edit : Your name

Best View at GOOGLE CHROME!