Tutorial Blog






Open saying


Hello there :) I'm dirah :) Welcome to my blog. Don't forget to leave your footprint :)

1 . 2 . 3 .



Chatbox







Ask fm

You can request here
Please check that you've log in into your account
No ask fm account ? Right your name and URL blog


Credit





Design by Dirah .
Helped by Tiqah , Wana , Qistina , Afiqah Colour codes.
Used by Me
Navi *9
Friday, 11 October 2013 | 07:53 | 4000 comments






Assalamualaikum.Baru siap buat bgskin.Dirah cepat-cepat buat tuto lak.K,yg nie cantik juga.Dirah cadangkan korang letak kat head atau kat atas blog tuh.Cantik sikit.Tapi kalo degil sangat nak letak kat sidebar,tak ape lah.Nanye tak cantik sebab yg nie ade shadow.Nanti kalo ltk kat sidebar mesti terlindung shadow nyer.Tak cantik lah.Dah lah malas nak cakap bebanyak.Credit to : Kak Sya


Simple template :
1. Buka Layout > Add a gadget
2. Paste dekat HTML/JavaScript

Blogskin / Classic template :
1. Paste code ni ke bawah code <head> atau kalau nak letak kat sidebar ccari tempat yang sesuai.

Untuk yang guna kat head

.navy{
display: inline-block;
border-right:15px solid pink;
width:80px;
background:#eee;
padding:3px;
font-size:10px;
text-transform:uppercase;
margin:3px;
text-align:Center;
color:#888;
box-shadow: 0px 2px 5px #ddd;
text-decoration:none;
}
.navy:hover{
border-left:15px solid  pink;
border-right:0px solid  pink;
box-shadow: 0px 70px 5px #eee;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
</style>
<center>
<a class="navy" href="URL/LINK ANDA">Home</a></div>
<a class="navy" href="URL/LINK ANDA">Affies</a></div>
<a class="navy" href="URL/LINK ANDA">Stuffs</a></div>
<a class="navy" href="URL/LINK ANDA">Extra</a></div>
</center>

Untuk yang guna kat sidebar :

</style>
.navy{ display: inline-block;
border-right:15px solid pink;
width:80px;
background:#eee;
padding:3px;
font-size:10px;
text-transform:uppercase;
margin:3px;
text-align:Center;
color:#888;
box-shadow: 0px 2px 5px #ddd;
text-decoration:none;
}
.navy:hover{
border-left:15px solid  pink;
border-right:0px solid  pink;
box-shadow: 0px 70px 5px #eee;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
</style>
<center>
<a class="navy" href="URL/LINK ANDA">Home</a></div>
<a class="navy" href="URL/LINK ANDA">Affies</a></div>
<a class="navy" href="URL/LINK ANDA">Stuffs</a></div>
<a class="navy" href="URL/LINK ANDA">Extra</a></div>
</center>

Labels: , , ,