frhxv
Tutorial : Tutobies Section (Blogskin)


Assalamualaikum. Tuto ni ada orang request,sorry lewat sikit ;) Harap faham dengan step nii. Ni contoh dia.

1. Dashboard -> Template
2. Tekan ctrl + f , then cari code </style>
3. Copy code kat 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,copy code ni

<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 nak letak tutobies list
7. Preview and save

Pink : background
Biru : favicon
Hijau : width {lebar}
Oren : tajuk
Ungu : link


 credit to : AtiQah
[ 0 comments ]