Friday, August 3, 2012

Tutorial : Add Navigate Cara 2 (Blogskin)

Aii nampaknya cara 1 punye tak berkesan? Kalau tak kenapa atin punye berkesan? aigoo newbie3 --' .. Takpelah, kalau dah cara 1 tak berkesan atin tunjuk cara ke 2 lah . Kalau nak canggil . Tak yah .. ni simple je OK ..



 Dashboard > Template > Edit HTML
 Press Ctrl + f serentak dan cari code </style>
 Copy code di bawah
.navigation {
border:2px solid #000000;
border-radius:3px;
color: #ffffff;
-webkit-transition: 1s;
padding:2px;
}
 Paste di atas code </style> tadi

 Seterusnya,cari code <body>
 Copy code di bawah ni
        
<a class="navigation" onClick="document.getElementById('content').innerHTML=document.getElementById('one').innerHTML" >Page 1</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document.getElementById('two').innerHTML" >Page 2</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document.getElementById('three').innerHTML" >Page 3</a><br>


 Paste di bawah code
 Then, copy&paste code ni di bawah code tadi
<div id="content">
LALALALA
<div id="one" style="display:none">
LALALALA
</div>
<div id="two" style="display:none">
LALALALA
</div>
</div>
 Preview & save

merah : code warna
biru : Title page
hijau : korang tulis la apa-apa kat situ. eg. nak letak gambar/ profile/tuto.


Credit : Atiqah

No comments: