First save your blog so you can always change it back if you don't like the changes you are about to make.
To do this go to Layout -> Edit HTML and choose Download full template.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc8900">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
/* Use this with templates/template-twocol.html */
font:x-small Georgia Serif;
font-size/* */:/**/small;
text-decoration:underline;
-----------------------------------------------
border:0px solid $bordercolor;
border: 0px solid $bordercolor;
text-transform:uppercase;
text-transform:uppercase;
color: $descriptioncolor;
border: 1px solid $bordercolor;
----------------------------------------------- */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
----------------------------------------------- */
text-transform:uppercase;
-----------------------------------------------
border-bottom:1px dotted $bordercolor;
.post h3 a, .post h3 a:visited, .post h3 strong {
.post h3 strong, .post h3 a:hover {
text-transform:uppercase;
border:1px solid $bordercolor;
----------------------------------------------- */
text-transform:uppercase;
#comments-block .comment-author {
#comments-block .comment-body {
#comments-block .comment-footer {
text-transform:uppercase;
#comments-block .comment-body p {
----------------------------------------------- */
color: $sidebartextcolor;
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
----------------------------------------------- */
border: 1px solid $bordercolor;
text-transform:uppercase;
text-transform: uppercase;
----------------------------------------------- */
text-transform:uppercase;
/** Page structure tweaks for layout editor wireframe */
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tempting Eight (CabeƧalho)' type='Header'/>
<div id='content-wrapper'>
<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Mensagens de blogue' type='Blog'/>
<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Tags' type='Label'/>
<div style='clear:both;'/>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> <!-- end outer-wrapper -->
Delet everything you have on your edit template window and paste the text above.
Now you have a three column blog!
Now go to your 'Add and Arrange Page Elements' screen and click 'Add a Gadget'.
Choose HTML/JavaScript and copy/paste the following:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU55ndpE9kGL6MWS6sTH07E22tKNpvOvIm0EGEDIIJ5qb1sPB6aINi1_aG7SfUE8SC-j-drKfpAaF9cq7oq1TBtePTfO2mEvbs4DLK0hIaAjD8-h5aBgf3d7f3rqE08KiAU6jpdYveN7M/ background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20right%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A200px%3B%20height%3A75px%3B%22%3E%0A%3Ca%20href%3D%22 http://temptingplates.blogspot.com/%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http://lh4.ggpht.com/_-QTbKoWOaTI/S1-Ar5OlayI/AAAAAAAAADg/cWo2ypIpRd8/tempting_roxo_lilas_com_fundo.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>
Save your work and you're done!
Now you can edit the color of your text and add gadgets like on any other blogger template.
If you like this background but want to modify it in any way and use it, here it is:
It would be great if you could link back to this blog!
Have fun with your new blog. :)