Monday 16 June 2014

Navigateable Box vers 3

       Navigatable ini bisa untuk template designer dan template classic. Jika untuk template classic, letakkan di sidebar, dan untuk template designer letakkan di HTML/JavaScript.

  • Untuk template classic/blogskins, letakkan kode ini di sidebar kalian.
  • Untuk template designer/denim, letakkan kode ini di HTML/JavaScript.
<style>
.adv2 ul{background:url(Background URL);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}

.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}

a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#fff;
width:20px;
text-decoration:none; 
border:1px dashed #BBBBBB
border-radius:33px;
color:#555; 
display:inline-block;
text-align:center;
}

a.tablo:hover{background:#ccc;color:#fff;}

 </style>
<div id="adv2" class="adv2">
<ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a> 
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a> 
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a> 
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a> </ul>

<div id="wnsb" style="width:250px;">
Navigate around. Replace this with anything/your own words.
</div>

<div id="1" style="display: none;">
This navigation no.1 , remove this and replace with anything you want to be here.  
</div>

<div id="2" style="display: none;">
You can also put cbox codes here. Just anything without messing the codes.
</div>

<div id="3" style="display: none;">
This navigation no.3 
</div>

<div id="4" style="display: none;">
This navigation no.4 </div></div>
  • Ubah kode kode yang bold itu menurut seleramu.
  • Selesai, dan save!

3 comments:

  1. dek, aku masih gak ngerti. kalo misalnya no 1 itu buat facebook, no 2 itu untuk twitter, gimana orang bisa buka? kan gak ada tempat untuk masukin link? adanya tempat untuk edit kata aja ._. trims dek :)

    ReplyDelete
  2. thanks for this tutor :D it's really helping me :)

    ReplyDelete

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.