freak of nature

Designer's Comments

Look carefully for specific instructions

not all credit goes to me

THIS ONLY WORKS ON CLASSIC TEMPLATE

How to convert:

go to your homepage
settings
edit HTML
go all the way down
click revert back to classic template

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

Help

<html><head>
<title>28. When I freak you understand</title>

a:link,a:active,a:visited{font-family: arial; color: #666666; text-decoration: none; font-weight:normal;  -webkit-transition-duration:0.50s;} 
a:hover{color:#deeda9;}

a.boxlink:link, a.boxlink:active, a.boxlink:visited 
{display: inline-block; font: 8pt arial; background: #f9f9f9; color: #666666; width: 88px; padding: 3px; text-align:center; margin-bottom:1px;}
a.boxlink:hover {background: #fdfdfd; color: #deeda9;}

.h1 {color:#666; font-family:arial; text-transform:uppercase; font-size:8pt; letter-spacing: 2px; border-bottom:2px solid #F1FAD2; margin-bottom:5px;}
.item{background:#fff; padding:5px; border: 1px solid #f1f1f1; margin-bottom:5px;}
.item img{max-width:488px;}

.navs {display: inline-block; font: 7pt arial; background: #f9f9f9; color: #666666; width: 75px; padding: 3px; text-align:center; margin-bottom:1px; cursor:default; -webkit-transition-duration:0.50s;}

</style></head><body>
<center><br><br><table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top" width="500px" style="font-size:8pt; padding-right:450px;">
<div style="background:#F1FAD2; text-transform:uppercase; font-size:7pt; padding:5px; color:#666; -webkit-border-radius:10px 10px 0px 0px; 
-moz-border-radius:10px 10px 0px 0px;"><a href="/">REFRESH</a></div>

<div style="background:#fff; border: 1px solid #eee; margin-bottom:5px;">
<table border="0" cellpadding="0" cellspacing="5"><tr>
<td valign="top" width="250px" style="font-size:8pt; padding-right:5px;">
<img src="http://cbimg6.com/layouts/11/04/36632aa.jpg" align="left" style="width:60px; border:1px solid #eee; padding:3px; margin-right:5px;">
blahblah<br> Your short profile here hoho.<br>
» <a href="http://flavors.me/" target="_blank">view all my links</a></td>

<td valign="top" width="278px" style="font-size:8pt;"><div style="font:8pt georgia; font-style:italic; padding-top:5px;">
Cause you wrote my name across your hand</div> <div style="font:14pt georgia; font-style:italic; padding-bottom:5px;">When I freak you understand</div>
<a style="display:inline-block; font-size:7pt; width:75px; background: #f9f9f9; padding: 3px; text-align:center; margin-bottom:1px;" href="/">ENTRIES</a>
<span class="navs" onMouseover="this.style.color='#deeda9',this.style.background='#fdfdfd'" onMouseout="this.style.color='#666666', this.style.background='#f9f9f9'" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML">ABOUT</span>
<span class="navs" onMouseover="this.style.color='#deeda9',this.style.background='#fdfdfd'" onMouseout="this.style.color='#666666', this.style.background='#f9f9f9'" onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML">AFFIES</span>
</td></tr></table></div>

<div id="main">
<blogger><div class="item">
<div style="float:right; font-size:7pt; text-transform:uppercase; border-bottom:1px solid #eee; border-left:1px solid #eee; width:140px; text-align:right;
background:#f9f9f9; margin-right:-5px; margin-top:-5px; padding:4px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;">
Posted at <$BlogItemDateTime$> by Kim <img src="http://i53.tinypic.com/2vblp4x.jpg"/></div>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><br>
<$BlogItemBody$></div></blogger></div>

<div id="about" style="display:none;">
<div class="item"><div class="h1">about</div>
Rah rah a more detailed profile if you're bothered. I like cheese and monochrome black converse ho yeah. Change blog id for your follow button link.</div>

<div class="item">
<div class="h1">tagboard</div>
Tagboard here, you can do max width 488px or the side by side thing.<br>
<b>cbox form :</b> width 175, height 125. <b>cbox main :</b> width 310, height 125.
</div></div>

<div id="affies" style="display:none;">
<div class="item"><div class="h1">affiliates</div>
<a href="http://" class="boxlink" target="_blank">Anna !</a>
<a href="http://" class="boxlink" target="_blank">Eva !</a>
<a href="http://" class="boxlink" target="_blank">Gabby !</a>
<a href="http://" class="boxlink" target="_blank">Joyce !</a>
<a href="http://" class="boxlink" target="_blank">Wanjing !</a>
<a href="http://" class="boxlink" target="_blank">Your</a>
<a href="http://infatuatedl-ove.blogspot.com/" class="boxlink" target="_blank">affies</a>
<a href="http://" class="boxlink" target="_blank">go</a>
<a href="http://" class="boxlink" target="_blank">here</a>
<a href="http://" class="boxlink" target="_blank">BOOM !</a>
</div>
<div class="item"><div class="h1">credits</div>
Layout and image edited by <a href="http://fallingyou.blogspot.com" target="_blank">mymostloved</a> 
with icon by <a href="http://geekier.blogspot.com" target="_blank">neonworms</a> and base image from <a href="http://khuntoria.tumblr.com/post/940057843/beautiful-fan-art-of-khuntoria" target="_blank">khuntoria</a>.
</div></div>
</td></tr></table></center>

<div style="top:0px; right:0px; position:fixed;">
<a style="background:#F1FAD2; font-size:7pt; text-align:center; display:inline-block; width:100px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;" 
href="FOLLOW LINK HERE target="_blank">+ FOLLOW</a>
</div>

</body></html>

Layout Comments

Showing latest 6 of 6 comments

centrifuge machine

By venscrusher on Mar 8, 2012 2:24 am

ANGORA SOCKS www.bssock.com are very warm to wear in winter

By caojunbang on Dec 21, 2011 2:09 am

I can't change the background =.=

By KairFien on May 11, 2011 2:26 am

Very nice :D

By KairFien on May 11, 2011 2:10 am

Layout Details

Designer	mothermolasses
Submitted on	Jan 23, 2011
Page views	23,218
Favorites	16
Comments	6
Reviewer	tokyo-rose
Approved on	Apr 4, 2011

freak of nature

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates