Status Update Hover

Oke, karena hari-hari belakangan ini , yang req tutors menumpuk. Jadi , saya layani satu persatu yah.. Status Update Hover 

Tanggal 3 Juni, ada yang req seperti ini : 


Maksud Dia yang ini : 
:
  • Log in ke blog kamu 
  • Dashboard ~ Tata Letak 
  • Add Gadget - HTML/JavaScript
  • Jangan beri judul. Copy dan paste kode ini di ruangan HTML/Java Scirpt
<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 BACKGROUND KAMU);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>

<div id="kotakstatus"><div class="y">
s</div>
<div style="margin-top: -80px;"><br />Status Kamu Disini </div></div>
*Notes :

  • Yang warna merah ganti dengan Url Background yang kamu suka
  • Yang warna biru kamu ganti dengan status yang kamu mau
Semoga Bermanfaat

Tidak ada komentar:

Poskan Komentar

After Read My Post? Dont Forget to Comment

Related Posts Plugin for WordPress, Blogger...
 
Fully Design By Ihza | For Ihza 2013-2015 ©| Best View: Google Chrome