Tutorial : Tutobies Section Like Me

Assalamualaikum and annyeong :) Okay, mungkin ada yang tertanya tanya kenapa tiba tiba pulak nak buat tuto ni .. haishh , dulu fina buat tuto, lepas tu, fina stop . Malas. Ni bila dah bosan, dah takada kerja, baru terfikir balik nak buat tuto . Buat tuto ni best sebenarnya :) Lagi pun dapat sharing and caring ilmu apa yang kita ada kan ?

tutobies section tu macam nii .




Tuto ni fina tekankan lagi, ini hanya untuk Blogskin, Classic Templates sahaja .

okay, korang cuba dulu ye,
kalau tak jadi bagi tahu Fina, :)

1.Dashboard -> template
2.tekan ctrl + f , 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
}
merah : letak url background
biru : favicon ,

 *letak lain lain favicon, sebab nanti bile cursor terkena dekat link tu, nanti dia berubah :) *

okay, itu 3 yang wajib korang perlu tukar . tapi yang sunat, :P , mean, ikut cita rasa korang lah.

Hijau : Jenis Font
Purple : saiz font
kuning : tinggi and lebar background
oren : saiz icon tu, nak kecik ke, besar .


colour tulisan pun korang boleh tukar kalau nak .
purplepink : colour tulisan akan bertukar bile cursor kena tulisan tu.
hijau terang : warna font title.


4. Paste di atas code </style>
5. Kemudian, korang copy code ni pula

<div class="lulu">TITLE</div>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
6. Paste dekat tempat yang korang nak letak tutobies list ni
7. Preview & save

oren : Title tuto
purple : link post tuto 
just that :) kalau ada yang salah ke, tak faham ke boleh comment :)

1 comment :

Assalamualaikum and hi ,mind to drop your comment or opinion here .:D

arinaesy