<html>
<head>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_lVEYDf0PziyJ-mPIacwLV2GEB-SMAuvCjp_HN0l5NsJoS4fRtySvs9-YTszmnpfBQblbmpRAnIP8WkjI-qdtsbpRGT4VDZzWJ4LAttK_kHgz1sIDMMAgIg6kOil5AGO_S63S_Re9ME/s1600/freebies4+%281%29.png" /></center>
<title>PINKY BLOGGIE</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(http://img196.imageshack.us/img196/4600/1043585ir2mebcqub.gif);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#FF33CC;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #666;
}
.mainblog {
background:#ffffff;
color:#666666;
padding:14px;
width:900px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
color:#000000;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
</style>
<body>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title"><center><form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onclick="this.value=''" style="background: #FCB8D4; color: black; font-size: 13px; height: 17px; width: 150px;" type="text" value="Put Any Words Here" /><input id="searchButton" style="background: #FF8AB9; border-color: #000000; color: white;" type="submit" value="Search!" /></form></center></div>
Search!</div>
<br>
<style>
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#FF8888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FF8888;
}
.raejun:hover{
width:66px;
border-left:30px solid #FFBBBB;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
<style>
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#FF8888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FF8888;
}
.raejun:hover{
width:66px;
border-left:30px solid #FFBBBB;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:100px;left:20px;width:100px; color:#aaa;">
<div style="background:#FFBBBB;color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; text-transform:uppercase;">
Navi</div>
<img src="http://th02.deviantart.net/fs70/200H/f/2011/223/e/a/kawaii_neko_by_deidarasabsoluteluvr-d468if2.jpg" style="width:80px;border:10px solid #eee;margin-top:5px;box-shadow:2px 2px 4px #ddd;" >
<a class="raejun" href="LINK HERE">link 1</a>
<a class="raejun" href="LINK HERE">link 2</a>
<a class="raejun" href="LINK HERE">link 3</a>
<a class="raejun" href="LINK HERE">link 4</a>
</div>
<br>
<style>
.why a:link, .why a:active, .why a:visited
{
width:96px; background: #FFDFFF;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px Short Stack;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #FFDFFF;
}
.why a:hover{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#FFA8FF; color: #CB59E8;
border-bottom:1px solid #FFDFFF;
}
</style>
<center><div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aERhFpzORfliUCZi40GsNBCJdcVZgoLqezFhQQYE6QpeSFI6lKis8253RPPDSDMO11UN-qJqVBRIxX_N2v5Uy9Eix_hr3FHONXd8zY9MbBJVkvprkuoErCw8HgusL0hX5VISnpayjYMY/s1600/white-background-pink-flower.gif) repeat; border:1px dashed #C3E5FB;padding:5px;width:200px;"> <img style="width:200px;height:140px;" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQaE5vipa8UarqCkTu6xHpeZ3T1GqSqpEgE4Pzy_Fsyf7TnlxQL"><br> <div class="why"> <a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">Follow</a> <a href="http://blogger.com/home">Dashboard</a></center><br>
<center>your text<br><br>
</center><br>
<div id="hide"></div>
</div></div></div></center>
<td valign="top" width:550px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Pink (s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td><br>
<style type="text/css">body, a, a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur818.cur), default;} a:hover {cursor:url(http://cur.cursors-4u.net/others/oth-6/oth644.cur),wait;}</style>
<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5nwDlHAXGwii78KL4a0l4o9aV9GLWdyaQZnKTCFAIOZMyMk0SVYZ9x0TkGqafZPwGpGtvy7vqCuZebwCpBq40gWJfJwqif5helawfi6BCP1IL2LlbxO5D34ygG5iR2R-j-kHezp47wfA/s1600/pink+scall1.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<center><div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" value="CREDIT SECTION" style="width:200px;font-size:12px;background-image:url(http://ri.pinger.pl/pgr255/958ff6bc00139d4952fa13cf/5bb5cffc00139d4952c6f604.gif);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #cccccc;" type="button" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">
<center><div style="text-align:center">
Template : <a href=" http://jauzahanun-library.blogspot.com/ ">Jauza'</a><div style="text-align:center">
Designer : <a href=" http://blog.blogspot.com/ ">Me</a><div style="text-align:center">
Helped : <a href="http://you-link.blogspot.com/">All</a>
</div></div></div></div></div></div></div></center>
<div id="hide"></div>
</div></div></div></center>
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimfiJ1cg_G7Nn16DRfXTQM5Rca9urlKkXimC0IOI9S-XVH2q_Y6AoKYn_dbqIMusw9RCPZhZVlKO2lPWKubgUbpu5UPhCJawU-V1b1iOnDCzoY-HAFuqQjynI_o5G7lKa7XSQqfwpzR3Cf/s1600/up.png?t=1292762029"></a>
</table></body></head></html>