Jajal Daftar Isi Melayang di samping

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+600;
}* html #gb{position:relative;}

.gbtab{
height:500px;
width:30px;
float:left;
background:url('http://3.bp.blogspot.com/-Daz6xnajTpM/USgCcE3PWPI/AAAAAAAAGeA/LSIN8xa2k_g/s1600/Daftar+isi+2013.GIF') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #000000;  no-repeat bottom;
padding:10px;
}

</style><script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;


}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";


if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">
<marquee direction="up" onmouseover="this.stop()" width="450" scrollamount="2" onmouseout="this.start()" height="380"><h3>
Daftar isi 2013 By Selladrt</h3>
<style>
  #resultados {
  font:normal 11px/14px Arial,Sans-Serif;
  color:#666;
  text-align:left;
  margin:0px auto;
  padding:0px ;
  background: url(http://3.bp.blogspot.com/-cRuX0fGLpV8/USf6112E6qI/AAAAAAAAGd4/wwrKsKcR_TU/s320/Body+Daftar+menu.jpg);
  -webkit-box-shadow:2px 4px 4px #5341FA;
  -moz-box-shadow:2px 4px 4px #5341FA;
  box-shadow:2px 4px 4px #5341FA;
  }/*http://bloggertutoria.blogspot.com/*/
  #loadingscript {
  background:transparent url('http://3.bp.blogspot.com/-LVJ668vXf2o/USenhzKYGdI/AAAAAAAAGdA/4uX5eE-TKJE/s1600/Mencari+Maling+Selladrt.gif') no-repeat 50% 46%;
  padding:10px;
  font:bold 20px Georgia,Serif;
  color:black;
  height:250px;
  text-indent:-9999px;
  -webkit-box-shadow:inset 0px 0px 0px 5px #444;
  -moz-box-shadow:inset 0px 0px 0px 5px #444;
  box-shadow:inset 0px 0px 0px 5px #444;
  }

  .paginaposts {
    border: 1px solid #555;
    box-shadow: 0px 0px 30px #5341FA inset;
    float: left;
    height: 35px;
    margin: 1px;
    padding: 5px;
    width: 200px;
  }
  .paginaposts a {
    color: #338;
    display: block;
    font-size: 11px;
    text-decoration: none;
  }
  .paginaposts a:hover {color: #00FF00;}
  .paginaposts img {
    float: left;
    height: 36px;
    width: 36px;
  }
  .paginaposts h6 {
    float: right;
    height: 45px;
    margin: 0;
    width: 155px;
  }
  .paginaposts:hover {
     background: url(http://2.bp.blogspot.com/-lMob7gJ_J9g/USdaHeIWQpI/AAAAAAAAGZo/cN5_yR3Y-2M/s1600/Body+Mas+Sella.jpg); -moz-linear-gradient(100% 100% 90deg, #338, #33F);
     background: url(http://2.bp.blogspot.com/-lMob7gJ_J9g/USdaHeIWQpI/AAAAAAAAGZo/cN5_yR3Y-2M/s1600/Body+Mas+Sella.jpg); -webkit-gradient(linear, left bottom, left top, from(#338), to(#33F));
    filter:progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF3333FF', EndColorStr='#FF333388');
    border: 1px solid #33F;
 }


  #paginacion {
    color: #BBB;
    font-family: Lucida Grande;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 28px;
    padding: 20px 0;
    text-align: left;
  }
  #paginacion span, #paginacion a { /* http://harunar-tutorial.blogspot.com/
    border: 1px solid #444;
    color: #BBB;
    display: inline-block;
    font-family: Lucida Grande;
    font-size: 24px;
    font-weight: bold;
    margin: 0 2px;
    padding: 0 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0 20px #33F inset;
  }/*Editing Orginal Selladrt*/
  #paginacion span.actual {
    color: #FFF;
    padding: 0 5px;
    -moz-box-shadow: 0 0 30px #DDD inset;
    -webkit-box-shadow: 0 0 30px #DDD inset;
    box-shadow: 0 0 30px #DDD inset;
  }
  #paginacion a:hover {
    color: #FFF;
    -moz-box-shadow: 0 0 20px #666 inset;
    -webkit-box-shadow: 0 0 20px #666 inset;
    box-shadow: 0 0 20px #666 inset;
  }
  #paginacion .antesdespues { border: none; }
  #paginacion .antesdespues:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #paginacion span.deshabilitado {
    border: none;
    color: #666;
  }
  #totales {text-align:center;}
</style>






<div id='SlideOut_container'>
<div class='SlideOut_container' id='SlideOut_header'>
</div>
<div class='SlideOut_content'>

<div id='resultados'>
</div>
<div style='clear:both;'>
</div>
<div id='paginacion'>
</div>
<div id='totales'>
</div>
</div>
<div id='SlideOut_footer'>

<p007 id='isocialicons'>

</p007>
</div>
<script src="http://selladrt.googlecode.com/files/Daftar%20isi%20versi%205%20By%20Selladrt.txt" type="text/javascript"></script><br />
<script type="text/javascript">
// <![CDATA[

// estos son los datos que debemos establecer
var postporpagina = 14;
var urlsitio = "http://harunar-tutorial.blogspot.com";
var minpaginas = 4;
var maxpaginas = 10;
var imgxdefecto = "http://2.bp.blogspot.com/-AZPJWicpWXY/UJJ08O311EI/AAAAAAAAAdU/g03XR_b4km0/s220/honda.jpg"; // Punya Admin Mas Selladrt

// ]]>
  </script>

</div>
</marquee></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

Daftar isi 2013 By Selladrt

ARTIKEL TERKAIT: