Tutorial : Tutobies Section { Blogskin }
{ Live Preview }
1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code dekat bawah ni
.lulu{
background:url(BACKGROUND);
color:#AAAAAA;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
width:500px;
font-family:'arial';
font-size:12px;
line-height:8px;
text-align:center;
padding-right:0px;
}
.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(FAVICON);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}
.eunji:hover{
background:url(FAVICON);
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
color:#EAABFE
}
4. Paste di atas code </style>
5. Kemudian, korang copy code ni pula
<div class="lulu">TITLE</div>6. Paste dekat tempat yang korang nak letak tutobies list ni
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
7. Preview & save
Pink : background
Biru : favicon
Hijau : width {lebar}
Oren : tajuk
Ungu : link
{ Request yang selebihnya tieqa akan update bulan depan. InsyaAllah }
8 comment [s]:
time kasih . dah lame tunggu tutor ni :3
bwt unnie,knpe sye punya tak jadi macam sebelah2 tu.. dye jadi ke bawh semua,mcm mne yea??
@Farah Dini : Hehe..sama2 :)
@Arrien ::@man!:: Ouh.kena adjust width dia~
owh oke tq unnie :)
Tiqa, camne nak buat tagboard kecik cam awak yee ? Comel lha :D
Kak, kenapa punya ku gak ada faviconnya?
unnie,sya re-tuto blh? sy akan creditkan akak
thank you akak...akhirnya..
Post a Comment