CODES;

<html>
<head><base target='_blank'/><link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyLfJebdLzuhNyKT7aaPkdKK6PV4YRTuGPonlf4sFkulfzOViWX14dzKdMaPUZMSgzQ4VW_J7y5nU7yXaSuOcOrKo2vHWVMpQWomq0wBKgc1LqzPLUlRgjPSjVQXFcRlIqE7sxItw8pI/s1600/111111.png' rel='icon' type='image/x-icon'/>
<title>Be Strong</title>

<style type="text/css">

#navbar-iframe {
display: none !important;
}

body {
color:#ccc;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk6VB6Np8wXpO91lVZu8D0zjD80J0BLmuVBEh8XHKjcxCUsxw8lzZUwCVdYe9K1gy93F6DlByM5MQY30Be4AmgR_xdNcod0bNk7GTij4rNDT-ZVaz4wDE5sCLVjpjc2CK3q2FgQwD1_PDr/s1600/kmDua.png);
font-family:consolas;
letter-spacing:1px;
font-size:11px;
}
a:link,a:visited{
text-decoration:none;
color:#808080;
}

a:hover{
color:#808080;
border-bottom:2px solid #222;
}

blockquote{
border-left:1px solid #333;
padding:10px;
}
.sidebar{
background:#000;
height:20px;

color:#808080;
text-align:center;
overflow:hidden;
width:300px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

.sidebar:hover {
height:100px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.nag {
text-align:center;
background:#000;
margin-top:4px;
pading:1px;
color:#fff;
}

a.master{
background:#000;
text-decoration:none;
color:#FF6699;
display:inline-block;
padding:3px;cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
margin-right:4px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
font-family:courier;
font-weight:bold;
border-bottom:1px solid #222;
}

a.master:hover{
background:#000;
border-bottom:1px solid #333;
text-decoration:none;
color:#808080;
display:inline-block;
padding:3px;
margin-right:4px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-bottom:20px;
}

a.follow{
background:#000;
text-decoration:none;
color:#fff;
display:inline-block;
padding:3px;cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
margin-right:4px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
border-bottom:1px solid #222;
}

a.option{
color:#fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKOyXcBt4Wa2AXc9LS1muVcaFaYr-i6-MntR1q6TPsD5QoM6NhiM9ToAQkZonwGkV8JVEno74Y2GENZCBDCjlBZcP2qZgtQJDPRs9qjTNFr9L7DWZr8Q86k2sBMR7BZrM-wvGc4-3uJDAz/s1600/tumblr_lxwynw0Pdg1r9g6hvo1_250.png);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:40px;
margin:2px;
text-align:center;
}

a.option:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}
a.follow:hover{
background:#000;
border-bottom:1px solid #333;
text-decoration:none;
color:#808080;
display:inline-block;
padding:3px;
margin-right:4px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-bottom:20px;
}

.h1 {
line-height:15px;text-transform:uppercase;
color:#999999;-webkit-transition: 1.0s;
-moz-transition: 1.0s;
padding:3px;
font-family:consolas;
font-size:17px;
border-bottom:1px solid #222;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IDw-75WhwqBF9pdI2pfGjkP7xfgAJmpX76z0VqIoXkbPWVaRtKSTsmAoCnUIzDaDGSk1sGB0X5m94Oa2EQurIMiJ-W-2jaX0P1irsDtyUcFV8HGGx8X898cXBngcYHraXK7BhLy5kKUk/s1600/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
line-height:2px;
margin:0px 0px 5px;
text-align:center;
}
.post-footer{
text-align:right;
color:#fff;
height:5px;
font-size:11px;
margin:15px 0px 15px;
line-height:2px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IDw-75WhwqBF9pdI2pfGjkP7xfgAJmpX76z0VqIoXkbPWVaRtKSTsmAoCnUIzDaDGSk1sGB0X5m94Oa2EQurIMiJ-W-2jaX0P1irsDtyUcFV8HGGx8X898cXBngcYHraXK7BhLy5kKUk/s1600/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
}

a.vip{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IDw-75WhwqBF9pdI2pfGjkP7xfgAJmpX76z0VqIoXkbPWVaRtKSTsmAoCnUIzDaDGSk1sGB0X5m94Oa2EQurIMiJ-W-2jaX0P1irsDtyUcFV8HGGx8X898cXBngcYHraXK7BhLy5kKUk/s1600/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
width:60px;
display:inline-block;
height:16px;
text-align:center;
padding:5px;
margin:2px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:2px solid transparent;
color:#fff;
}

a.vip:hover{
border:2px solid #333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#333;
}

</style>
<div style="position:fixed; top:100px; left:30px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFMg6590PYF47rAs9uvu9HqSP0TwjFhew_sSDsoaCL82MYsAzvWKSTvxXCbOuEL4pY8ariY3XNHrbshV0DyOULYtvcrefAENc1ohWuXNBPOI3mjukt4tMjrthiWhrLzQtYRiSZ2iTCsgBw/s1600/tumblr_m2dorsNLfS1r0yfa8o1_500.png" width="300">

<div class="sidebar">
<div class="nag">
Be Strong ♥ </div>
Your words/description here. </div>

<a class="Master" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">ABOUT</a>
<a class="Master" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">ENTRY</a>
<a class="Master" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">CBOX</a>
<a class="Master" onClick="document.getElementById('main').innerHTML=document.getElementById('forth').innerHTML" title="">LINKS</a>
<a class="follow" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">+</a></div>
<div style="background:#000;position:absolute; padding:10px;top:10px; left:350px; width:550px; ">
<div id="main">
<blogger> <div class="h1">
<blogger><blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>

<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled></div>
</blogger>
<div style="float:left; margin-left:10px;">
<a class="option" href=<$NewerPosts$>>◀</a></NewerPosts></div>
<div style="float:right">
<olderposts><a class="option" href=<$OlderPosts$>>▶</a> </OlderPosts></div>
</div>
</div>

<div id="one" style="display: none;">
<div style="text-align: left;">
<div class="h1" >
About</div>
Write about you here ^^

<div class="post-footer">
</div>
</div>
</div>

<div id="two" style="display: none;">
<div style="text-align: left;">
<blogger> <div class="h1">
<blogger><blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>

<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled></div>
</blogger>
<div style="float:left; margin-left:10px;">
<a class="option" href=<$NewerPosts$>>◀</a></NewerPosts></div>
<div style="float:right">
<olderposts><a class="option" href=<$OlderPosts$>>▶</a> </OlderPosts></div>
</div>
</div>
</div>

<div id="three" style="display: none;">
<div style="text-align: left;">
<div class="h1" >
Shout here</div>
cbox codes here.

<div class="post-footer">
</div>
</div>
</div>

<div id="forth" style="display: none;">
<div style="text-align: left;">
<div class="h1" >
Links</div>
<center>
<a class="vip" href="LINK">CHILL</a>
<a class="vip" href="LINK">CHILL</a>
<a class="vip" href="LINK">CHILL</a>
<a class="vip" href="LINK">CHILL</a>
<a class="vip" href="LINK">CHILL</a>
<a class="vip" href="LINK">CHILL</a>

<br/><br/><br/><div class="h1" >
Credit</div>
<center>
Skin by <a href="http://wanaseoby.blogspot.com/"> Wanaseoby</a>
<div class="post-footer">
</div>
</div>
</div>
</html>

Labels: codes