Nime Pixrl











Toturial : Slide Status Box
Sunday, June 23, 2013 | Sunday, June 23, 2013 | 0 Girly Says

Lalala, Bikin Toturial. Hari minggu aku gak buka Laptop direbut sama kaka aku. .___.
Ishh. harus ngalah deh. ok hari ini aku bangun ja 5 subuh untuk ngambil laptop!
danberhasil hore. kali ini aku mau bikin TOTURIAL aja deh. bocen.

Ok kita mulai, tatap blog saya yah :)

 Slide box macam apa?
Nabahin kode, lihat bawah. agar jelas!

Blogger > Tata Letak > Tambah Gadget > HTML/JavaScript
Copy kode dibawah & Paste kode HTML/JavaScript
Dashboard > Tempelate > Edit HTML
Cari kode ini </style> dan copy code yang dibawah. & dan Paste di Bawah kode </style>

Code nya?
<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 bacground status box mu!);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<div id="kotakstatus"><div class="y">
Simbol nya!</div>
<div style="margin-top: -80px;"><br />TEXT KAMU</div></div>
<body oncontextmenu='return false;'><br><br>
<center>

Sudah Save! Seep deh :)
Semoga Beranfaat :)


0 Comments:

Post a Comment

Komen aja ntar dibales


OLDER POST | NEWER POST