Updates Tab #1

Paste the following after <head>
------------------------------------------------
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#click").click(function(){
    $("#guts").slideToggle("fast");
  });
});
</script>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#click2").click(function(){
    $("#guts2").slideToggle("fast");
  });
});
</script>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#click3").click(function(){
    $("#guts3").slideToggle("fast");
  });
});
</script>

------------------------------------------------

Paste the following between <style type="text/css"> and </style>
------------------------------------------------

#updatesbar{
    position:absolute;
    margin-top:-24px;
    margin-left:-8px;
    padding:3px;
    padding-right:5px;
    text-align:right;
    width:106px;
    height:9px;
    background:#f4f4f4; /*bar background*/
    border:1px solid #ebebeb; /*matching border color with #box border        looks best*/
    /*delete the following for no rounded edges*/
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }

#updates{
    position:fixed;
    width:100px;
    margin-top:35px;
    margin-left:20px;
    padding-top:7px;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:4px;
    font-family:consolas;
    font-size:10px;
    line-height:12px;
    background-color:#ffffff; /*background hex color code*/
    border:1px solid #ebebeb; /*change color code for different colored       borders*/
    color:#000000; /*text color, note link colors and styles will change      with the theme you're using*/
    z-index:999;
    /*delete the following for no shadows*/
    box-shadow:rgba(0,0,0,0.07)7px 7px;
    /*delete the following for no rounded edges*/
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#guts,#click{
    padding:1px;
    display:inline-block;
}

#click{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 1 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click:hover{
    cursor:help;
}

#click:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts{
    padding:1px;
    display:none;
}

#guts2,#click2{
    padding:1px;
    display:inline-block;
}

#click2{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 2 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click2:hover{
    cursor:help;
}

#click2:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts2{
    padding:1px;
    display:none;
}

#guts3,#click3{
    padding:1px;
    display:inline-block;
}

#click3{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 3 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click3:hover{
    cursor:help;
}

#click3:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts3{
    padding:1px;
    display:none;
}

------------------------------------------------
Paste the following after <body>

<div id="updates">

<!-- delete this part to take off bar and buttons-->
<div id="updatesbar">
<img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png">
<img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png">
<img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png">
</div>
<!--end-->

<div id="click">stats</div>
<div id="guts">
Put your hit counter, users online, etc. here.
</div>

<div id="click2">info</div>
<div id="guts2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
</div>

<div id="click3">networks</div>
<div id="guts3">
Put networks and things if you're into that kind of stuff.
</div>

</div>