« »
i ii iii iv v vi


Tutorial : Colourful Website
 
 

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


April 14, 2013







Intro


おはようございます!
Introvert but quite adventurous.
I seldom write in here.
Writes in malay and english.
Blogging since 2012.


facebook twitter pinterest

archive



chatting




hashtag

tips reviews tutorial freebies family day blogskins bloggerchallenge

credit


originally by ayuni. edited by ziczaq