Tutorial Blog








Chatbox







Ask fm

You can request here
Please check that you've log in into your account
No ask fm account ? Right your name and URL blog


Credit





Design by Dirah .
Helped by Tiqah , Wana , Qistina , Afiqah Colour codes.
Used by Me
Navigate *2
Sunday 6 October 2013 | 04:39 | 4000 comments





Hi ! Kali nie dirah nk bgi tuto Navigate *2 .Maghrib-maghrib dirah buat tuto --' rjin sgt nk update nie : 7.23 P.M..Sorry,tadi dirah pergi tlg ibu jap..skrang dah pukul :7.32 P.M.Navi yg nie..die mcm biasa jugak cume bila kite hover jer tlisan akn membesar.Credit : Kak Fatin

>> LIVE PREVIEW <<

Blogskin/classic template :

1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni

a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #fff5f5;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
4. Paste di atas code </style>

5. Then copy code ni pula

<center><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >NAVI1</a><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >NAVI2</a><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >NAVI3</a></center><br><div id="wnsb" style="padding:3px;border:1px dashed #fff5f5;border-radius:3px;background:#fff; width:200px;height:100px;<br><center>Navigate for home/around</center></div><div id="1" style="display: none;">Put what? Navigate for Navi 1</div><div id="2" style="display: none;">Put what? Navigate for Navi 2</div><div id="3" style="display: none;">Put what? Navigate for Navi 3</div></div></div></div></div>


6. Paste kat bahagian yg korang suka. elok di sideber je.
7. Preview & save.

Template designer :
1. Dashboard > Layout > Add Gadget > HTML/JavaScript
2. Copy code di bawah ni

<style>
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #fff5f5;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
</style>
<center>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('1').innerHTML" >NAVI1</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('2').innerHTML" >NAVI2</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('3').innerHTML" >NAVI3</a>
</center>
<br>
<div id="wnsb" style="padding:3px;border:1px dashed #fff5f5;
border-radius:3px;background:#fff; width:200px;height:100px;
<br>
<center>
Navigate for home/around
</center>
</div>
<div id="1" style="display: none;">
Put what? Navigate for Navi 1
</div>
<div id="2" style="display: none;">
Put what? Navigate for Navi 2
</div>
<div id="3" style="display: none;">
Put what? Navigate for Navi 3
</div>
</div></div></div></div>
3. Paste dalam HTML/JavaScript
4. Save


oren : Tajuk navigate
merah : letak ape yg korg nk letak 

Labels: , , , ,