♥ I Love Pucca.org - Tudo sobre a Pucca!

Home » Layouts para Blogger

Vc gosta muito da Pucca e quer seu Blogger com a cara dela?
Então escolha um que te agrade e use

Instruções::
Para instalar o layout primeiro copie o código do layout desejado.
Depois vá no seu painel de controle do Blogger, clique em TEMPLATE >> Editar HTML >> Apague todo o código existente e cole o novo código do layout da Pucca.

Código:

< ?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'> 
 <head> 
 
 < ![CDATA[/* 
----------------------------------------------- 
Blogger Template Style 
Name: Unknown 
Designer: Unknown 
URL: www.Pimp-My-Profile.com 
----------------------------------------------- */
/* Variable definitions 
 ==================== 
 <Variable name="bgcolor" description="Page Background Color" 
 type="color" default="#ffffff" value="#ffffff"> 
 <variable name="textcolor" description="Text Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="linkcolor" description="Link Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="pagetitlecolor" description="Blog Title Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="descriptioncolor" description="Blog Description Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="titlecolor" description="Post Title Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="bordercolor" description="Border Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="sidebarcolor" description="Sidebar Title Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="sidebartextcolor" description="Sidebar Text Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="visitedlinkcolor" description="Visited Link Color" 
 type="color" default="#000000" value="#000000"> 
 </variable><variable name="bodyfont" description="Text Font" 
 type="font" default="normal normal 100% Arial, verdana" value="normal normal 100% Arial, verdana"> 
 </variable><variable name="headerfont" description="Sidebar Title Font" 
 type="font" 
 default="normal normal 78% Arial, Verdana" value="normal normal 78% Arial, Verdana"> 
 </variable><variable name="pagetitlefont" description="Blog Title Font" 
 type="font" 
 default="normal normal 200% Arial, Verdana" value="normal normal 200% Arial, Verdana"> 
 </variable><variable name="descriptionfont" description="Blog Description Font" 
 type="font" 
 default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> 
 </variable><variable name="postfooterfont" description="Post Footer Font" 
 type="font" 
 default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> 
*/
/* Use this with templates/template-twocol.html */
body { 
 background:$bgcolor; 
 margin:0; 
 color:$textcolor; 
 font:x-small $bodyfont; 
 font-size/* */:/**/small; 
 font-size: /**/small; 
 text-align: center; 
 background-color : $bgcolor; 
 background-image : url(http://content.pimp-my-profile.com/i76/6/12/6/f_fa6643cc44a7.jpg) ; 
 background-position : Center Right; 
 background-attachment : fixed ; 
 background-repeat : repeat ; 
 border-color : 000000 ; 
 border-width : 2 px; 
 border-style 	 : Dotted ; 
 scrollbar-face-color : 000000 ; 
 scrollbar-highlight-color: aaaaaa ; 
 scrollbar-3dlight-color : 000000 ; 
 scrollbar-shadow-color : 000000 ; 
 scrollbar-darkshadow-color: aaaaaa ; 
 scrollbar-arrow-color : 000000 ; 
 scrollbar-track-color : aaaaaa ; 
 } 
a:link { 
 color:$linkcolor; 
 text-decoration:none; 
 } 
a:visited { 
 color:$linkcolor; 
 text-decoration:none; 
 } 
a:hover { 
 color:$titlecolor; 
 text-decoration:underline; 
} 
a img { 
 border-width:0; 
 }
/* Header 
———————————————– 
 */
#header-wrapper { 
 width:660px; 
 margin:0 auto 10px; 
 border:1px solid $bordercolor;
 }
#header-inner { 
 background-position: center; 
 margin-left: auto; 
 margin-right: auto; 
}
#header { 
 margin: 5px; 
 border: 1px solid $bordercolor; 
 text-align: center; 
 color:$pagetitlecolor; 
 background-color:transparent; 
 background-image:url(http://content.pimp-my-profile.com/tp/ffffff-50-tp.png); 
}
#header h1 { 
 margin:5px 5px 0; 
 padding:15px 20px .25em; 
 line-height:1.2em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 font: $pagetitlecolor; 
}
#header a { 
 color:$pagetitlecolor; 
 text-decoration:none; 
 }
#header a:hover { 
 color:$pagetitlecolor; 
 }
#header .description { 
 margin:0 5px 5px; 
 padding:0 20px 15px; 
 max-width:700px; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 line-height: 1.4em; 
 font: $bodyfont; 
 color: $textcolor; 
 }
#header img { 
 margin-left: auto; 
 margin-right: auto; 
}
/* Outer-Wrapper 
———————————————– */ 
#outer-wrapper { 
 width: 660px; 
 margin:0 auto; 
 padding:10px; 
 text-align:left; 
 font: $bodyfont; 
 }
#main-wrapper { 
 width: 410px; 
 float: left; 
 padding: 5px; 
 border:1px solid $bordercolor; 
 background-color:transparent; 
 background-image:url(http://content.pimp-my-profile.com/tp/ffffff-50-tp.png);
 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 */ 
 }
#sidebar-wrapper { 
 width: 220px; 
 float: right; 
 padding: 5px; 
 border:1px solid $bordercolor; 
 background-color:transparent; 
 background-image:url(http://content.pimp-my-profile.com/tp/ffffff-50-tp.png);
 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 */ 
}
/* Headings 
———————————————– */
h2 { 
 margin:1.5em 0 .75em; 
 font:$headerfont; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color:$pagetitlecolor; 
}
/* Posts 
———————————————– 
 */ 
h2.date-header { 
 margin:1.5em 0 .5em; 
 }
.post { 
 margin:.5em 0 1.5em; 
 border-bottom:1px dotted $bordercolor; 
 padding-bottom:1.5em; 
 background-color:transparent; 
 } 
.post h3 { 
 margin:.25em 0 0; 
 padding:0 0 4px; 
 font-size:140%; 
 font-weight:normal; 
 line-height:1.4em; 
 color:$pagetitlecolor; 
}
.post h3 a, .post h3 a:visited, .post h3 strong { 
 display:block; 
 text-decoration:none; 
 color:$titlecolor; 
 font-weight:normal; 
}
.post h3 strong, .post h3 a:hover { 
 color:$textcolor; 
}
.post p { 
 margin:0 0 .75em; 
 line-height:1.6em; 
}
.post-footer { 
 margin: .75em 0; 
 color:$textcolor; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $bodyfont; 
 line-height: 1.4em; 
}
.comment-link { 
 margin-left:.6em; 
 } 
.post img { 
 padding:4px; 
 border:1px solid $bordercolor; 
 } 
.post blockquote { 
 margin:1em 20px; 
 } 
.post blockquote p { 
 margin:.75em 0; 
 }
/* Comments 
———————————————– */ 
#comments h4 { 
 margin:1em 0; 
 font-weight: bold; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color: $textcolor; 
 padding: 5px; 
 border:1px solid $bordercolor; 
 background-color:transparent; 
 background-image:url(http://content.pimp-my-profile.com/tp/ffffff-50-tp.png);
 }
#comments-block { 
 margin:1em 0 1.5em; 
 line-height:1.6em; 
 } 
#comments-block .comment-author { 
 margin:.5em 0; 
 } 
#comments-block .comment-body { 
 margin:.25em 0 0; 
 } 
#comments-block .comment-footer { 
 margin:-.25em 0 2em; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 } 
#comments-block .comment-body p { 
 margin:0 0 .75em; 
 } 
.deleted-comment { 
 font-style:italic; 
 color:gray; 
 }
#blog-pager-newer-link { 
 float: left; 
 }
#blog-pager-older-link { 
 float: right; 
 }
#blog-pager { 
 text-align: center; 
 }
.feed-links { 
 clear: both; 
 line-height: 2.5em; 
}
/* Sidebar Content 
———————————————– */ 
.sidebar { 
 color: $textcolor; 
 line-height: 1.5em; 
 }
.sidebar ul { 
 list-style:none; 
 margin:0 0 0; 
 padding:0 0 0; 
} 
.sidebar li { 
 margin:0; 
 padding:0 0 .25em 15px; 
 text-indent:-15px; 
 line-height:1.5em; 
 }
.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor; 
 margin:0 0 1.5em; 
 padding:0 0 1.5em; 
 }
.main .Blog { 
 border-bottom-width: 0; 
}
/* Profile 
———————————————– */ 
.profile-img { 
 float: left; 
 margin: 0 5px 5px 0; 
 padding: 4px; 
 border: 1px solid $bordercolor; 
}
.profile-data { 
 margin:0; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $bodyfont; 
 color: $textcolor; 
 font-weight: bold; 
 line-height: 1.6em; 
}
.profile-datablock { 
 margin:.5em 0 .5em; 
}
.profile-textblock { 
 margin: 0.5em 0; 
 line-height: 1.6em; 
}
.profile-link { 
 font: $bodyfont; 
 text-transform: uppercase; 
 letter-spacing: .1em; 
}
/* Footer 
———————————————– */ 
#footer { 
 width:660px; 
 clear:both; 
 margin:0 auto; 
 padding-top:15px; 
 line-height: 1.6em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 text-align: center; 
 padding: 5px; 
 border:1px solid $bordercolor; 
 background-color:transparent; 
 background-image:url(http://content.pimp-my-profile.com/tp/ffffff-50-tp.png); 
}
/** Page structure tweaks for layout editor wireframe */ 
body#layout #header { 
 margin-left: 0px; 
 margin-right: 0px; 
}
.bloggerPmPBar { background-color:#003366; 
color:#9cceff; 
font-family: Arial, Helvetica, sans-serif; 
font-size:10px; 
text-align:left; 
padding:2px 2px 2px 6px;} 
.bloggerPmPBar a {color:#9cceff} 
.PmPLogo {float:right;padding-right:9px;}
]]></variable> 
 </head>
 <body>
<div class="bloggerPmPBar" onclick="location.href='http://www.pimp-my-profile.com/';" style="cursor:pointer;">
<div class="PmPLogo">� Pimp-My-Profile.com</div>
 THOUSANDS OF FREE BLOGGER TEMPLATES � </div>
<div id='outer-wrapper'>
<div id='wrap2'>
  
 
 <a href='#main'>skip to main </a> | 
 <a href='#sidebar'>skip to sidebar</a> 
 
<div id='header-wrapper'>
 
 

 
 
 
<div id='header-inner'>
 <a expr:href='data:blog.homepageUrl' style='display: block'> 
 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> 
 </a>
 </div>
<center>
<div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div>
</center>
 
 
<div expr:style='"background-image: url("" + data:sourceUrl + ""); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
 
 <data :title/> 
 
 <a expr:href='data:blog.homepageUrl'><data :title/></a> 
 
 </h1>
</div>
<div class='descriptionwrapper'>
<data :description/>
</div>
</div>
<center>
<div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div>
</center>
 
 
 
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
 
 <data :title/> 
 
 <a expr:href='data:blog.homepageUrl'><data :title/></a> 
 
 </h1>
</div>
<div class='descriptionwrapper'>
<data :description/>
</div>
</div>
<center>
<div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div>
</center></div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
 
 </div>
<div id='main-wrapper'>
 
 

<div class='blog-pager' id='blog-pager'>
 
 
 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data :newerPageTitle/></a> 
 
 
 
 
 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data :olderPageTitle/></a> 
 
 
 
 <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> 
 
 
 <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> 
 
 </div>
</div>
<div class='clear'/>
 
 <a name='links'/> 
<h4><data :post.backlinksLabel/></h4>
 
<dl class='comments-block' id='comments-block'>
 
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
   
 <a expr:href='data:backlink.url' rel='nofollow'><data :backlink.title/></a> 
 
 </dt>
<dd class='comment-body collapseable'>
 <data :backlink.snippet/>
 </dd>
<dd class='comment-footer collapseable'>
 <data :post.authorLabel/> <data :backlink.author/> 
 <data :post.timestampLabel/> <data :backlink.timestamp/>
 </dd>
</div>
 
 </dl>
 

 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data :post.createLinkLabel/></a>
 

<div class='post uncustomized-post-template'>
 <a expr:name='data:post.id'/> 
 
<h3 class='post-title'>
 
 <a expr:href='data:post.link'><data :post.title/></a> 
 
 
 <a expr:href='data:post.url'><data :post.title/></a> 
 
 <data :post.title/> 
 
 </h3>
</div>

<div class='post-header-line-1'/>
<div class='post-body'>
<data :post.body/>
<div style='clear: both;'/> 
 </div>
<div class='post-footer'>

 
 
 <data :top.authorLabel/> <data :post.author/> 
 
 
 
 
 <data :top.timestampLabel/> 
 
 <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data :post.timestamp/></a> 
 
 
 
 
 
 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>1 <data :top.commentLabel/><data :post.numComments/> <data :top.commentLabelPlural/></a> 
 
 
  
 
 
 
 <a class='comment-link' expr:href='data:post.url + "#links"'><data :top.backlinkLabel/></a> 
 
 
 
  
 
 
 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> 
   
 </a> 
 
 
  
 
 
 

 
 
 <data :postLabelsLabel/> 
 
 <a expr:href='data:label.url' rel='tag'><data :label.name/></a>,
 
 

 </div>
</div>
 
 
 <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> 
   
 </a> 
 
 
 
 
<div class='status-msg-wrap'>
<div class='status-msg-body'>
 <data :navMessage/>
 </div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data :navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
 
 
  
 
<div class='blog-feeds'>
 
 </div>
 
 
<div class='post-feeds'>
 
 
 
 
 </div>
 
 
 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> 
   
 </a> 
 
 

<div class='feed-links'>
 <data :feedLinksMsg/> 
 
 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data :f.name/> (<data :f.feedType/>)</a> 
 
 </div>
 
 
 
 
 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> 
   
 </a> 
 
 

<div class='comments' id='comments'>
 <a name='comments'/> 
 
<h4>
 
 1 <data :commentLabel/>: 
 
 <data :post.numComments/> <data :commentLabelPlural/>: 
 
 </h4>
<dl id='comments-block'>
 
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
 <a expr:name='"comment-" + data:comment.id'/> 
 
 <a expr:href='data:comment.authorUrl' rel='nofollow'><data :comment.author/></a> 
 
 <data :comment.author/> 
 
 <data :commentPostedByMsg/>
 </dt>
<dd class='comment-body'>
 
 <data :comment.body/> 
 
<data :comment.body/>
 
 </dd>
<dd class='comment-footer'>
 
 <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> 
 <data :comment.timestamp/> 
 </a> 
 
 
 </dd>
 
 </dl>

 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data :postCommentMsg/></a>
 
 
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
 
 
 
 </div>
</div>
</div>
 
 
 
<div class='blog-posts'>
 
 <data :adStart/> 
 
 
<h2 class='date-header'><data :post.dateHeader/></h2>
 
 
 
 
 
 </div>
 
 <data :adEnd/>
 </div>
  
 
  
 </div>
<div id='sidebar-wrapper'>
 
 
 
 
<h2><data :title/></h2>
 
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
 
 
 
 
 
 
 
 
 
 </div>
</div>
 
 </div>

<ul>
 
<li class='archivedate'>
 <a expr:href='data:i.url'><data :i.name/></a> (<data :i.post-count/>)
 </li>
 
 </ul>
 

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
 <option value=''><data :title/></option> 
 
 <option expr:value='data:i.url'><data :i.name/> (<data :i.post-count/>)</option> 
 
 </select>
 
 
 
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
 
 <a class='post-count-link' expr:href='data:i.url'><data :i.name/></a> 
 (<data :i.post-count/>) 
 
 
 
 
 
 
 </li>
</ul>
 
 
 
 
 <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> 
 ▼ 
 </a> 
 
 <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> 
 ► 
 </a> 
 

<ul class='posts'>
 
<li><a expr:href='data:i.url'><data :i.title/></a></li>
 
 </ul>

 
 
 
<h2><data :title/></h2>
 
<div class='widget-content'>
 
<ul>
 
<li><a expr:href='data:i.userUrl'><data :i.display-name/></a></li>
 
 </ul>
 
 
 <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> 
 
<dl class='profile-datablock'>
<dt class='profile-data'><data :displayname/></dt>
 
<dd class='profile-data'><data :location/></dd>
 
 
<dd class='profile-textblock'><data :aboutme/></dd>

 </dl>
 <a class='profile-link' expr:href='data:userUrl'><data :viewProfileMsg/></a>
 
 </div>
</div>
 
<div class='clear'> </div>
 
<div id='footer-wrapper'>
 
 </div>
  
</body> 
</html>

Código:
 < ?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'> <head> < ![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Unknown Designer: Unknown URL: www.Pimp-My-Profile.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="textcolor" description="Text Color" type="color" default="#000000" value="#000000"> </variable><variable name="linkcolor" description="Link Color" type="color" default="#000000" value="#000000"> </variable><variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#000000" value="#000000"> </variable><variable name="descriptioncolor" description="Blog Description Color" type="color" default="#000000" value="#000000"> </variable><variable name="titlecolor" description="Post Title Color" type="color" default="#000000" value="#000000"> </variable><variable name="bordercolor" description="Border Color" type="color" default="#000000" value="#000000"> </variable><variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#000000" value="#000000"> </variable><variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#000000" value="#000000"> </variable><variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#000000" value="#000000"> </variable><variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Arial, verdana" value="normal normal 100% Arial, verdana"> </variable><variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% Arial, Verdana" value="normal normal 78% Arial, Verdana"> </variable><variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Arial, Verdana" value="normal normal 200% Arial, Verdana"> </variable><variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> </variable><variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small $bodyfont; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-color : $bgcolor; background-image : url(http://content.pimp-my-profile.com/i63/7/2/26/f_1ada87b7a02c.jpg) ; background-position : Bottom Center; background-attachment : fixed ; background-repeat : repeat ; border-color : 000000 ; border-width : 0 px; border-style : Solid ; scrollbar-face-color : ; scrollbar-highlight-color: ; scrollbar-3dlight-color : ; scrollbar-shadow-color : ; scrollbar-darkshadow-color: ; scrollbar-arrow-color : ; scrollbar-track-color : ; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$linkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ———————————————– */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/ffffff-90-tp.png); } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlecolor; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $bodyfont; color: $textcolor; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ———————————————– */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/ffffff-90-tp.png); 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 */ } #sidebar-wrapper { width: 220px; float: right; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/ffffff-90-tp.png); 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 */ } /* Headings ———————————————– */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$pagetitlecolor; } /* Posts ———————————————– */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; background-color:transparent; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$pagetitlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:$textcolor; text-transform:uppercase; letter-spacing:.1em; font: $bodyfont; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ———————————————– */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $textcolor; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/ffffff-90-tp.png); } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ———————————————– */ .sidebar { color: $textcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ———————————————– */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $bodyfont; color: $textcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $bodyfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ———————————————– */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/ffffff-90-tp.png); } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } .bloggerPmPBar { background-color:#003366; color:#9cceff; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding:2px 2px 2px 6px;} .bloggerPmPBar a {color:#9cceff} .PmPLogo {float:right;padding-right:9px;} ]]></variable> </head> <body> <div class="bloggerPmPBar" onclick="location.href='http://www.pimp-my-profile.com/';" style="cursor:pointer;"> <div class="PmPLogo">� Pimp-My-Profile.com</div> THOUSANDS OF FREE BLOGGER TEMPLATES � </div> <div id='outer-wrapper'> <div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'>  <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center>  <div expr:style='"background-image: url("" + data:sourceUrl + ""); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <data :title/> <a expr:href='data:blog.homepageUrl'><data :title/></a> </h1> </div> <div class='descriptionwrapper'> <data :description/> </div> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center>  <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <data :title/> <a expr:href='data:blog.homepageUrl'><data :title/></a> </h1> </div> <div class='descriptionwrapper'> <data :description/> </div> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center></div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> </div> <div id='main-wrapper'> <div class='blog-pager' id='blog-pager'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data :newerPageTitle/></a> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data :olderPageTitle/></a> <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> </div> </div> <div class='clear'/> <a name='links'/> <h4><data :post.backlinksLabel/></h4> <dl class='comments-block' id='comments-block'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <a expr:href='data:backlink.url' rel='nofollow'><data :backlink.title/></a> </dt> <dd class='comment-body collapseable'> <data :backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <data :post.authorLabel/> <data :backlink.author/> <data :post.timestampLabel/> <data :backlink.timestamp/> </dd> </div> </dl> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data :post.createLinkLabel/></a> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <h3 class='post-title'> <a expr:href='data:post.link'><data :post.title/></a> <a expr:href='data:post.url'><data :post.title/></a> <data :post.title/> </h3> </div> <div class='post-header-line-1'/> <div class='post-body'> <data :post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <data :top.authorLabel/> <data :post.author/> <data :top.timestampLabel/> <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data :post.timestamp/></a> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>1 <data :top.commentLabel/><data :post.numComments/> <data :top.commentLabelPlural/></a>  <a class='comment-link' expr:href='data:post.url + "#links"'><data :top.backlinkLabel/></a>  <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> </a>  <data :postLabelsLabel/> <a expr:href='data:label.url' rel='tag'><data :label.name/></a>, </div> </div> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> </a> <div class='status-msg-wrap'> <div class='status-msg-body'> <data :navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data :navMessage/></div> </div> </div> </div> <div style='clear: both;'/>  <div class='blog-feeds'> </div>  <div class='post-feeds'> </div> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> </a> <div class='feed-links'> <data :feedLinksMsg/> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data :f.name/> (<data :f.feedType/>)</a> </div> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> </a> <div class='comments' id='comments'> <a name='comments'/> <h4> 1 <data :commentLabel/>: <data :post.numComments/> <data :commentLabelPlural/>: </h4> <dl id='comments-block'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <a expr:href='data:comment.authorUrl' rel='nofollow'><data :comment.author/></a> <data :comment.author/> <data :commentPostedByMsg/> </dt> <dd class='comment-body'> <data :comment.body/> <data :comment.body/> </dd> <dd class='comment-footer'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data :comment.timestamp/> </a> </dd> </dl> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data :postCommentMsg/></a> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> </div> </div> </div>  <div class='blog-posts'> <data :adStart/> <h2 class='date-header'><data :post.dateHeader/></h2> </div> <data :adEnd/> </div>   </div> <div id='sidebar-wrapper'> <h2><data :title/></h2> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> </div> </div> </div> <ul> <li class='archivedate'> <a expr:href='data:i.url'><data :i.name/></a> (<data :i.post-count/>) </li> </ul> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data :title/></option> <option expr:value='data:i.url'><data :i.name/> (<data :i.post-count/>)</option> </select> <ul> <li expr:class='"archivedate " + data:i.expclass'> <a class='post-count-link' expr:href='data:i.url'><data :i.name/></a> (<data :i.post-count/>) </li> </ul> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ▼ </a> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ► </a> <ul class='posts'> <li><a expr:href='data:i.url'><data :i.title/></a></li> </ul> <h2><data :title/></h2> <div class='widget-content'>  <ul> <li><a expr:href='data:i.userUrl'><data :i.display-name/></a></li> </ul>  <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> <dl class='profile-datablock'> <dt class='profile-data'><data :displayname/></dt> <dd class='profile-data'><data :location/></dd> <dd class='profile-textblock'><data :aboutme/></dd> </dl> <a class='profile-link' expr:href='data:userUrl'><data :viewProfileMsg/></a> </div> </div>  <div class='clear'> </div>  <div id='footer-wrapper'> </div>  </body> </html>

Código:
 < ?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'> <head> < ![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Unknown Designer: Unknown URL: www.Pimp-My-Profile.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="textcolor" description="Text Color" type="color" default="#666666" value="#666666"> </variable><variable name="linkcolor" description="Link Color" type="color" default="#666666" value="#666666"> </variable><variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666666" value="#666666"> </variable><variable name="descriptioncolor" description="Blog Description Color" type="color" default="#666666" value="#666666"> </variable><variable name="titlecolor" description="Post Title Color" type="color" default="#666666" value="#666666"> </variable><variable name="bordercolor" description="Border Color" type="color" default="#000000" value="#000000"> </variable><variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666666" value="#666666"> </variable><variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666666" value="#666666"> </variable><variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666666" value="#666666"> </variable><variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Arial, verdana" value="normal normal 100% Arial, verdana"> </variable><variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% Arial, Verdana" value="normal normal 78% Arial, Verdana"> </variable><variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Arial, Verdana" value="normal normal 200% Arial, Verdana"> </variable><variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> </variable><variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% Arial, verdana" value="normal normal 78% Arial, verdana"> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small $bodyfont; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-color : $bgcolor; background-image : url(http://content.pimp-my-profile.com/i71/7/2/26/f_016be875b0b0.jpg) ; background-position : Bottom Center; background-attachment : fixed ; background-repeat : repeat ; border-color : 000000 ; border-width : 0 px; border-style : Solid ; scrollbar-face-color : ; scrollbar-highlight-color: ; scrollbar-3dlight-color : ; scrollbar-shadow-color : ; scrollbar-darkshadow-color: ; scrollbar-arrow-color : ; scrollbar-track-color : ; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$linkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ———————————————– */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/dddddd-80-tp.png); } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlecolor; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $bodyfont; color: $textcolor; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ———————————————– */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/dddddd-80-tp.png); 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 */ } #sidebar-wrapper { width: 220px; float: right; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/dddddd-80-tp.png); 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 */ } /* Headings ———————————————– */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$pagetitlecolor; } /* Posts ———————————————– */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; background-color:transparent; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$pagetitlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:$textcolor; text-transform:uppercase; letter-spacing:.1em; font: $bodyfont; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ———————————————– */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $textcolor; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/dddddd-80-tp.png); } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ———————————————– */ .sidebar { color: $textcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ———————————————– */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $bodyfont; color: $textcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $bodyfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ———————————————– */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; padding: 5px; border:1px solid $bordercolor; background-color:transparent; background-image:url(http://content.pimp-my-profile.com/tp/dddddd-80-tp.png); } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } .bloggerPmPBar { background-color:#003366; color:#9cceff; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding:2px 2px 2px 6px;} .bloggerPmPBar a {color:#9cceff} .PmPLogo {float:right;padding-right:9px;} ]]></variable> </head> <body> <div class="bloggerPmPBar" onclick="location.href='http://www.pimp-my-profile.com/';" style="cursor:pointer;"> <div class="PmPLogo">� Pimp-My-Profile.com</div> THOUSANDS OF FREE BLOGGER TEMPLATES � </div> <div id='outer-wrapper'> <div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'>  <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center>  <div expr:style='"background-image: url("" + data:sourceUrl + ""); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <data :title/> <a expr:href='data:blog.homepageUrl'><data :title/></a> </h1> </div> <div class='descriptionwrapper'> <data :description/> </div> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center>  <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <data :title/> <a expr:href='data:blog.homepageUrl'><data :title/></a> </h1> </div> <div class='descriptionwrapper'> <data :description/> </div> </div> <center> <div style="margin-bottom:5px;background-image:url(http://content.pimp-my-profile.com/blank.gif);background-position:center center;background-repeat;no-repeat;width:0px !important;height:0px !important;"> </div> </center></div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> </div> <div id='main-wrapper'> <div class='blog-pager' id='blog-pager'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data :newerPageTitle/></a> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data :olderPageTitle/></a> <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> <a class='home-link' expr:href='data:blog.homepageUrl'><data :homeMsg/></a> </div> </div> <div class='clear'/> <a name='links'/> <h4><data :post.backlinksLabel/></h4> <dl class='comments-block' id='comments-block'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <a expr:href='data:backlink.url' rel='nofollow'><data :backlink.title/></a> </dt> <dd class='comment-body collapseable'> <data :backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <data :post.authorLabel/> <data :backlink.author/> <data :post.timestampLabel/> <data :backlink.timestamp/> </dd> </div> </dl> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data :post.createLinkLabel/></a> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <h3 class='post-title'> <a expr:href='data:post.link'><data :post.title/></a> <a expr:href='data:post.url'><data :post.title/></a> <data :post.title/> </h3> </div> <div class='post-header-line-1'/> <div class='post-body'> <data :post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <data :top.authorLabel/> <data :post.author/> <data :top.timestampLabel/> <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data :post.timestamp/></a> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>1 <data :top.commentLabel/><data :post.numComments/> <data :top.commentLabelPlural/></a>  <a class='comment-link' expr:href='data:post.url + "#links"'><data :top.backlinkLabel/></a>  <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> </a>  <data :postLabelsLabel/> <a expr:href='data:label.url' rel='tag'><data :label.name/></a>, </div> </div> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> </a> <div class='status-msg-wrap'> <div class='status-msg-body'> <data :navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data :navMessage/></div> </div> </div> </div> <div style='clear: both;'/>  <div class='blog-feeds'> </div>  <div class='post-feeds'> </div> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> </a> <div class='feed-links'> <data :feedLinksMsg/> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data :f.name/> (<data :f.feedType/>)</a> </div> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> </a> <div class='comments' id='comments'> <a name='comments'/> <h4> 1 <data :commentLabel/>: <data :post.numComments/> <data :commentLabelPlural/>: </h4> <dl id='comments-block'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <a expr:href='data:comment.authorUrl' rel='nofollow'><data :comment.author/></a> <data :comment.author/> <data :commentPostedByMsg/> </dt> <dd class='comment-body'> <data :comment.body/> <data :comment.body/> </dd> <dd class='comment-footer'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data :comment.timestamp/> </a> </dd> </dl> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data :postCommentMsg/></a> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> </div> </div> </div>  <div class='blog-posts'> <data :adStart/> <h2 class='date-header'><data :post.dateHeader/></h2> </div> <data :adEnd/> </div>   </div> <div id='sidebar-wrapper'> <h2><data :title/></h2> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> </div> </div> </div> <ul> <li class='archivedate'> <a expr:href='data:i.url'><data :i.name/></a> (<data :i.post-count/>) </li> </ul> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data :title/></option> <option expr:value='data:i.url'><data :i.name/> (<data :i.post-count/>)</option> </select> <ul> <li expr:class='"archivedate " + data:i.expclass'> <a class='post-count-link' expr:href='data:i.url'><data :i.name/></a> (<data :i.post-count/>) </li> </ul> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ▼ </a> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ► </a> <ul class='posts'> <li><a expr:href='data:i.url'><data :i.title/></a></li> </ul> <h2><data :title/></h2> <div class='widget-content'>  <ul> <li><a expr:href='data:i.userUrl'><data :i.display-name/></a></li> </ul>  <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> <dl class='profile-datablock'> <dt class='profile-data'><data :displayname/></dt> <dd class='profile-data'><data :location/></dd> <dd class='profile-textblock'><data :aboutme/></dd> </dl> <a class='profile-link' expr:href='data:userUrl'><data :viewProfileMsg/></a> </div> </div>  <div class='clear'> </div>  <div id='footer-wrapper'> </div>  </body> </html>