Finn

Side Kick

READ THIS FOR ME :)

God speaks in the silence of the heart. Listening is the beginning of the prayer. So, don't you ever give up. When you feel down and your world is crumbling, remember that you still have God above. Always remember and ask to HIM because HE listens to every prayers you made.

Advertisement

Airplanes cut through the clouds like angels can fly :)

Check out my stuff ;)

TUTORIAL

ENTRIES

Vas happenin' !

Hello and Welcome my 4 Muggle[s]

I have shared what I like and I feel since June 2011 ;)

Chat with Finn :)

♦ URL blog wajib ada , not email
♦ Harsh words & Anon not allowed IP anda dikesan !

Credits

This skin is made by : Mrs AF

←Newer Posts ♦ Older Posts→

Tutorial : Status Berslide

17 June 2013

11:36 am ♥ 0 Directioner(s)

Vas happening ! Hari ni aku nak buat tutorial tentang status bersliding slide . Amboi ! Apa ke peliknya tajuknya Cik Kiah hoii ~.~ Hah .Tapi itulah realiti . Nak buat , sila ikut tutorial ini sampai habis ;)

1 . Dashboard > Layout > Add gadget > HTML / Java Scripts

*Blogskin : Dashboard > Template > Paste code nombor 2 kat bahagian sidebar :)

2 . Copy code kat bawah ni :

<style>
.tito {
width:200px;
color:#fff;
padding:4px;background: #444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
.tito:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
#note {
border-radius:10px;
border:1px dashed #aaa;
margin-top:627px;
width:130px;
margin-left:-550px;
padding:4px;
position: fixed;
text-align:left;
background:#FFCCCC;
color:#444;
opacity: 0;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
.tito:hover #note {
margin-top:220px;
opacity: 1;
overflow:hidden;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style>
<style type="text/css">
.box {
width: 220px;
padding: 10px;
background:url( URL BACKGROUND);}
.box2 {
padding:3px;
display:block;
height:17px;
width:210px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {height: 150px;}
h01{
font-family:calibri;
padding-top:1px;
font-size:12px;
color:#000;
text-align:center;
text-transform :uppercase;
background: pink;
letter-spacing:5px;
height:16px;
padding-left:6px;
display:block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;}
</style>
<div class="box"><div class="box2"><h01>status</h01>
<div style="font-family:calibri;font-size:11px;height:130px; overflow:auto;margin-top:3px;"> Ayat- ayat / status
</div></div></div>

3. URL BACKGROUND - tukar kepada background yang korang suka :)
Status - Ikut suka hati awaklah nak buat tajuk apa ;)
Ayat-II Status - Ikut suka awak jugak ;)

Thank you for visiting -Finn :) x

Post a Comment