[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 : 
  1. Pergi ke Dashboard.
  2. Klik Layout.
  3. Add Gadget.
  4. Pilih HTML/Java Script.
  5. Copy kode Status Box-nya (Kode berada di akhir posting-an)
Blogskins :
  1. Pergi ke Dashboard.
  2. Klik Template
  3. Search kode </style>
  4. Copy kode Status Box-nya tepat di bawah kode </style>
Ini Kode-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 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>
Keterangan :

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!

You Might Also Like

0 comment[s]