Kali ini saya akan kasih tau sobatsalah satu template premium yang terbaik untuk blogger/blogspot, tanpa berbasa-basi lagi langsung masukke blogger pilih rancangan lalu pilih edit html, lalu copas kode dibawah ini
<?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 expr:dir='data:blog.languageDirection' 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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* ************ START OF CSS STYLING ************ */
/* -----------------------------------------------------------------------
Template Style
http://www.dicasblogger.com.br
"""NÃO RETIRE OS CRÉDITOS"""
----------------------------------------------------------------------- */
/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="transparent">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="transparent">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="transparent">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#333333">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#e6e6e6">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#cfe2f3">
<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="transparent">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="transparent">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="transparent">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#999999">
<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#e6e6e6">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#efefef">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#cfe2f3">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#000000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#e1771e">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#727272">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#0c0c0c">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#0b5394">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#0b5394">
<Variable name="blockquotebgColor" description="Blockquote Background Color"
type="color" default="#191919" value="#efefef">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#abacae">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#333333">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#808080">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#ffffff">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#abacae">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#191919">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#0b5394">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#0b5394">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#38B63C">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#cfe2f3">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="transparent">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="transparent">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#666666">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#727272">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#0b5394">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#727272">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#ffffff">
<Variable name="profileBorderColor" description="Profile Border Color"
type="color" default="#000000" value="#e6e6e6">
<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentBorderColor" description="Comment Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="commentboxBgColor" description="Comment Box Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentboxBorderColor" description="Comment Box Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#000000">
<Variable name="commentauthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#999999">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#4c4c4c">
<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif" value="normal bold 190% Times, serif"
>
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 100% Georgia, Times, serif"
>
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif" value="normal bold 80% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif" value="normal normal 155% Verdana, sans-serif"
>
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal normal 85% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif" value="normal normal 80% Verdana, Geneva, sans-serif;"
>
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 80% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal bold 110% Verdana, sans-serif;"
>
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 72% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif" value="normal normal 95% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif" value="normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif" value="normal normal 101% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 113% Verdana, sans-serif"
>
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 79% Arial, sans-serif"
>
*/
.item-control a,.item-action a {
display:none;
}
body {
text-align:center;
color:$textColor;
background:#cfe2f3 url(http://lh6.ggpht.com/_mcq01yDJ2uY/TJJE_Weqo-I/AAAAAAAADkU/fdNLjOoDZS4/background.png) repeat-x;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:0;
padding:0;
}
#outer-wrapper {
position:relative;
width:100%;
text-align:center;
margin:15px auto 30px;
padding:0;
}
#blog-wrapper {
text-align:center;
position:relative;
width:922px;
background:$blogframeColor;
border:3px solid $blogBorderColor;
margin:0 auto 15px;
padding:7px;
}
#spacer {
clear:both;
margin:0;
padding:0;
}
a:visited {
color:$mainVisitedLinkColor;
text-decoration:none;
}
#Navbar1 {
visibility:hidden;
display:none;
margin:0;
padding:0;
}
#header-wrapper {
width:920px;
background:$headerbgColor;
margin:4px 0 0px;
padding:0;
}
#header {
text-align:left;
margin:0;
padding:0;
}
#header h1 {
color:$blogTitleColor;
font:$blogTitleFont;
font-variant:small-caps;
margin:0;
padding:35px 30px 0;
}
#header h1 a {
text-decoration:none;
color:$blogTitleColor;
}
#header h1 a:hover {
text-decoration:none;
color:$blogDescriptionColor;
}
#header .description {
color:$blogDescriptionColor;
font:$blogDescriptionFont;
margin:0;
padding:5px 20px 25px;
}
#header a img {
border:0;
margin:0;
padding:0;
}
#search{border:1px solid #d1cdcd; height:28px; padding:0; background:#e4ebf2; text-align:right z-index:1; position:absolute;top:46px; left:640px;}
#search input{border:0; background:none; color:#575757}
#s{width:230px; padding:4px; margin:2px 0 0 0; background:none}
#topsearch #search{margin-top:15px}
#topsearch #s{width:230px}
#linkbar-wrapper {
width:922px;
margin: 0px;
padding: 0px;
position:relative;
background:url(http://lh6.ggpht.com/_mcq01yDJ2uY/TJD8NQb47rI/AAAAAAAADjg/ICjghiE2Uto/bg2.png) top left repeat-x;
}
#linkbar .widget {
text-align:left;
margin:0;
padding:5px 0 7px;
}
#linkbar li {
display:inline;
margin:0;
padding:0;
}
#linkbar h2 {
display:none;
visibility:hidden;
margin:0;
padding:0;
}
#linkbar a {
clear:both;
width:100%;
text-decoration:none;
font:$linkbarTextFont;
color:$linkbarTextColor;
text-transform:none;
background:url(http://lh3.ggpht.com/_mcq01yDJ2uY/TJEEkU7Q7vI/AAAAAAAADj0/isg-gz65eZw/bg1.png) top left repeat-x;
-moz-border-radius:8px 8px 0 0;
-khtml-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
margin-left:3px;
padding:10px 10px;
}
#linkbar a:hover {
color:$linkbarHoverTextColor;
background:url(http://lh4.ggpht.com/_mcq01yDJ2uY/TJEFEgasjbI/AAAAAAAADj4/8pw8NQh8wJ0/hoverbg.png) top left repeat-x;
}
#middleads-wrapper {
width:982px;
position:relative;
text-align:center;
margin:0;
padding:0;
}
#content-wrapper {
width:920px;
position:relative;
text-align:left;
background: $contentbgColor;
border:1px solid $contentBorderColor;
word-wrap:break-word;
overflow:hidden;
margin:0;
padding:0;
}
#main-wrapper {
float:left;
width:510px;
padding:10px 0 0;
}
#main {
width:500px;
color:$textColor;
font:$textFont;
background:$postbgColor;
border:1px solid $postBorderColor;
margin:5px;
padding:20px 0 0;
}
#main .widget {
margin:0;
padding:0 25px 20px;
}
.post {
line-height:1.6em;
text-align:justify;
margin:0;
padding:0;
}
.post h3 {
color:$postTitleColor;
font:$postTitleFont;
text-decoration:none;
text-align:left;
line-height:1.4em;
border-bottom:3px solid $posttitleBorderColor;
margin:0 0 20px;
padding:0 0 2px;
}
.post h3 a,.post h3 a:visited {
color:$postTitleColor;
text-decoration:none;
}
.post h3 a:hover {
color:$dateHeaderColor;
text-decoration:none;
}
h2.date-header {
text-align:left;
color:$dateHeaderColor;
font:$dateHeaderFont;
text-decoration:none;
text-transform:none;
margin:0;
padding:0 0 7px;
}
.post-body p {
display:inline;
height:1%;
overflow:visible;
margin:0;
padding:1px 0;
}
.post-body a:hover {
text-decoration:none;
color:$mainHoverLinkColor;
}
.post ul {
list-style-type:disc;
line-height:1.6em;
font-size:95%;
margin:0;
padding:12px 0 12px 30px;
}
.post ol {
line-height:1.6em;
font-size:95%;
margin:0;
padding:12px 0 12px 30px;
}
.post li {
margin:0;
padding:0 0 8px;
}
a img {
margin:5px;
padding:0;
}
.post img {
background:$imagebgColor;
border:1px solid $imageBorderColor;
margin:0;
padding:5px;
}
.post-footer {
display:block;
text-align:left;
font:$postfooterTextFont;
color:$postfooterTextColor;
font-weight:400;
line-height:1.6em;
text-decoration:none;
background:$postfooterBgColor;
border-top:1px dotted $postfooterBorderColor;
margin:15px 0;
padding:10px 20px 0 10px;
}
.post-footer a {
color:$postfooterLinkColor;
text-decoration:none;
}
.post-footer .post-comment-link a {
color:$commentTabLinkColor;
font-weight:400;
text-decoration:none;
margin:0;
padding:0;
}
.post-footer img {
background:$postfooterBgColor;
margin:0;
padding:0 0 5px;
}
.jump-link a{
float: right;
background: #e6e6e6;
padding: 5px;
}
.jump-link a:hover {
background: #ccc;
}
#blog-pager a {
margin: 10px 10px 10px 10px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding: 5px;
text-decoration: none;
text-shadow: 1px 1px 3px #333333;
background: #9c9a9a;
zoom: 1;
}
#blog-pager a:hover {
background: #39719f;
}
.blog-pager-older-link {
float: right;
}
.blog-pager-newer-link {
float: right;
}
.feed-links {
clear:both;
line-height:2.5em;
display:none;
}
blockquote {
font:$quoteFont;
line-height:1.6em;
color:$blockQuoteColor;
background:$blockquotebgColor;
border-right:4px solid $blockquoteBorderColor;
border-left:4px solid $blockquoteBorderColor;
margin:10px 20px;
padding:10px 20px;
}
code {
color:$codeTextColor;
font-size:110%;
}
#side-wrapper1 {
width:190px;
float:left;
margin:10px 0 0 10px;
padding:0;
}
#side-wrapper2 {
width:190px;
float:left;
margin:10px 0 0;
padding:0 0 0 10px;
}
#side-wrapper {
float:left;
word-wrap:break-word;
overflow:hidden;
margin:0;
padding:0;
}
.sidebar {
text-align:left;
font:$sidebarTextFont;
margin:0;
padding:0;
}
#sidebar1 {
width:180px;
color:$sidebar1TextColor;
line-height:1.6em;
margin:9px 10px 0 0;
padding:0;
}
#sidebar2 {
width:190px;
color:$sidebar1TextColor;
line-height:1.6em;
margin:9px 11px 10px 0;
padding:0;
}
#sidebar1 .widget,#sidebar2 .widget {
background:$sidebar1bgColor;
border:1px solid $sidebar1BorderColor;
margin:0 0 4px;
padding:15px;
}
#sidebar1 h2,#sidebar2 h2 {
text-align:left;
color:$sidebar1HeaderColor;
font:$sidebarHeaderFont;
text-transform:none;
background:url(http://lh3.ggpht.com/_mcq01yDJ2uY/TJEEkU7Q7vI/AAAAAAAADj0/isg-gz65eZw/bg1.png) top left repeat-x;
margin:-15px -15px 10px;
padding:5px 20px;
}
.sidebar ul{list-style-type:none; margin:0px 0px 10px 0px; padding:0px}
.sidebar ul li{padding:5px 0px 4px 14px; margin:0px; border-bottom:1px dotted $sidebarListLineColor; background:url(http://lh6.ggpht.com/_mcq01yDJ2uY/TIkmCB7srmI/AAAAAAAADgA/YXGM9DdUPZI/bullet-arrow-right.png) left 9px no-repeat}
#sidebar1 a,#sidebar2 a {
color:$sidebar1LinkColor;
text-decoration:none;
}
#sidebar1 a:visited,#sidebar2 a:visited {
text-decoration:none;
color:$sidebar1VisitedLinkColor;
}
#sidebar1 a:hover,#sidebar2 a:hover {
text-decoration:underline;
color:$sidebar1HoverLinkColor;
}
.sidebar a img {
border:1px solid $profileBorderColor;
margin:0;
padding:0;
}
.profile-img {
border:1px solid $sidebarListLineColor;
margin:7px;
padding:0;
}
.profile-textblock {
clear:both;
line-height:1.6em;
margin:0;
padding:3px 0;
}
.profile-datablock {
margin:2px 0 5px;
padding:0;
}
.profile-data {
font-weight:400;
font-style:italic;
margin:0;
padding:0;
}
#comments {
text-align:left;
color:$commentTextColor;
font:$commentTextFont;
border:1px solid $commentboxBorderColor;
background:#fff;
margin:0;
padding:15px 20px;
}
#comments h4 {
color:$commentTitleColor;
font:$commentTitleFont;
margin:10px 0 0;
padding:3px 0;
}
.deleted-comment {
font-style:italic;
color:gray;
margin:3px 0;
}
.comment-author {
color:$commentauthorColor;
background:$commentAuthorBgColor;
border-top:1px dotted $commentboxBorderColor;
margin:15px 0 10px;
padding:15px 0 0 20px;
}
.comment-author a {
color:$commentauthorColor;
text-decoration:none;
}
.comment-body {
margin:0;
padding:0 0 4px 20px;
}
.comment-footer {
margin:0 0 20px;
padding:0 0 0 75px;
}
.comment-timestamp,.comment-timestamp a {
color:gray;
font-size:95%;
text-decoration:none;
margin:0;
padding:0;
}
.comment-body p {
line-height:1.6em;
margin:0;
padding:0;
}
#comments ul {
list-style-type:disc;
margin:0;
padding:0;
}
a.comment-link {
padding:0;
}
.comentariosadd {
height:30px;
}
.comentariosadd a {
display:block;
background:transparent url() no-repeat 0 0;
height:23px;
width:101px;
float:right;
text-indent:-6000px;
}
.comentariosadd a:hover {
display:block;
background:transparent url() no-repeat 0 0;
height:23px;
width:101px;
border-bottom:2px solid #c52823;
text-indent:-6000px;
}
html>body a.comment-link {
padding-left:0;
}
#backlinks-container {
margin-top:30px;
}
#credit {
width:100%;
height:26px;
clear:none;
font-family:arial, helvetica;
font-size:75%;
color:#ccc;
font-weight:400;
background:#fff;
margin:0;
padding:2px 0 0;
}
#creditleft {
height:26px;
position:relative;
float:left;
text-align:left;
display:inline;
width:71%;
background:#39719f;
margin:0;
padding:7px 0 0;
}
#creditright {
height:26px;
position:relative;
float:right;
text-align:right;
display:inline;
width:30%;
background:#39719f;
margin:-33px 0 0;
padding:7px 0 0;
}
*,#topads,#header h1 p,#header .description p,#middleads,#middleads2,.date-header span,.post-footer-line,.post-footer-line-1,.post-footer-line-2,.post-footer-line-3,.post-footer .post-icons,.profile-link,.lowerbar,.lowerads,.lowerbar ul,.footer p,#creditleft p,#creditright p {
margin:0;
padding:0;
}
a,.post-body p a,.post-body p a:visited {
color:$mainLinkColor;
text-decoration:none;
}
a:hover,.post-footer a:hover,.post-footer .post-comment-link a:hover {
color:$mainHoverLinkColor;
text-decoration:none;
}
#topads-wrapper,#bottomads-wrapper {
position:relative;
text-align:center;
width:100%;
margin:0;
padding:0;
}
#topads .widget,#bottomads .widget {
margin:0;
padding:5px 0;
}
#linkbar ul,.sidebar ul,#BlogArchive1 ul {
list-style-type:none;
margin:0;
padding:0;
}
#middleads .widget,#middleads2 .widget,#bottomads {
margin:0;
padding:10px 0;
}
#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited {
color:#fff;
text-decoration:none;
}
/* ************ END OF CSS STYLING ************ */
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='apple-touch-icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon' type='image/x-icon'/>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] +
'</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'>
<!-- 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>
</span>
<div style='clear: both;'/>
<div id='blog-wrapper'>
<div style='clear: both;'/>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Padrão (Cabeçalho)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<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>
<b:else/>
<!--Show image as background to text-->
<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'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
<div id='search'>
<form expr:action='data:blog.homepageurl + "search"' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' type='text' value=''/>
<input src='http://lh3.ggpht.com/_mcq01yDJ2uY/TIoN4zHVJmI/AAAAAAAADi0/-lPcOV2086M/search.gif' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>
<div style='clear: both;'/>
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Página anterior'>« Anterior</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Próxima página'>Seguinte »</a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><img align='bottom' src='http://lh6.ggpht.com/_mcq01yDJ2uY/TJK_Tv75a-I/AAAAAAAADlw/1tPEmE-P1NI/redo.png'/><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'>
</div>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<p align='right'><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a></p>
</div>
</b:if>
<span id='showlink'>
<a expr:href='data:post.url'>Leia mais...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<!-- Botoes Sharebutton Blogger inicio -->
<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; margin: 5px 2px 10px 10px'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</div>
</b:if>
<!-- Botoes Sharebutton Blogger final -->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'> <data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/><b:else/> <data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if> </b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'/>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&username=xa-4bd0b551285fd501'>Compartilhe este artigo</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'/>
<a class='addthis_button_myspace'/>
<a class='addthis_button_google'/>
<a class='addthis_button_twitter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bd0b551285fd501' type='text/javascript'/>
<!-- AddThis Button END -->
<b:if cond='data:blog.pageType == "item"'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<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;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='http://lh4.ggpht.com/_mcq01yDJ2uY/TFS6X1RUJjI/AAAAAAAACkw/JLjR-O_cN7g/comment.png'/>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
</dl>
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<!-- spacer for skins that sets sidebar and main to be the same height-->
<div style='clear: both;'/>
</div> <!-- end content-wrapper -->
<div style='clear: both;'/>
<div style='clear: both;'/>
</div> <!-- end blog-wrapper -->
</div> <!-- end outer-wrapper -->
<div id='credit'>
<div id='creditleft'>
<p><b>  ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a></b> - Todos os direitos reservados. </p>
</div>
<div id='creditright'>
<p> Template by <a href='http://www.dicasblogger.com.br/'>Dicas Blogger</a> |
<a href='#outer-wrapper'>Topo</a>  </p>
</div>
</div> <!-- end credit -->
</body>
</html>
<?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 expr:dir='data:blog.languageDirection' 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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* ************ START OF CSS STYLING ************ */
/* -----------------------------------------------------------------------
Template Style
http://www.dicasblogger.com.br
"""NÃO RETIRE OS CRÉDITOS"""
----------------------------------------------------------------------- */
/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="transparent">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="transparent">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="transparent">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#333333">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#e6e6e6">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#cfe2f3">
<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="transparent">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="transparent">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="transparent">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#999999">
<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#e6e6e6">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#efefef">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#cfe2f3">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#000000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#e1771e">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#727272">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#0c0c0c">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#0b5394">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#0b5394">
<Variable name="blockquotebgColor" description="Blockquote Background Color"
type="color" default="#191919" value="#efefef">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#abacae">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#333333">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#808080">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#ffffff">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#abacae">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#191919">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#0b5394">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#0b5394">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#38B63C">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#cfe2f3">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="transparent">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="transparent">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#666666">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#727272">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#0b5394">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#727272">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#ffffff">
<Variable name="profileBorderColor" description="Profile Border Color"
type="color" default="#000000" value="#e6e6e6">
<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentBorderColor" description="Comment Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="commentboxBgColor" description="Comment Box Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentboxBorderColor" description="Comment Box Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#000000">
<Variable name="commentauthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#999999">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#4c4c4c">
<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif" value="normal bold 190% Times, serif"
>
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 100% Georgia, Times, serif"
>
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif" value="normal bold 80% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif" value="normal normal 155% Verdana, sans-serif"
>
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal normal 85% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif" value="normal normal 80% Verdana, Geneva, sans-serif;"
>
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 80% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal bold 110% Verdana, sans-serif;"
>
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 72% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif" value="normal normal 95% Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif" value="normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;"
>
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif" value="normal normal 101% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 113% Verdana, sans-serif"
>
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 79% Arial, sans-serif"
>
*/
.item-control a,.item-action a {
display:none;
}
body {
text-align:center;
color:$textColor;
background:#cfe2f3 url(http://lh6.ggpht.com/_mcq01yDJ2uY/TJJE_Weqo-I/AAAAAAAADkU/fdNLjOoDZS4/background.png) repeat-x;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:0;
padding:0;
}
#outer-wrapper {
position:relative;
width:100%;
text-align:center;
margin:15px auto 30px;
padding:0;
}
#blog-wrapper {
text-align:center;
position:relative;
width:922px;
background:$blogframeColor;
border:3px solid $blogBorderColor;
margin:0 auto 15px;
padding:7px;
}
#spacer {
clear:both;
margin:0;
padding:0;
}
a:visited {
color:$mainVisitedLinkColor;
text-decoration:none;
}
#Navbar1 {
visibility:hidden;
display:none;
margin:0;
padding:0;
}
#header-wrapper {
width:920px;
background:$headerbgColor;
margin:4px 0 0px;
padding:0;
}
#header {
text-align:left;
margin:0;
padding:0;
}
#header h1 {
color:$blogTitleColor;
font:$blogTitleFont;
font-variant:small-caps;
margin:0;
padding:35px 30px 0;
}
#header h1 a {
text-decoration:none;
color:$blogTitleColor;
}
#header h1 a:hover {
text-decoration:none;
color:$blogDescriptionColor;
}
#header .description {
color:$blogDescriptionColor;
font:$blogDescriptionFont;
margin:0;
padding:5px 20px 25px;
}
#header a img {
border:0;
margin:0;
padding:0;
}
#search{border:1px solid #d1cdcd; height:28px; padding:0; background:#e4ebf2; text-align:right z-index:1; position:absolute;top:46px; left:640px;}
#search input{border:0; background:none; color:#575757}
#s{width:230px; padding:4px; margin:2px 0 0 0; background:none}
#topsearch #search{margin-top:15px}
#topsearch #s{width:230px}
#linkbar-wrapper {
width:922px;
margin: 0px;
padding: 0px;
position:relative;
background:url(http://lh6.ggpht.com/_mcq01yDJ2uY/TJD8NQb47rI/AAAAAAAADjg/ICjghiE2Uto/bg2.png) top left repeat-x;
}
#linkbar .widget {
text-align:left;
margin:0;
padding:5px 0 7px;
}
#linkbar li {
display:inline;
margin:0;
padding:0;
}
#linkbar h2 {
display:none;
visibility:hidden;
margin:0;
padding:0;
}
#linkbar a {
clear:both;
width:100%;
text-decoration:none;
font:$linkbarTextFont;
color:$linkbarTextColor;
text-transform:none;
background:url(http://lh3.ggpht.com/_mcq01yDJ2uY/TJEEkU7Q7vI/AAAAAAAADj0/isg-gz65eZw/bg1.png) top left repeat-x;
-moz-border-radius:8px 8px 0 0;
-khtml-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
margin-left:3px;
padding:10px 10px;
}
#linkbar a:hover {
color:$linkbarHoverTextColor;
background:url(http://lh4.ggpht.com/_mcq01yDJ2uY/TJEFEgasjbI/AAAAAAAADj4/8pw8NQh8wJ0/hoverbg.png) top left repeat-x;
}
#middleads-wrapper {
width:982px;
position:relative;
text-align:center;
margin:0;
padding:0;
}
#content-wrapper {
width:920px;
position:relative;
text-align:left;
background: $contentbgColor;
border:1px solid $contentBorderColor;
word-wrap:break-word;
overflow:hidden;
margin:0;
padding:0;
}
#main-wrapper {
float:left;
width:510px;
padding:10px 0 0;
}
#main {
width:500px;
color:$textColor;
font:$textFont;
background:$postbgColor;
border:1px solid $postBorderColor;
margin:5px;
padding:20px 0 0;
}
#main .widget {
margin:0;
padding:0 25px 20px;
}
.post {
line-height:1.6em;
text-align:justify;
margin:0;
padding:0;
}
.post h3 {
color:$postTitleColor;
font:$postTitleFont;
text-decoration:none;
text-align:left;
line-height:1.4em;
border-bottom:3px solid $posttitleBorderColor;
margin:0 0 20px;
padding:0 0 2px;
}
.post h3 a,.post h3 a:visited {
color:$postTitleColor;
text-decoration:none;
}
.post h3 a:hover {
color:$dateHeaderColor;
text-decoration:none;
}
h2.date-header {
text-align:left;
color:$dateHeaderColor;
font:$dateHeaderFont;
text-decoration:none;
text-transform:none;
margin:0;
padding:0 0 7px;
}
.post-body p {
display:inline;
height:1%;
overflow:visible;
margin:0;
padding:1px 0;
}
.post-body a:hover {
text-decoration:none;
color:$mainHoverLinkColor;
}
.post ul {
list-style-type:disc;
line-height:1.6em;
font-size:95%;
margin:0;
padding:12px 0 12px 30px;
}
.post ol {
line-height:1.6em;
font-size:95%;
margin:0;
padding:12px 0 12px 30px;
}
.post li {
margin:0;
padding:0 0 8px;
}
a img {
margin:5px;
padding:0;
}
.post img {
background:$imagebgColor;
border:1px solid $imageBorderColor;
margin:0;
padding:5px;
}
.post-footer {
display:block;
text-align:left;
font:$postfooterTextFont;
color:$postfooterTextColor;
font-weight:400;
line-height:1.6em;
text-decoration:none;
background:$postfooterBgColor;
border-top:1px dotted $postfooterBorderColor;
margin:15px 0;
padding:10px 20px 0 10px;
}
.post-footer a {
color:$postfooterLinkColor;
text-decoration:none;
}
.post-footer .post-comment-link a {
color:$commentTabLinkColor;
font-weight:400;
text-decoration:none;
margin:0;
padding:0;
}
.post-footer img {
background:$postfooterBgColor;
margin:0;
padding:0 0 5px;
}
.jump-link a{
float: right;
background: #e6e6e6;
padding: 5px;
}
.jump-link a:hover {
background: #ccc;
}
#blog-pager a {
margin: 10px 10px 10px 10px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding: 5px;
text-decoration: none;
text-shadow: 1px 1px 3px #333333;
background: #9c9a9a;
zoom: 1;
}
#blog-pager a:hover {
background: #39719f;
}
.blog-pager-older-link {
float: right;
}
.blog-pager-newer-link {
float: right;
}
.feed-links {
clear:both;
line-height:2.5em;
display:none;
}
blockquote {
font:$quoteFont;
line-height:1.6em;
color:$blockQuoteColor;
background:$blockquotebgColor;
border-right:4px solid $blockquoteBorderColor;
border-left:4px solid $blockquoteBorderColor;
margin:10px 20px;
padding:10px 20px;
}
code {
color:$codeTextColor;
font-size:110%;
}
#side-wrapper1 {
width:190px;
float:left;
margin:10px 0 0 10px;
padding:0;
}
#side-wrapper2 {
width:190px;
float:left;
margin:10px 0 0;
padding:0 0 0 10px;
}
#side-wrapper {
float:left;
word-wrap:break-word;
overflow:hidden;
margin:0;
padding:0;
}
.sidebar {
text-align:left;
font:$sidebarTextFont;
margin:0;
padding:0;
}
#sidebar1 {
width:180px;
color:$sidebar1TextColor;
line-height:1.6em;
margin:9px 10px 0 0;
padding:0;
}
#sidebar2 {
width:190px;
color:$sidebar1TextColor;
line-height:1.6em;
margin:9px 11px 10px 0;
padding:0;
}
#sidebar1 .widget,#sidebar2 .widget {
background:$sidebar1bgColor;
border:1px solid $sidebar1BorderColor;
margin:0 0 4px;
padding:15px;
}
#sidebar1 h2,#sidebar2 h2 {
text-align:left;
color:$sidebar1HeaderColor;
font:$sidebarHeaderFont;
text-transform:none;
background:url(http://lh3.ggpht.com/_mcq01yDJ2uY/TJEEkU7Q7vI/AAAAAAAADj0/isg-gz65eZw/bg1.png) top left repeat-x;
margin:-15px -15px 10px;
padding:5px 20px;
}
.sidebar ul{list-style-type:none; margin:0px 0px 10px 0px; padding:0px}
.sidebar ul li{padding:5px 0px 4px 14px; margin:0px; border-bottom:1px dotted $sidebarListLineColor; background:url(http://lh6.ggpht.com/_mcq01yDJ2uY/TIkmCB7srmI/AAAAAAAADgA/YXGM9DdUPZI/bullet-arrow-right.png) left 9px no-repeat}
#sidebar1 a,#sidebar2 a {
color:$sidebar1LinkColor;
text-decoration:none;
}
#sidebar1 a:visited,#sidebar2 a:visited {
text-decoration:none;
color:$sidebar1VisitedLinkColor;
}
#sidebar1 a:hover,#sidebar2 a:hover {
text-decoration:underline;
color:$sidebar1HoverLinkColor;
}
.sidebar a img {
border:1px solid $profileBorderColor;
margin:0;
padding:0;
}
.profile-img {
border:1px solid $sidebarListLineColor;
margin:7px;
padding:0;
}
.profile-textblock {
clear:both;
line-height:1.6em;
margin:0;
padding:3px 0;
}
.profile-datablock {
margin:2px 0 5px;
padding:0;
}
.profile-data {
font-weight:400;
font-style:italic;
margin:0;
padding:0;
}
#comments {
text-align:left;
color:$commentTextColor;
font:$commentTextFont;
border:1px solid $commentboxBorderColor;
background:#fff;
margin:0;
padding:15px 20px;
}
#comments h4 {
color:$commentTitleColor;
font:$commentTitleFont;
margin:10px 0 0;
padding:3px 0;
}
.deleted-comment {
font-style:italic;
color:gray;
margin:3px 0;
}
.comment-author {
color:$commentauthorColor;
background:$commentAuthorBgColor;
border-top:1px dotted $commentboxBorderColor;
margin:15px 0 10px;
padding:15px 0 0 20px;
}
.comment-author a {
color:$commentauthorColor;
text-decoration:none;
}
.comment-body {
margin:0;
padding:0 0 4px 20px;
}
.comment-footer {
margin:0 0 20px;
padding:0 0 0 75px;
}
.comment-timestamp,.comment-timestamp a {
color:gray;
font-size:95%;
text-decoration:none;
margin:0;
padding:0;
}
.comment-body p {
line-height:1.6em;
margin:0;
padding:0;
}
#comments ul {
list-style-type:disc;
margin:0;
padding:0;
}
a.comment-link {
padding:0;
}
.comentariosadd {
height:30px;
}
.comentariosadd a {
display:block;
background:transparent url() no-repeat 0 0;
height:23px;
width:101px;
float:right;
text-indent:-6000px;
}
.comentariosadd a:hover {
display:block;
background:transparent url() no-repeat 0 0;
height:23px;
width:101px;
border-bottom:2px solid #c52823;
text-indent:-6000px;
}
html>body a.comment-link {
padding-left:0;
}
#backlinks-container {
margin-top:30px;
}
#credit {
width:100%;
height:26px;
clear:none;
font-family:arial, helvetica;
font-size:75%;
color:#ccc;
font-weight:400;
background:#fff;
margin:0;
padding:2px 0 0;
}
#creditleft {
height:26px;
position:relative;
float:left;
text-align:left;
display:inline;
width:71%;
background:#39719f;
margin:0;
padding:7px 0 0;
}
#creditright {
height:26px;
position:relative;
float:right;
text-align:right;
display:inline;
width:30%;
background:#39719f;
margin:-33px 0 0;
padding:7px 0 0;
}
*,#topads,#header h1 p,#header .description p,#middleads,#middleads2,.date-header span,.post-footer-line,.post-footer-line-1,.post-footer-line-2,.post-footer-line-3,.post-footer .post-icons,.profile-link,.lowerbar,.lowerads,.lowerbar ul,.footer p,#creditleft p,#creditright p {
margin:0;
padding:0;
}
a,.post-body p a,.post-body p a:visited {
color:$mainLinkColor;
text-decoration:none;
}
a:hover,.post-footer a:hover,.post-footer .post-comment-link a:hover {
color:$mainHoverLinkColor;
text-decoration:none;
}
#topads-wrapper,#bottomads-wrapper {
position:relative;
text-align:center;
width:100%;
margin:0;
padding:0;
}
#topads .widget,#bottomads .widget {
margin:0;
padding:5px 0;
}
#linkbar ul,.sidebar ul,#BlogArchive1 ul {
list-style-type:none;
margin:0;
padding:0;
}
#middleads .widget,#middleads2 .widget,#bottomads {
margin:0;
padding:10px 0;
}
#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited {
color:#fff;
text-decoration:none;
}
/* ************ END OF CSS STYLING ************ */
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='apple-touch-icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon' type='image/x-icon'/>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] +
'</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'>
<!-- 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>
</span>
<div style='clear: both;'/>
<div id='blog-wrapper'>
<div style='clear: both;'/>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Padrão (Cabeçalho)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<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>
<b:else/>
<!--Show image as background to text-->
<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'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
<div id='search'>
<form expr:action='data:blog.homepageurl + "search"' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' type='text' value=''/>
<input src='http://lh3.ggpht.com/_mcq01yDJ2uY/TIoN4zHVJmI/AAAAAAAADi0/-lPcOV2086M/search.gif' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>
<div style='clear: both;'/>
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Página anterior'>« Anterior</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Próxima página'>Seguinte »</a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><img align='bottom' src='http://lh6.ggpht.com/_mcq01yDJ2uY/TJK_Tv75a-I/AAAAAAAADlw/1tPEmE-P1NI/redo.png'/><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'>
</div>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<p align='right'><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a></p>
</div>
</b:if>
<span id='showlink'>
<a expr:href='data:post.url'>Leia mais...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<!-- Botoes Sharebutton Blogger inicio -->
<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; margin: 5px 2px 10px 10px'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</div>
</b:if>
<!-- Botoes Sharebutton Blogger final -->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'> <data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/><b:else/> <data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if> </b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'/>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&username=xa-4bd0b551285fd501'>Compartilhe este artigo</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'/>
<a class='addthis_button_myspace'/>
<a class='addthis_button_google'/>
<a class='addthis_button_twitter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bd0b551285fd501' type='text/javascript'/>
<!-- AddThis Button END -->
<b:if cond='data:blog.pageType == "item"'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<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;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='http://lh4.ggpht.com/_mcq01yDJ2uY/TFS6X1RUJjI/AAAAAAAACkw/JLjR-O_cN7g/comment.png'/>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
</dl>
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<!-- spacer for skins that sets sidebar and main to be the same height-->
<div style='clear: both;'/>
</div> <!-- end content-wrapper -->
<div style='clear: both;'/>
<div style='clear: both;'/>
</div> <!-- end blog-wrapper -->
</div> <!-- end outer-wrapper -->
<div id='credit'>
<div id='creditleft'>
<p><b>  ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a></b> - Todos os direitos reservados. </p>
</div>
<div id='creditright'>
<p>
Template by <a href='http://
www.dicasblogger.com.br/'>
Dicas Blogger</a> |
<a href='#outer-wrapper'>Topo</a>  </p>
</div>
</div> <!-- end credit -->
</body>
</html>
Inilah screenshot untuk template diatas
Keren kan, silahkan deh kamu edit sesukamu dan kode yang berwarna merah dapat anda ganti dengan url anda. Semoga berhasil dan jangan lupa kasih komentar.