Example :
# click for zoom in #
In the first picture *spongebob*, when you click on the "Proceed" word u'll turn to the second picture *haibara*. Let me call the first picture as Rules and second picture as Stuffs. Now we proceed to the tutorial.
1. Dashboard > Template.
2. Search for your navigation code. For example, my navigation code is "navi"
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('rules').innerHTML">Le' Stuffies</a>
#red, some template use 'page', 'content', 'main' or something like that. Change based on what your template used.
#purple, in my main blog, if you click on that, it'll bring you to my rules page.
So, here we go. How we make Rules page :
1. Ctrl + F or F3, search for this code :
<body>
2. Then, paste this code after <body> code ;
<div id="rules" style="display:none;">
RULES CONTENT
<center><span onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">
Proceed</span> ✖ <a href="javascript:window.close();">Exit</a></center>
</div>
Then, we'll make Stuffs page :
1. Paste this codes after the rules page codes.
<div id="stuff" style="display:none;">
STUFFS CONTENT
</div>
#Make sure the Rules ID and Stuffs ID are same.
No comments:
Post a Comment
Thanks for comment. Come again! ^_^