< This is my OWN TUTORIAL, so GIVE FULL CREDIT if you wanna repost it >
Good mornin'! Kali ini aq mau ngebahas nihh cara
bikin status pop-up alias status yg bakal muncul stelah di click...
- Go to Dashboard ~~> Ur blog ~~> Template
- Copy code di bawah
<style>
.y{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:100px;
margin-left:255px;
background: #333333;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px solid #333333;
width:250px;
left:-265px;
top:0px;
height:200px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
background-color:white;
background-image:url(BACKGROUND URL);
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<br>t<br>a<br>t<br>u<br>s</div>
<div style="margin-top: -80px;"><br>
YOUR STATUS</div></div>
.y{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:100px;
margin-left:255px;
background: #333333;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px solid #333333;
width:250px;
left:-265px;
top:0px;
height:200px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
background-color:white;
background-image:url(BACKGROUND URL);
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<br>t<br>a<br>t<br>u<br>s</div>
<div style="margin-top: -80px;"><br>
YOUR STATUS</div></div>
- Save template!
Ket :
- Biru = Ganti dgn warna favoritmu
- Merah = Url Backgroundmu (Kalo bisa, buat background sendiri yg ada border di atasnya, contohnya kayak punyaku)
- Hijau = Isi dgn statusmu.
- Pink = Warna tulisan "status" mu.