[Tutorial] Status Box like me
Oktober 15, 2015
Anyeong!
Aku mau post Tutorial lagi nih, yaitu Tutorial Status Box like me. Oh iya, Tutorial ini di request oleh Nayya. Terima kasih sudah me-request ^^
Baiklah, yuk, kita mulai Tutorialnya. Klik Read More, ya!
Template Designer :
- Pergi ke Dashboard.
- Klik Layout.
- Add Gadget.
- Pilih HTML/Java Script.
- Copy kode Status Box-nya (Kode berada di akhir posting-an)
- Pergi ke Dashboard.
- Klik Template
- Search kode </style>
- Copy kode Status Box-nya tepat di bawah kode </style>
<style>Keterangan :
.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>
Merah : URL Background
Biru : Status kamu
Oke, semoga bermanfaat ya. Bagi yang ingin request, silahkan bilang di CBOX/Medsos Aisha, ya. Anyeong!
Credit
TAKE OUT WITH FULL CREDIT!
0 comment[s]