Seraphical Dreams

Designer's Comments

Look carefully for specific instructions

It will be greatly appreciated if you keep the credits as I took effort making this blogskin.

Please host the image(s) and/or flash file(s) to your own server. I recommend that you use Ripway, Photobucket or ImageShack.

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

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

document.oncontextmenu=new Function("return false")
// --> 
</script>

<title>
Seraphical Dreams.
</title>

body{background-image:url(http://cbimg9.com/layouts/08/06/28721ab.jpg); background-position:top; background-repeat:repeat-x; background-color:#075664;}
body,td{font:normal 8pt tahoma,arial,verdana; color:#222222; line-height:95%;}

blockquote{background:#52999b; padding:5px;}

a{font:normal 8pt tahoma,arial,verdana; color:#d4f6f8; text-decoration:none;} 
a:hover{color:#a4e3ee;}

.link{font:bold 8pt tahoma,arial,verdana; color:#70b0bb; letter-spacing:2px; text-align:left; text-transform:uppercase; line-height:100%;}
.entries, span{font:normal 8pt tahoma,arial,verdana; color:#222222; text-align:left; line-height:100%;}
.date{font:bold 9pt book tahoma,georgia,garamond; color:#074955; text-align:center; text-transform:uppercase; background:#4c887c; border-bottom:3px solid #3c7066;} 
.navigation{font:bold 9pt book antiqua,georgia,garamond; color:#074955; text-align:center; text-transform:uppercase; line-height:95%; background:#4c887c; border-bottom:3px solid #3c7066;}
.navigationbox1{font:italic 15pt book antiqua,georgia,garamond; text-align:center; color:#074955; padding:5px;}
.navigationbox{text-align:left; padding:5px;}
.entrybox{padding:5px;}

#navbar-iframe{visibility:hidden; display:none;}

</style>

</head>
<body>

<a style="position:absolute;right:495px;top:172px" class="link" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</a>

<a style="position:absolute;right:281px;top:172px" class="link" onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML">Tagboard</a>

<a style="position:absolute;right:198px;top:172px" class="link" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">Links</a>

Welcome To Yoururl.blogspot.com

</div>

<div class="navigation">Yours Truly</div>

Profile here

</div>

<Blogger>

</div>

<br>

<$BlogItemBody$>

<br>

<br>

</div>

</Blogger>

</div>

<div class="navigation">
Tagboard
</div>

Tagboard here

</div>

<div id="links" style="overflow:auto;position:absolute;visibility:hidden">
<div class="navigation">Exits</div>

<a href="http://www.blogger.blogspot.com/" target="_blank">Link</a><br>
<a href="http://www.blogger.blogspot.com/" target="_blank">Link</a><br>
<a href="http://www.blogger.blogspot.com/" target="_blank">Link</a><br>
<a href="http://www.blogger.blogspot.com/" target="_blank">Link</a><br>
<a href="http://www.blogger.blogspot.com/" target="_blank">Link</a><br>

</div>

<br>

<div class="navigation">Archives</div>

</div>

<br>

<div class="navigation">Credits</div>

Host: <a href="http://www.blogger.com" target="_blank">Blogger</a><br>
Software: Adobe Illustrator CS 2, Macromedia Flash Pro 8<br>
Resources: <a href="http://www.moargh.de/" target="_blank">1</a><br>
Layout © <a href="http://blogskins.com/me/xavqior" target="_blank">Xav</a><a href="http://www.xavqior.deviantart.com" target="_blank">qior</a>

</div>

</body>
</html>

Layout Comments

Showing latest 10 of 25 comments

hi..please help me..when i tried to use this layout..

it shows the following error..

Error parsing XML, line 68, column 3: The element type "param" must be terminated by the matching end-tag "".

thanks

By giean on Mar 25, 2012 3:13 pm

oh, as well, I can only see the latest post, in the blog section
how can I make it so that the previous posts can be seen as well?

By Jaiyi on Apr 4, 2010 10:59 pm

This is an amazing, amazing layout.
but, I have a question, how do I get the blog title to appear as well?

By Jaiyi on Apr 4, 2010 8:56 pm

@polarlucky: GO TO EDIT HTML, NOT CUSTOMISE. You'll find it better to post your code there and save. If you don't like it, just click Revert to Classic and save.

@kestrella: Read my below post and try that.

@Adriannaa: Are you going into Edit HTML or Customise? You have to go into EDIT HTML and edit all the parts that say "edit me" or whatnot.

@Rain2cry: You have to add a cbox or a shoutmix in order to have comments. Since you're using a layout, it's not the same as a premade template on blogger.

By iDewdlez on Jun 29, 2009 9:14 am

I revert to classic, but it will not work for me. Usually I just open up the blogger main file, press control+A and paste it onto the textbox. When I finish typing in the profile and stuff, it works like a charm. I have proofs!

By iDewdlez on Jun 29, 2009 9:07 am

Very clean and smooth. I like it a lot. Excellent job. :)

By Mikeplyts on Feb 8, 2009 1:26 pm

I love this layout so much, but for some reason I cannot read the comments of my blogs when using it. Any ideas or suggestions on how to fix this?

By rain2cry on Jan 12, 2009 7:39 pm

thx using it xxx

By Mialexia on Dec 10, 2008 1:02 pm

I don't know how to get it to work. I posted it in html header section but it only covers part of the page and covers up my old blog. What do I do?

By polarlucky on Oct 13, 2008 4:16 pm

cute layout! :D

By purpledino on Jul 23, 2008 10:51 pm

View all »

Layout Details

Designer	Xavqior
Submitted on	Jun 23, 2008
Page views	55,413
Favorites	168
Comments	25
Reviewer	Relentless
Approved on	Jun 23, 2008

Seraphical Dreams

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates