Navigate #1Minggu, 15 Juni 2014 - Permalink - 0 Comments
Hayy guys ^^ apa kabar? semoga baik yah~ wkwk._. hariini feel-ku seneeenggg banget! kenapa tuh? aku juga gatau--"
Kali ini aku mau share navigation credit ka atin ya. hehe. maaf gk aku kasih link. soalnya lagi maless begedeee-__- maklum eaaa #PLAKKKKKK!
Fix, lanjutt wokee?
Example :
Blogskin/classic template :
1. Dashboard > Template
2. Tekan Ctrl + f bersamaan 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 d bagianyg 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 : Judul navigate
merah : apa yg ingin kamu taruh .
Writter
About Me 
