Gudang Tutorial Blog

#comments {

display : none;

}

.tombol-komentar a{

text-align: center;

}

.stylewadah {background: #000;

padding: 5px;

}

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

    $(&quot;.tombol-komentar&quot;).click(function(){

        $(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);

        $(this).toggleClass(&quot;active&quot;);

        return false;

    });

});

</script> 

<center>

<div class='stylewadah'>

<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>

</a>

</div>

</center> 

html {

height: 100%;

background: url(http://www.ventiq.com/wordp/wp-content/uploads/2011/12/maintenance_dofus.jpg) no-repeat center 50%; margin: 0; 

}

 body { 

display: none; 

}

<style type="text/css">

#topbar{

position:absolute;

padding-top:120px;

padding-left:330px;

background-color: transparancy;

width: 292px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

 barheight=document.getElementById("topbar").offsetHeight

 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

 var d = document;

 function ml(id){

  var el=d.getElementById(id);

  if (!persistclose || persistclose && get_cookie("remainclosed")=="")

  el.style.visibility="visible"

  if(d.layers)el.style=el;

  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

  el.x = startX;

  if (verticalpos=="fromtop")

  el.y = startY;

  else{

  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

  el.y -= startY;

  }

  return el;

 }

 window.stayTopLeft=function(){

  if (verticalpos=="fromtop"){

  var pY = ns ? pageYOffset : iecompattest().scrollTop;

  ftlObj.y += (pY + startY - ftlObj.y)/8;

  }

  else{

  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

  ftlObj.y += (pY - startY - ftlObj.y)/8;

  }

  ftlObj.sP(ftlObj.x, ftlObj.y);

  setTimeout("stayTopLeft()", 10);

 }

 ftlObj = ml("topbar");

 stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<br />

<div class="clear">

</div>

<div id="topbar">

<div style="text-align: center;">

<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXQpNujNHk4z5m8Gm3Fy4xfdUypJ8xyT8woJsQ1ki_2Og7zo30feTKQtGjAs9lJuzvy_1E_4XOYPR-ft7evwHnL7TCP5yVnLkV24kN2gw20ACSM2YQxv00LNDp5n8n6LhDRbpJ2Mc3YCw/s1600/Close+Button.gif" /></a></div>

<center>

<div style="background: #000;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTutorial-Blog-Zona-Mig33-internet%2F327653677253564&amp;width=300&amp;height=300&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:190px; height:300px;" allowtransparency="true"></iframe> 

</div>

</center>

</div>