PHP Code: Kiri Kanan Banner Floating Scrolling Up/Down

Pastekan di dalam head:


<style>
/* main code*/
.banner-kiri {
  position: absolute;
  width: 120px;
  height: 100%;
  background: url(http://bangunhubungan.com/iklan/daftargratis.gif) white no-repeat;
  top: 20px;
}

.banner-kanan {
  position: absolute;
  width: 120px;
  height: 100%;
  background: url(http://bangunhubungan.com/iklan/daftarviral.gif) white no-repeat;
  top: 20px;
}

#banner_l { left: 5px; }

#banner_r { right: 5px; }

.zindex { z-index: -999; }

.banner-kiri a {
  display: block;
  width: 120px;
  height: 100%;
  border: 0;
  text-indent: -9999px
}

.banner-kanan a {
  display: block;
  width: 120px;
  height: 100%;
  border: 0;
  text-indent: -9999px
}
</style>



<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://dublinbeta.com/wp-content/themes/brooklyn/js/jquery.easing.min.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
  var $banner = $('.banner-kiri'), $window = $(window);
  var $topDefault = parseFloat( $banner.css('top'), 10 );
  $window.on('scroll', function() {
    var $top = $(this).scrollTop();
    $banner.stop().animate( { top: $top + $topDefault }, 1000, 'easeOutCirc' );
  });

  var $wiBanner = $banner.outerWidth() * 2;
  function zindex(maxWidth){
    if( $window.width() <= maxWidth + $wiBanner ) {
      $banner.addClass('zindex');
    } else {
      $banner.removeClass('zindex');
    }
  }
});
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
  var $banner = $('.banner-kanan'), $window = $(window);
  var $topDefault = parseFloat( $banner.css('top'), 10 );
  $window.on('scroll', function() {
    var $top = $(this).scrollTop();
    $banner.stop().animate( { top: $top + $topDefault }, 1000, 'easeOutCirc' );
  });

  var $wiBanner = $banner.outerWidth() * 2;
  function zindex(maxWidth){
    if( $window.width() <= maxWidth + $wiBanner ) {
      $banner.addClass('zindex');
    } else {
      $banner.removeClass('zindex');
    }
  }
});
/* ]]> */
</script>

===============================================================
Pastekan tepat di atas </body>:

<div id="banner_l" class="banner-kiri"><a target="_blank" href="http://google.com.vn">banner left</a></div>
<div id="banner_r" class="banner-kanan"><a target="_blank" href="#">banner right</a></div>