Fairytale

Designer's Comments

Look carefully for specific instructions

IMPORTANT!!

You can only use this layout if you have reverted to classic template.
Most compatible with Google chrome / firefox

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>Fairytale</title>

<div style="position:absolute; top:0px; right:0px;">
<img src="http://cbimg6.com/layouts/11/03/36624aa.png" /><img

src="http://cbimg6.com/layouts/11/03/36624ab.png" /><img

src="http://cbimg6.com/layouts/11/03/36624ac.png" /><br /><img

src="http://cbimg6.com/layouts/11/03/36624ad.png" /><img

src="http://cbimg6.com/layouts/11/03/36624ae.png" /><img

src="http://cbimg6.com/layouts/11/03/36624af.png" /><br /><img

src="http://cbimg6.com/layouts/11/03/36624ag.png" /><img

src="http://cbimg6.com/layouts/11/03/36624ah.png" /><img

src="http://cbimg6.com/layouts/11/03/36624ai.png" />
</div>

<div style="position:absolute; top:634px; right:564px; width: 165px; height: 20px; padding:5px; text-align:left ">
<OlderPosts>
<a href="<$OlderPosts$>" title="older posts"><span style="font-size:10px;"> ◄ Older posts</span></a> 
</OlderPosts>
</div>

<div style="position:absolute; top:633px; right:265px; width: 165px; height: 20px; padding:5px; text-align:right" >
<NewerPosts>
<a href="<$NewerPosts$>" title="newer posts"><span style="font-size:10px;">Newer posts ► </span></a>
</NewerPosts>
</div>

<div style="position:absolute; top:338px; right:35px; width: 165px; height: 259px; padding:5px; overflow:auto; color:#333333;">
<center><div class="title" style="display:inline-block; padding-right:15px; cursor:pointer; cursor:hand" onClick="changeNavigation('0')"

onMouseover="this.style.color='#cd0b30'" onMouseout="this.style.color='#333333'">•</div> 
<div class="title" style="display:inline-block; padding-right:15px; cursor:pointer; cursor:hand" onClick="changeNavigation('1')"

onMouseover="this.style.color='#cd0b30'" onMouseout="this.style.color='#333333'">•</div> 
<div class="title" style="display:inline-block; padding-right:15px; cursor:pointer; cursor:hand" onClick="changeNavigation('2')"

onMouseover="this.style.color='#cd0b30'" onMouseout="this.style.color='#333333'">•</div> </center><br />

Navigate with the bullets above<br /><br />

<div id="content" style="color:#333333;"></div>
<div id="0" style="display:none; color:#333333;">
A short profile about you here. Yada yada yada
</div>

<div id="1" style="color:#333333; display:none;">
Tagboard codes go here. get one at shoutmix.com / cbox.ws
</div>

<div id="2" style="color:#333333; display:none;">
<select style="background-color:#ffffff; font: normal 8pt Arial; color: #333333; padding:2px; width: 161px; border:0px;"

onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''> Archives</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>">• <$BlogArchiveName$></option>
</BloggerArchives>
</select><br /><br />

Layout : <a href="http://wickedicy.co.nr">wicked</a><a href="http://wickedicy.createblog.com">icy</a><br />
Resources : <a href="http://fivepointsapart.blogspot.com" target="_blank">X</a> 
<a href="http://shabbyprincess.com" target="_blank">X</a> 
<a href="http://dafont.com" target="_blank">X</a>
<a href="http://99mockingbirds.com" target="_blank">X</a>
</div>

</div>
</body>
</html>

Layout Comments

Showing latest 7 of 7 comments

how can i use the three bullets?

By iena on May 13, 2011 11:25 pm

Layout Details

Designer	wickedicy
Submitted on	Dec 19, 2010
Page views	27,972
Favorites	31
Comments	7
Reviewer	tokyo-rose
Approved on	Mar 2, 2011

Fairytale

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates