It's a beautiful day.
Tutorial : Colourful Website
posted by Zakiah Akma April 14, 2013 0 comments
 
 

Alololo ~ Sweet nye couple SeYeon ni XD

Arini nak buat ape ek ? hm . Dh boring sket . Tadi , tengok gmbar2 GIF yang lain . Lawak gile . Tak terkata . Ok . Saya nak buat tutorial . Sekian lama tak buat . *perasan je -.-
Tutorial ni untuk pengguna blogskin / template classic dan template biasa .


 
Nampak tak gambar ape kat atas ni ? Tu lah Colouful Website . Bagi yang tak tahu je lah . -.-

1; Dashboard > Template > Edit HTML
2; Tekan CTRL + F serentak dan cari kod </style> 
3; Copy kod dekat bawah ni .


a.linkies {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;  
color: #fff; 
background:#D2E3FF;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}
a.linkies:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkies1 {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;  
color: #fff; 
background:#ffd2db;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}
a.linkies1:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkies2{
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;  
color: #fff; 
background:#F1D2FF;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}
a.linkies2:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkies3 {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;  
color: #fff; 
background:#AEF7B5;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}
a.linkies3:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkies4 {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;  
color: #fff; 
background:#FFEADC;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}
a.linkies4:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}


4; Pastekan di atas kod tadi .
5; Kemudian , copy kod kat bawah ni plak


<center><a class="linkies" href="LINK"/>WEB</a>
<a class="linkies1" href="LINK"/>WEB</a>
<a class="linkies2" href="LINK">WEB</a>
<a class="linkies3" href="LINK"/">WEB</a>
<a class="linkies4" href="LINK"/">WEB</a>
</center><br>

6; Pastekan di bahagian yang korang letak link . 
7; Save & Preview


 pink : warna background bole amik kat sini > HERE
 biru : link website
 oren : nama  website
 
Credit to ; Tieqa


design by Wanaseoby