Home / Blog / Template premium yang terbaik untuk blogger

Template premium yang terbaik untuk blogger

Posted by Belen Septian Tuesday, June 14, 2011 0 comments
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 != &quot;item&quot;'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 if (fade) {
                    spans[i].style.background = peekaboo_bgcolor;
                    Effect.Appear(spans[i]);
                } else spans[i].style.display = &#39;inline&#39;;
             }
             if (spans[i].id == &quot;showlink&quot;)
                 spans[i].style.display = &#39;none&#39;;
             if (spans[i].id == &quot;hidelink&quot;)
                 spans[i].style.display = &#39;inline&#39;;
        }
}


function hideFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 if (fade) {
                   spans[i].style.background = peekaboo_bgcolor;
                   Effect.Fade(spans[i]);
                 } else spans[i].style.display = &#39;none&#39;;
             }
             if (spans[i].id == &quot;showlink&quot;)
                 spans[i].style.display = &#39;inline&#39;;
             if (spans[i].id == &quot;hidelink&quot;)
                 spans[i].style.display = &#39;none&#39;;
        }
        post.scrollIntoView(true);
}

function checkFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        var found = 0;
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 spans[i].style.display = &#39;none&#39;;
                 found = 1;
             }
             if ((spans[i].id == &quot;showlink&quot;) &amp;&amp; (found == 0))
                 spans[i].style.display = &#39;none&#39;;
        }
}

</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 == &quot;REPLACE&quot;'>
      <!--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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--Show image as background to text-->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-repeat: no-repeat; &quot;                      + &quot;width: &quot; + data:width + &quot;px; &quot;                      + &quot;height: &quot; + data:height + &quot;px;&quot;' 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 + &quot;search&quot;' 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 + &quot;_blog-pager-newer-link&quot;' title='Página anterior'>&#171; 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 + &quot;_blog-pager-older-link&quot;' title='Próxima página'>Seguinte &#187;</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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' 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'>&#160;</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 + &quot;_backlinks-create-link&quot;' 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='&quot;post-&quot; + data:post.id'>
   
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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 + &quot;#more&quot;'><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(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
        </script>
      </b:if>


    <!-- Botoes Sharebutton Blogger inicio -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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 != &quot;item&quot;'>
            <b:if cond='data:post.showBacklinks'>
              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'>&#160;<data:top.backlinkLabel/></a>
            </b:if>
          </b:if>
        </span>
        <span class='post-comment-link'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <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'>&#160;1 <data:top.commentLabel/><b:else/>&#160;<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 != &quot;true&quot;'>,</b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' 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&amp;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 == &quot;item&quot;'> <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='&quot;item-control &quot; + 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='&quot;item-control &quot; + 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 == &quot;item&quot;'>
        <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='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='&quot;comment-author &quot; + 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 + &quot;_backlinks-container&quot;'>
       <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>&#160;&#160;&#169;<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>&#160;&#160;</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 != &quot;item&quot;'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 if (fade) {
                    spans[i].style.background = peekaboo_bgcolor;
                    Effect.Appear(spans[i]);
                } else spans[i].style.display = &#39;inline&#39;;
             }
             if (spans[i].id == &quot;showlink&quot;)
                 spans[i].style.display = &#39;none&#39;;
             if (spans[i].id == &quot;hidelink&quot;)
                 spans[i].style.display = &#39;inline&#39;;
        }
}


function hideFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 if (fade) {
                   spans[i].style.background = peekaboo_bgcolor;
                   Effect.Fade(spans[i]);
                 } else spans[i].style.display = &#39;none&#39;;
             }
             if (spans[i].id == &quot;showlink&quot;)
                 spans[i].style.display = &#39;inline&#39;;
             if (spans[i].id == &quot;hidelink&quot;)
                 spans[i].style.display = &#39;none&#39;;
        }
        post.scrollIntoView(true);
}

function checkFull(id) {
    var post = document.getElementById(id);
        var spans = post.getElementsByTagName(&#39;span&#39;);
        var found = 0;
        for (var i = 0; i &lt; spans.length; i++) {
             if (spans[i].id == &quot;fullpost&quot;) {
                 spans[i].style.display = &#39;none&#39;;
                 found = 1;
             }
             if ((spans[i].id == &quot;showlink&quot;) &amp;&amp; (found == 0))
                 spans[i].style.display = &#39;none&#39;;
        }
}

</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 == &quot;REPLACE&quot;'>
      <!--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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--Show image as background to text-->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-repeat: no-repeat; &quot;                      + &quot;width: &quot; + data:width + &quot;px; &quot;                      + &quot;height: &quot; + data:height + &quot;px;&quot;' 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 + &quot;search&quot;' 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 + &quot;_blog-pager-newer-link&quot;' title='Página anterior'>&#171; 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 + &quot;_blog-pager-older-link&quot;' title='Próxima página'>Seguinte &#187;</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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' 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'>&#160;</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 + &quot;_backlinks-create-link&quot;' 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='&quot;post-&quot; + data:post.id'>
   
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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 + &quot;#more&quot;'><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(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
        </script>
      </b:if>


    <!-- Botoes Sharebutton Blogger inicio -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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 != &quot;item&quot;'>
            <b:if cond='data:post.showBacklinks'>
              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'>&#160;<data:top.backlinkLabel/></a>
            </b:if>
          </b:if>
        </span>
        <span class='post-comment-link'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <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'>&#160;1 <data:top.commentLabel/><b:else/>&#160;<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 != &quot;true&quot;'>,</b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' 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&amp;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 == &quot;item&quot;'> <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='&quot;item-control &quot; + 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='&quot;item-control &quot; + 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 == &quot;item&quot;'>
        <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='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='&quot;comment-author &quot; + 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 + &quot;_backlinks-container&quot;'>
       <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>&#160;&#160;&#169;<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>&#160;&#160;</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.


 
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Template premium yang terbaik untuk blogger
Ditulis oleh Belen Septian
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://tutorforus.blogspot.com/2011/06/template-premium-yang-terbaik-untuk.html. Terima kasih sudah singgah membaca artikel ini.
Categories:

If You Like This Post, Share it With Your Friends

0 comments:

Post a Comment

Modified by Berita Terkini Original by Bamz | Copyright of Sarana Berbagi Ilmu. Optimisasi SEO kunjungi Tutorial SEO dan Blog.
Powered by Blogger.