girlwithbighead
 Tutorial : Adding Pages Without Loading  
30/08/2012 | 9 comments

My own coding, don't re-post.

Preview :
Click here to see live preview

Blogskins :
i.) Copy first code dekat bawah dan paste dekat bawah </style>
ii.) Copy second code dekat bawah dan cari code <blogger> paste sebelum code <blogger>
iii.) Copy third code dekat bawah dan cari code </blogger> paste selepas code </blogger>

First code :
<style>#navi {
width:75px;
height:auto;
padding:5px;
text-align:center;
letter-spacing: 1px;
background:#222;
color:#aaa;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
#navi:hover {
color:#999;
width:105px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}</style>

<div id="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML">Stuff</div>
<div id="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML">Tagboard</div>
<div id="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Affies</div>

<div id="main"><blogger><$BlogItemBody$></div></blogger>

<div id="one" style="display: none;">
put freebies at here or etc.</div>

<div id="two" style="display: none;">
put freebies at here or etc.</div>

<div id="three" style="display: none;">
put freebies at here or etc.</div>


Second code :
<div id="main">

Third code :
</div>


OLDERNEWER