Friday 22 May 2015

Membuat Kotak Status


Ada yang mau buat kotak status ? Coba kalian lihat bagian kiri blogku! kan ada huruf  'S' .nah ketika dihover akan muncul tulisan (status kita).Itulah yang dimaksud kotak status.
Kalau mau,silahkan ikuti tuto berikut ini:


-Buka blogger>>template
-klik ctrl f secara bersamaan
-Cari kode </head> 
-Copy kode dibawah ini  dan taruh sebelum kode </head>



<style>
.y {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:30px;
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 #ffcfdc;
width:250px;
left:-265px;
top:50px;
height:110px;
padding:4px;
text-align:center;
font-size:9pt;
font-family:happy monkey;
background-color:white;
background-image:url(url background  );
background-position:center;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<center><div id="kotakstatus"><div class="y">
S</div>
<div style="margin-top: -80px;">
Pesan kalian</div></center>


-Klik pratinjau
-Save.


Re-post ? jangan lupa credit & sertakan link blogku ini!


No comments:

Post a Comment