Tuesday, November 25, 2014

Tutorial : Cara Letak Tab Menu Blogskins

Assalamualaikum and peace be upon you. ^^



Hai semua!Kali ni Wani nak buat tutorial Blogskins.Tutorial ini direquest oleh Ainul Mardhiah. :)

Tutorial : Cara Letak Tab Menu Blogskins.

1.Dashboard--->Template--->Edit HTML

2.Tekan CTRL+F dan search code body { atau .page {

3.Copy dan paste code dibawah kat bawah code yang korang search tadi.


a.navi {
background:#ffffff;
padding-left:12px;
padding-right:12px;
color:#FF467A;
margin-right:4px;
border:1px solid #FF467A;
border-radius:4px;
-webkit-transition:1s;
}
a.navi:hover {
background:#FF467A;
color:#ffffff;
-webkit-transition:1s;
border:2px solid #ffffff;
}

3.Search code </style> pula dan copy code dibawah.
<center>
<a class="navigate" href="https://www.blogger.com/null" onclick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Home</a>
<a class="navigate" href="https://www.blogger.com/null" onclick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>
<a class="navigate" href="https://www.blogger.com/null" onclick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navigate" href="https://www.blogger.com/null" onclick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" title="">Stuff</a>
</center>
4.Paste code diatas kat bawah code </style>

5.Search code <blogger> dan copy code dibawah.

<div id="can" style="display:none;">
<div class="title">The Owner</div><br>
ISI BIODATA KORANG
</div>
<div id="you" style="display:none;">
<div class="title">My Friends</div><br>
ISI BLOG LIST KORANG  </div>
 <div id="feel" style="display:none;">
<div class="title">Tutobies</div><br>
ISI TUTORIAL KORANG </div>
</div>
 <div id="it" style="display:none;">

6.Paste code diatas kat bawah code <blogger>

7.Preview dulu.Kalau dah jadi dan berpuas hati,tekan 'Save Template'.

NOTE : YANG DIWARNAKAN BOLEH TUKAR.

SELAMAT MENCUBA! ^^ 


1 Komen:

Ainul. said...

Thank you publish Kak Wani :)

 
© Copyright | All Right Reserved by Noor Izwani Eliyana.Template by Samiqa