Codes ;

</script>

<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 30);}
}
</script>

<div id="at">
<div class="attab" onclick="showHideAT()">
<img align='left' src='http://data1.whicdn.com/images/89301771/large.jpg' width='60' height='60' style='border-radius:50px; padding:5px; border:1px dashed #eee; margin-right:5px;'>
<span style='display:inline-block; margin-top:23px; width:140px; padding:3px; font-family:b-the; font-size:14px;'> { Taggie Board }</span><br><br>
☆ No spamming or harsh words. <br>
★ No copying any design from here. <br>
☆ Leave a message if you want. <br>
★ Feel free to look around. <br><br>
<center>- Copyrighted by owner -</center>
</div>
<div class="atcontent">
<div align="center">
<div style="background:#FFF; opacity:.7;">

Replace your cbox here, <br>
width:175px; and heigh:225px;

</div>
</span></div>
</div>
</div>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><div style="color: #FFFFFF;">
<span ></span></div></a></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<style type="text/css">
#navbar-iframe {
display: none;
}

body {
font-family: ruluko;
font-size: 13px;
line-height: 1.7;
}

#main {
background: url(http://media.tumblr.com/63003f9098071c76e0f1a1b8ae49fa84/tumblr_inline_muxx09sb5I1s0gyrx.jpg);
margin-top: 130px;
margin-left: 200px;
width: 620px;
height: auto;
padding: 10px;
border: 1px solid #ccc;
height: 500px;
}

#content {
background: #fff;
color: #888;
padding: 10px;
padding-top: 10px;
box-shadow: 0 0 5px 5px #FFF;
height: 480px;
overflow-y: auto;
overflow-x: hidden;
}

::-webkit-scrollbar {
width: 10px;
height: 7px;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://data2.whicdn.com/images/88988102/large.jpg);
background-position: 72% 54%;
border: 1px solid #fff;
}

a:link, a:visited {
text-decoration: none;
color: #D4E5DB;
-webkit-transition-duration: .7s;
}

a:hover {
text-decoration: none;
color: #eee;
-webkit-transition-duration: .7s;
}

.dateh d{
font-size: 9px;
text-align: left;
color: #666;
text-align: center;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
opacity: 0;
-webkit-transition-duration: 1.5s;
}

#content:hover d, .dateh:hover d{
font-size: 9px;
text-align: center;
color: #666;
text-align: center;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
opacity: 1;
-webkit-transition-duration: 1.5s;
}

.desc {
width: 100%;
line-height: 20px;
background-image: -webkit-linear-gradient(left, #FFF, #E9F2ED, #D4E5DB, #E9F2ED, #FFF);
font-family: imprima;
font-size: 11px;
text-align: center;
color: #FFF;
letter-spacing: 1px;
}

b {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://data2.whicdn.com/images/90343146/large.jpg) ;
background-position:40% 50%;
-webkit-transition-duration: .4s;
}

b:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://data2.whicdn.com/images/90343146/large.jpg) ;
background-position:10% 20%;
-webkit-transition-duration: .4s;
}

u {
color: #888;
text-decoration: none;
border-bottom: 1px solid #eee;
-webkit-transition-duration: .7s;
}

u:hover {
color: #ccc;
text-decoration: none;
border-bottom: 1px solid #fff;
-webkit-transition-duration: .7s;
}

strike {
opacity: 1;
-webkit-transition-duration: .8s;
}

strike:hover {
opacity: 0;
-webkit-transition-duration: .8s;
}

/* Drop Down Navigator
----------------------------------------------- */
#at{
position: fixed;
left: 0px;
z-index: +2000;
}
* html #at{position:relative;}
.attab{
height: 235px;
width: 225px;
float: left;
cursor: pointer;
background: #FFF;
border: 1px solid #eee;
padding: 5px;
}
.atcontent{
float: left;
border: 1px solid #eee;
background-image: url(http://data2.whicdn.com/images/89262761/large.jpg);
background-size: 200px 300px;
background-position: 30% 60%;
border-radius：20px;
padding: 10px;
}

/* Blockquote
----------------------------------------------- */
blockquote {
background: url(http://media.tumblr.com/5140fd1c3ad54c41a2f730999f8e1dcf/tumblr_inline_muxx2g0MRI1s0gyrx.gif);
padding: 10px;
color: #FFF;
box-shadow: inset 0px 0px 20px 0px #FFF;
-webkit-transition-duration: 3.5s;
border: 2px dashed #FFF;
}

blockquote:hover {
color: #888;
box-shadow: inset 0px 1000px 0px 0px #FFF;
padding: 10px;
-webkit-transition-duration: 3.5s;
}

/* Image Effect
----------------------------------------------- */
#img-eff {
background: #FFF;
margin-top: -20px;
margin-left: 110px;
width: 80px;
height: 80px;
padding: 5px;
border-radius: 50px;
-webkit-transition-duration: 1.9s;
}

#img-eff1 {
background: #FFF;
margin-left: 270px;
margin-top: -20px;
width: 80px;
height: 80px;
padding: 5px;
border-radius: 50px;
-webkit-transition-duration: 1.9s;
}

/* Image Hover
----------------------------------------------- */
.nav-entry {
background: #FFF;
font-family: imprima;
font-size: 9px;
color: #888;
text-align: center;
display: inline-block;
width: 75px;
height: 15px;
padding: 5px;
margin-top: 15px;
margin-left: -5px;
opacity: 1;
-webkit-transition-duration: .5s;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}

.nav-entry1 {
background: #FFF;
font-family: imprima;
font-size: 9px;
color: #888;
text-align: center;
display: inline-block;
width: 75px;
height: 15px;
padding: 5px;
margin-top: 43px;
margin-right: -70px;
opacity: 1;
-webkit-transition-duration: .5s;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}

@font-face{font-family:tinytots; src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

@font-face{
font-family: b-sk;
src:url(http://static.tumblr.com/0slxnjy/6rSmrhc2v/skydunkwishes.ttf);
}

</style>

<body oncontextmenu='return false;' onkeydown='return false;'>
<blogger>

<!---------------------------------Banner--------------------------------!>
<div style='position:fixed; top:35px; left:350px; font-size:55px; font-family: Bad Script; -webkit-background-clip:text; -webkit-text-fill-color: transparent; background-image:url(http://data1.whicdn.com/images/88914278/large.png); background-position:60% 20%;'>Love everywhere ;</div>

<!-------------------------------Navigate---------------------------------!>
<div style='position:fixed; top:0px; right:220px; background:url(http://25.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png); width:120px; height:100%;'></div>

<div style='position:fixed; top:50px; right:150px;'>
<br><br>
<img style='margin-bottom:10px; background:#FFF; padding:5px; border:1px solid #eee; margin-left:115px;' width='250' src='http://data2.whicdn.com/images/87439206/large.jpg'><br><br>
<img align='left' id='img-eff' src='http://i.imgur.com/c72Z4i6.gif'><div class='nav-entry'><a onClick="document.getElementById('content').innerHTML=document.getElementById('entry').innerHTML" title="">E N T R Y</a></div><br>
<img align='right' id='img-eff1' src='http://i.imgur.com/Pj9KBWw.gif'><div class='nav-entry1'><a onClick="document.getElementById('content').innerHTML=document.getElementById('profile').innerHTML" title="">A B O U T</a></div><br>
<img align='left' id='img-eff' style='margin-top:-25px;' src='http://i.imgur.com/ZCmG1ed.jpg'><div style='margin-top:7px;'class='nav-entry'><a onClick="document.getElementById('content').innerHTML=document.getElementById('other').innerHTML" title="">O T H E R S</a></div><br>
<img align='right' id='img-eff1' src='http://i.imgur.com/u2wrBvL.jpg'><div class='nav-entry1'><a href='http://www.blogger.com/follow-blog.g?blogID=5222993684700133944'>F O L L O W</a></div><br>
<img align='left' id='img-eff' style='margin-top:-25px;' src='http://i.imgur.com/GZmRVaC.jpg'><div style='margin-top:7px;'class='nav-entry'><a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" src="" alt="" title="Click"/>C B O X</a></div><br>
</div>

<!----------------------------------Posts---------------------------------!>
<div id='main'>
<div id='content'>
<div style='text-align:center; width:100%; padding:10px; font-family:allura; font-size:17px; color:#888;'><$BlogItemTitle$></div>
<div style='width:100%; height:5px; background:url(http://media.tumblr.com/84c9a54d62173ea92f0b256d9796adcd/tumblr_inline_muxx4xb3nb1s0gyrx.png); margin-top:-9px;'></div>
<div class='dateh'><center><d>POST BY : <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> COMMENT(S)</a></BlogItemCommentsEnabled></d></center></div><br>
<$BlogItemBody$>
<center><NewerPosts><a href='<$NewerPosts$>'>< Latest Memories</a></NewerPosts> / <OlderPosts><a href='<$OlderPosts$>'>Past Memories ></a></OlderPosts></center>
</div>
</div>

<!----------------------------------ENTRY----------------------------------!>
<div id="entry" style="display: none;">
<div style='text-align:center; width:100%; padding:10px; font-family:allura; font-size:17px; color:#888;'><$BlogItemTitle$></div>
<div style='width:100%; height:5px; background:url(http://media.tumblr.com/84c9a54d62173ea92f0b256d9796adcd/tumblr_inline_muxx4xb3nb1s0gyrx.png); margin-top:-9px;'></div>
<div class='dateh'><center><d>POST BY : <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> COMMENT(S)</a></BlogItemCommentsEnabled></d></center></div><br>
<$BlogItemBody$>
<center><NewerPosts><a href='<$NewerPosts$>'>< Latest Memories</a></NewerPosts> / <OlderPosts><a href='<$OlderPosts$>'>Past Memories ></a></OlderPosts></center>
</div>

<!---------------------------------PROFILE---------------------------------!>
<div id="profile" style="display: none;">
<center><span style='font-family:b-sk; font-size:17px;'>P R O F I L E</span></center>
<div class='desc'>ABOUT : DA' OWNER</div>
<br>
Replace your own profile here :)
</div>

<!----------------------------------OTHER----------------------------------!>
<div id="other" style="display: none;">
<center><span style='font-family:b-sk; font-size:17px;'>O T H E R S</span></center>
<div class='desc'>VIEW MORE : CREDITS</div>
<br>
<center><img width='400' src='http://data2.whicdn.com/images/89184005/large.jpg'><br>
Template made by <a href='http://angelbii.blogspot.com/'>Bii</a>.<br>
Do credit the owner and change the designer as you :)
- Best viewed in Google Chrome -
</center>
</div>
</blogger>
</body>

<!-----------------------------------MP3-----------------------------------!>
<div style='position:fixed; bottom:0px; left:0px;'>
Put your MP3 here :)</div>

</html>