Mostruário de Templates: Template Silver

<!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[/*
-----------------------------------------------
Templates e Acessórios
url: http://templateseacessorios.blogspot.com
Elke di Barros
Template Silver 2009
----------------------------------------------- */

/* Variable definitions
   ====================
<Variable name="bgcolor" description="Page Background Color"
   type="color" default="#fff" value="#000000">
<Variable name="textcolor" description="Text Color"
   type="color" default="#333" value="#000000">
<Variable name="linkcolor" description="Link Color"
   type="color" default="#58a" value="#999999">
<Variable name="pagetitlecolor" description="Blog Title Color"
   type="color" default="#666" value="#cccccc">
<Variable name="descriptioncolor" description="Blog Description Color"
   type="color" default="#999" value="#cccccc">
<Variable name="titlecolor" description="Post Title Color"
   type="color" default="#c60" value="#ffffff">
<Variable name="bgpostbody" description="Post"
   type="color" default="#c60" value="#ffffff">
<Variable name="bordercolorpostbody" description="Border Color Post Body"
   type="color" default="#ccc" value="#000000">
<Variable name="bordercolor" description="Border Color"
   type="color" default="#ccc" value="#000000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
   type="color" default="#999" value="#7f7f7f">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
   type="color" default="#666" value="#7f7f7f">
<Variable name="visitedlinkcolor" description="Visited Link Color"
   type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
   type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="bgnavcontainer" description="Navcontainer"
   type="color" default="#fff" value="#333333">
<Variable name="bgshowlink" description="Showlink"
   type="color" default="#fff" value="#333333">
<Variable name="bgouterwrapper" description="Outerwrapper"
   type="color" default="#fff" value="#4c4c4c">
<Variable name="bgsidebar" description="Sidebar"
   type="color" default="#fff" value="#666666">
<Variable name="bgmainwrapper" description="Mainwrapper"
   type="color" default="#fff" value="#666666">
<Variable name="bgfooterwrapper" description="Footerwrapper"
   type="color" default="#fff" value="#e6e6e6">
<Variable name="bordercolorfooterwrapper" description="Border Color Footerwrapper"
   type="color" default="#ccc" value="#003366">
<Variable name="bgfooter" description="Footer"
   type="color" default="#fff" value="#e6e6e6">
<Variable name="bgwidebar" description="Widebar"
   type="color" default="#fff" value="#7f7f7f">
<Variable name="bgfirst" description="First"
   type="color" default="#fff" value="#ffffff">
<Variable name="bordercolorfirst" description="Border Color First"
   type="color" default="#ccc" value="#333333">

<Variable name="headerfont" description="Sidebar Title Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 63% Georgia, Times, serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
   type="font"
   default="normal normal 100% Georgia, Serif" value="normal bold 175% Times, serif">

   <Variable name="descriptionfont" description="Blog Description Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
   type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
   type="automatic" default="right" value="right">
*/

body {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jRVeKnUe-8qKW5mdbt3zr1QPmw_95kiMQLDKhZCpCPh7ppNIUEZCpBhNYqAONNYsYOnNj_7yUKzNvRKpCxCYQtdJEpjsZGl5Xj4Ew6yw173jQTJy3rozEf1Gmuu58vprjia1pwYsyeY/s1600/back.jpg) repeat;margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}
a:link {color:$linkcolor;text-decoration:none;}
a:visited {color:$visitedlinkcolor;text-decoration:none;}
a:hover {color:$titlecolor;text-decoration:underline;}
a img {border-width:0;}
#navbar-iframe{height:0px}

/* -------- Header -------- */
#header-wrapper {width:970px;height:340px;margin:0 auto;overflow:hiddenpadding:0;background: #000000;}
#header-inner {background-position: center;margin-left: auto;margin-right: auto;}
#header-column-left {width:40%;float:$startSide;margin:0;padding:0;color:$pagetitlecolor;}
#header-column-left h1 {margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;}
#header-column-left a {color:$pagetitlecolor;text-decoration:none;}
#header-column-left a:hover {color:$pagetitlecolor;}
#header-column-left .description {margin:0 5px 5px;padding:0 20px 15px;max-width:90%;text-transform:uppercase;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;color: #A44C4C;}
#header-column-left img {margin-$startSide: auto;margin-$endSide: auto;}
#header-column-right {width:60%;float:$endSide;padding: auto 10px;}
#header-top {width:100%;text-align:left;padding: auto 10px;word-wrap: break-word; overflow: hidden;}

/*Slide-------------------------*/
#Slideshow1 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlMkwzdJEqcvlcpXwbOL34BObrbWq7HCla-f7FAI_O3yjAbL-LBiQDAXsd1agH8L1IkGJ2h2JdpQRvkGyRsutaGRLV4X6hY6J3DKgvymSDqWeDKaJuz7-hc9mHCq85c58Nntne3NKuVg/s1600/slide2.png) no-repeat;
padding:25px 1px 25px 25px;width: 500px;height:280px;}
#Slideshow1 .slideshow-container {width: 400px;height:230px;margin: 10px 45px 50px 20px;padding:5px 1px 25px 25px;background: url(.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlMkwzdJEqcvlcpXwbOL34BObrbWq7HCla-f7FAI_O3yjAbL-LBiQDAXsd1agH8L1IkGJ2h2JdpQRvkGyRsutaGRLV4X6hY6J3DKgvymSDqWeDKaJuz7-hc9mHCq85c58Nntne3NKuVg/s1600/slide2.png) no-repeat;}
.Slideshow1-container a img{ position:absolute;top:0;left:0;width:100px; height:80px;}

/* Menu----------------------------*/
#menu {width:610px;float:left;margin-top: -61px;padding:10px 0 0;}
#menu ul {float:left;margin:0;padding:0 5px 0 0;}
#menu li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#menu li a, #menu li a:link {-moz-border-radius-topleft:4px;-webkit-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-radius-topright:4px;background:#fff;color:#000;display:block;font-family:Arial,Tahoma,Verdana;font-size:0.8em;font-weight:bold;margin:6px 3px 0 0;padding:6px 15px 6px;text-decoration:none;text-transform:uppercase;}
#menu li a:hover {background:#000;color:#fff;}
#header img {margin-left: auto;margin-right: auto;}
#subsearch {width:355px;background:#FFFFFF;border:1px solid #666666;color:#000000;display:inline;font-family:Arial,Tahoma,Verdana;margin-right:1px;margin-bottom: 15px;margin-left: 30px;padding:3px 0 3px 5px;}
#subsubmit {-moz-border-radius:5px;-webkit-border-radius:5px;
background:#ffffff;border:1px solid #000000;color:#000000;font-family:Arial,Tahoma,Verdana;font-size:11px;font-weight:bold;margin:0;padding:3px 5px;text-decoration:none;}
.clear {clear:both;}

/* Outer-Wrapper----------------------------------------- */
#outer-wrapper {background: #fff;border: 6px solid #000;width: 950px;margin:0 auto;padding:4px;text-align:$startSide;font: $bodyfont;}
#main-wrapper {width: 537px;float: $startSide;-moz-border-radius:8px;-webkit-border-radius:8px;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jRVeKnUe-8qKW5mdbt3zr1QPmw_95kiMQLDKhZCpCPh7ppNIUEZCpBhNYqAONNYsYOnNj_7yUKzNvRKpCxCYQtdJEpjsZGl5Xj4Ew6yw173jQTJy3rozEf1Gmuu58vprjia1pwYsyeY/s1600/back.jpg) repeat;padding: 8px;margin-top: -30px;width: 220px;float: $endSide;-moz-border-radius:8px;-webkit-border-radius:8px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
#newsidebar-wrapper {margin-top: -30px;margin-right: 1px;padding: 2px;width: 170px;float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

/* Headings-------------------------------------- */
h2 { margin:1.5em 0 .75em;font:$headerfont;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor;}

/*First----------------------------- */
#first{ width: 528px; background: $bgfirst;
border: solid 2px $bordercolorfirst; margin-left: 1px; margin-right:1px;padding:1px;padding-right: 1px;float:left;float: center; -moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom: 20px;}
.first-body{margin: 1px;margin-right:1px;padding: 1px;line-height:1.5em;text-align:left;color:#000;}
#first h3{ display:block;margin: 4px auto;width: 95%;font-size: 19px;
padding: 0px 0px 4px 0px;text-align:center;line-height:1.4em;color: #fff; background: #000;}
#first h3 a:hover{color:#ccc;}
.first-body img{padding:10px;background:#fff;border: 2px solid #F7F3F3;margin-bottom; 30px;}
#first .comment-link{font-size: 3px;none;}

/*Menu navegação--------------------------------*/
#showpageArea {padding: 0 2px; margin-bottom: 10px; margin-top: 10px;}
.showpageArea a {border: 1px solid #000; color: #000; font-weight: normal;padding: 3px 6px! importante;padding: 1px 4px; margin: 0px 4px;
text-decoration: none;}
.showpageArea a:hover {font-size: 11px;border: 1px solid #000;color: #000000;background-color: #A44C4C;}
.showpageNum a {border: 1px solid #A44C4C; color: #000;font-weight: normal;padding: 3px 6px! importante;padding: 1px 4px;margin: 0px 4px;text-decoration: none;}
.showpageNum a:hover {font-size: 11px;border: 1px solid #000;color: #000;background-color: #FFF;}
.showpagePoint {font-size: 11px;padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;
border: 1px solid #000;color: #fff;background-color: #000;}
.showpage a:hover {font-size: 11px;
border: 1px solid #000;color: #000;background-color: #FFF;}
.showpageNum a:link,.showpage a:link {font-size: 11px;
padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #000;color: #000;}
.showpageNum a:hover {font-size: 11px;border: 1px solid #000;color: #000;}

/* Posts-----------------------*/
h2.date-header { margin:1.5em 0 .5em;}
.post {border: 1px solid $bordercolorpostbody;background: $bordercolorpostbody;-moz-border-radius:6px; margin-bottom: 5px; margin-top: 10px;-webkit-border-radius:6px;padding: 1px;}
.post h3 {background: #000;margin: 4px;padding:0 0 4px;font-weight:normal;line-height:1.4em;color: #ffffff;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;}
.post h3 strong, .post h3 a:hover {color:#ffffff;}
.post-body {background: $bgpostbody;img: 1px border #cccccc;padding: 3px;margin: 0;line-height:1.2em;}
.post-body a:hover {text-decoration: underline;color:#FF4F00;font-size:100%; }
.post-body blockquote {line-height:1.3em; }
.post img {padding:4px;border:1px solid #cccccc;}
.post-footer {font-size:140%;margin: .75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;line-height: 1.4em;}
.post-footer a:hover {text-decoration: underline; color:#000000; font-size:120%; }
.post img { padding:4px;}
.post blockquote { background: #cccccc; margin:1em 20px;}
.post blockquote p {margin:.75em 0;}
.post-comment-link {font-size: 140%;color: #E895CC;padding: 10px;margin-top:50px;float: right;line-height:1.6em;padding: 3px 5px; float:right;}
.post-comment-link a, .post-comment-link a:visited{color: #E8D2D2;}
.post-comment-link a:hover{ color: #ffffff;}
.post-labels {font-size: 110%;float: right;line-height:1.2em;}
.post-labels a:hover{ color: #cccccc;}
.post-body blockquote {border-left: 10px solid #702A2A; line-height:1.3em; }

/* Botao leia mais--------------------------- */
#showlink{-moz-border-radius:4px;-webkit-border-radius:4px;
margin-top:10px;padding: 3px 5px; margin-bottom: 30px;float:right;background: $bgshowlink;}
#showlink a, #showlink a:visited{color:#fff;}
#showlink a:hover{color:#fff}

/* Commentarios--------------------------- */
margin:10px 0 10px;line-height: 1.4em;
font-weight: bold; font-family:Georgia,Serif;font-size:120%;color:#333;}
.comment-author {text-align:right;color:#940f04; font-size:12px;
font-family:Verdana,Tahoma,sans-serif;font-weight: bold;padding-left:60px;line-height:0px;padding-top: 10px;}
#comments-block {line-height:1.6em;}
.comment-body-author {text-align: right;margin:22px;padding:3px 7px 7px 10px;overflow-x: hidden;}
.comment-body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0TuKSCzyhK9I8OWHFDD_Wc43rRlR4RFBhcgokvWxQRcF1ERpv0ki3ESmeLD06csI-z_Usi87DCqffdg5pgRNQ2haF-V5e87ogcAtoZm9eNKLfbdWvoD7ydQlJL7HXy2oaQbVQcLtGZg/s1600/comment-F3EFEF.png) no-repeat;
padding-left:49px;margin: 0px 0px -35px 19px;text-align:justify;font-size: 12px;}
.blog-author-comment {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRK1rkFni3EJcNkGqCT7MSomoUGcCc3__Mp5iFTPdFjCEtL7jFXR4gzlsaoVndKY0TKnAkRStMBOYNxP5MqRu17FrZNU5IcaB7VVvwZW2VPti-_oG336x5bt12G5UMQ3U1ulsHW0W8wWo/s1600/comment-C0C0C0.png) no-repeat;padding-left:49px;margin: 0px 0px -35px 19px;text-align:justify;font-size: 12px;}
.blog-author-comment p {width: 95%;background: #C0C0C0;padding-left:10px;padding-right: 10px;padding-bottom: 35px;}
.comment-body p {width: 95%;background: #F3EFEF;padding-left:10px;padding-right: 10px;padding-bottom: 35px;}
.comment-footer {font-size: 11pxmargin: 10px;padding-top:0px;text-align: right;}
.comment-footer a:link {color:#333;}
div.avatar-image-container {width:50px;height:50px;margin: 10px;padding-left: 10px;}
div.avatar-image-container img.delayLoad width:50px;height:50px;margin: 5px;padding-left: 20px;}

/* Formulario dos comentarios ------------------------------- */
.comment-form {margin:0pt auto;width:93%;}
.comment-form h3 {color:#000;font-family:Georgia;font-size:18px;height:50px;line-height:45px;padding:0pt 0pt 0pt 55px;}
.comment-form p {color:#fff;font-family:georgia;font-size:16px;background:#fff;padding:10px 0pt 0px 20px;height:90px;width:93%;}
#comment-editor {height:420px;width:100%;}
#Comment-antiguos {margin:0 auto;margin-top:-150px;width:93%;}
#backlinks-container {margin:0 auto;width:93%;}
.commentphoto{padding:2px;border:2px outset #F6FAF4;}
#comments-block {line-height:1.6em;margin:0 auto;}

/* Balao comentario--------------------------- */
.numComments {background: no-repeat top right; border: 1px solid#fff; float:right;text-align: center;padding: 16px 0 0 0;font-size: 180%;width: 80px;height:90px; color: #fff;}

/*Marcadores------------------------------------- */
.sidebar-Label1{font-size:85%; padding-left:-2px;}
#Label1 ul li {height: 100%;}
#Label1 ul li a:link, .Label1 ul li a:visited {
color: #43484e;text-decoration: none;padding: 10px 2px 5px 25px;display: block;
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0UFZyQ_HsYoMlh7n85jsakdey9br-As2WWKqPE9HDl90SpRBHH4ayuEr-q5_kZf0pv54XTtZukoPjawCCkYDNGwSa8nyD9xpOuUL7dRXbLgUwZjkzD6TW15K5vTGE9Uvqehz7gpegEc/s1600/marcadores1.png) no-repeat; color: #fff;}
#Label1 ul li a:hover {background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxnTXoFmJM4oZUk1k6-kSjF_jdiU3NBDkwt8bfzm87oV36QlKlmtsP0i30KZBS8sIKoScc1XUI_rlRLXTH3eBNqaEV2y35DXx0M_bJq0wKhRsZxoYomRqvh5gKXe_yARyOzqFJOK9OH8/s1600/marcadores2.png) no-repeat;
text-align: left;color: #000;border-bottom: 1px solid #000;}

/* Sidebar Content------------------------------- */
.sidebar .widget { background: #fff; color: $sidebartextcolor;line-height: 1.2em;padding: 1px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.newsidebar .widget {background: #000; border: 6px groove #000;line-height: 1.2em;padding: 0;margin-bottom: 6px; margin-right: 2px;}
.sidebar h2 {text-align: center;font-size: 110%;color: #000;}
.newsidebar h2 {margin-top: 0;font-size: 80%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijTFAbJQqrX8vkxuHDQ1cgJe64WEFvlQcm7YrIffTj5P2ocW6akS-gHp17fqP7MWp7P0e_JncLqon6sht5K2hUcMYhvmq_CR-ya49m0_jNW0DBCnLWhy4KPF7TeLeiJHW5B_aGxoagj8A/s1600/barra.png) repeat-x;text-align: center; color: #000;}
.sidebar ul li {height: 100%;}
.sidebar ul li a:link, .sidebar ul li a:visited {color: #000;text-decoration: none;margin: 1px;padding: 6px 10px 0px 15px;display: block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJOwQomXL4DAMcoN12IHouIr7pFIUcd9-BmzTBcUp7EZwiY3HTNccy-3CSJgG3mFc4Hr4dJXcJB5kF7adAj2GxH_knH357cOmG5c7s215mWGIHXFlDk1aNgKyZx6psbYpEO2j9IYQemg/s1600/bullethover.png) no-repeat;}
.sidebar ul li a:hover {
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUecmx-AK3i9j7swLD-jjCTWW7uWoB-886YpzyY6fvi4HquZp2LVfFqGKqrznkijB53Zvkn4sKRu0WhCoIEQtihZBSDARxLNN5czfiF80P0N-Xl6AuoIo-lFp3bG4InNlZOI93NMLnBlY/s1600/bullet.png) no-repeat;text-align: left;color: #fff;border-bottom: 1px solid #000;}
.newsidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.newsidebar li {border-bottom: 1px dashed #CF9F9F;padding-left:0px;margin: 1px;line
height:1.2em;}
.sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.sidebar li {
border-bottom: 1px dashed #cccccc;padding-left:0px;margin: 1px;line-height:1.2em;}
.sidebar .widget, .main .widget { margin:0 0 1.2em;padding:0 0 1.2em;}
.main .Blog { border-bottom-width: 0;}

/* Profile --------------------------------------- */
.profile-img { float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;
margin-$startSide: 0;padding: 4px;border: 1px solid $bordercolor;}
.profile-data {margin:0;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;
color: $sidebarcolor;font-weight: bold;line-height: 1.6em;}
.profile-datablock { margin:.5em 0 .5em;}
.profile-textblock { margin: 0.5em 0;line-height: 1.6em;}
.profile-link { font: $postfooterfont;text-transform: uppercase;letter-spacing: .1em;}

/* Footer--------------------------------------- */
#footer {width:950px;clear:both;margin:0 auto;padding-top:15px;line-height: 1.6em;text-transform:uppercase;letter-spacing:.1em;text-align: center;}
#footer-columna-contenedor {clear:both;}
.footer-columna {padding: 8px;}
#col1{background: #000;margin: 5px;padding: 5px;border: 2px outset #ccc;color: #fff;}
#col1 h2{margin: 0.0em 0 .5em;padding: 4px 3px;border: 1px solid #fff;background: #fff;text-align: left;font-size: 90%;color:#000;}
#col2 {background: #000;margin: 5px;padding: 5px;border: 2px outset #ccc;color: #fff;}
#col2 h2 {margin: 0.0em 0 .5em;padding: 4px 3px;border: 1px solid #fff;background: #fff;text-align: left;font-size: 90%;color:#000;}
#col3{background: #000;margin: 5px;padding: 5px;border: 2px outset #ccc;color: #fff;}
#col3 h2{margin: 0.0em 0 .5em;padding: 4px 3px;border: 1px solid #fff;background: #fff;text-align: left;font-size: 90%;color:#000;}

]]></b:skin>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 190;
summary_img = 190;
img_thumb_height = 80;
img_thumb_width = 80;
</script>
<script type='text/javascript'>
  //<![CDATA[
// 
// 
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumbF(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summaryf_noimg;
if(img.length>=1) {
if(thumbnail_modef == "float") {
imgtag = '<span style="float:left;margin:0px; padding:0px 5px 0px 0px;"><img src="'+img[0].src+'" width="'+img_thumbf_width+'px" height="'+img_thumbf_height+'px"/></span>';
summ = summaryf_img;
} else {
imgtag = '<div style="padding:0px" align="center"><img style="max-width:'+img_thumbf_width+'px; max-height:'+img_thumbf_height+'px;" src="'+img[0].src+'" /></div>';
summ = summaryf_img;
}
}

var summaryf = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summaryf;
}

//]]>
</script>

<script type='text/javascript'>
var thumbnail_modef = "float" ;
summaryf_noimg = 300;
summaryf_img = 440;
img_thumbf_height = 160;
img_thumbf_width = 160;
</script>


<b:if cond='data:blog.pageType != "item"'>
<style>
.first post {float:left;height:200px;margin-left:4px;margin-right: 2px;margin-top: 3px; margin-bottom: 15px; overflow:hidden;padding:3px;width:525px;}
.first post:hover {background:#E5E5E5 none repeat scroll 0 0;border-color:#AAAAAA;}
</style>
<style>
.post {float:left;height:160px;margin-left:4px;margin-right: 2px;margin-top: 3px; margin-bottom: 15px; overflow:hidden;padding:3px;width:525px;}
.post:hover {background:#E5E5E5 none repeat scroll 0 0;}
</style>
</b:if>
<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'>var thumbnail_mode = "float" ;summary_noimg = 50;summary_img = 100;img_thumb_height = 90;img_thumb_width = 90;</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}
strx = s.join("");}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}
}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

</head>
<body>
  
<table cellpadding='0' cellspacing='0' height='50px' margin='3px' width='100%'><tr>
<td align='right'><table background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijTFAbJQqrX8vkxuHDQ1cgJe64WEFvlQcm7YrIffTj5P2ocW6akS-gHp17fqP7MWp7P0e_JncLqon6sht5K2hUcMYhvmq_CR-ya49m0_jNW0DBCnLWhy4KPF7TeLeiJHW5B_aGxoagj8A/s1600/barra.png' border='0' cellpadding='3' cellspacing='0'><tbody><tr>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO BLA 1' style='color: #000' target='_blank'>BLA 1 </a></b><br/><span style='font-weight:normal;'>TEXTO BLA 1</span><br/><small><a href='ENDEREÇO BLA 1' style='font-weight:normal; ' target='_blank'>Clique aqui !</a></small></td>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO BLA 2' style='color: #000' target='_blank'>BLA 2 </a></b><br/><span style='font-weight:normal;'>TEXTO BLA 2</span><br/><small><a href='ENDEREÇO BLA 2' style='font-weight:normal; ' target='_blank'>Clique aqui !</a></small></td>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO BLA 3' style='color: #000' target='_blank'>BLA 3 </a></b><br/><span style='font-weight:normal;'>TEXTO BLA 3</span><br/><small><a href='ENDEREÇO BLA 3' style='font-weight:normal; ' target='_blank'>Clique aqui !</a></small></td>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO BLA 4' style='color: #000' target='_blank'>BLA 4 </a></b><br/><span style='font-weight:normal;'>TEXTO BLA 4</span><br/><small><a href='ENDEREÇO BLA 4' style='font-weight:normal; ' target='_blank'>Clique aqui !</a></small></td>

<td style='vertical-align: top; width: 20px;'>
<a href='ENDEREÇO DO SEU FEED' rel='alternate' title='RSS Feed'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnOYdecaiaFY7lMUbFs9l7AvnBq5h_XAX4QfD2zSAS7rsmSCoMI-k4KYkLiFE5degro4a3AyO-QGLLuVAe90cXUu3eiC7CIX5xZWR8y7P3iAopsL7D7NW0J8IVfxIpb5FlNsN9t7Jt9XY/s1600/feed.png' style='horizontal-align: center;'/></a>
</td>

<td style='vertical-align: top; width: 20px;'>
<a href='http://twitter.com/NICK NO TWITTER' rel='alternate' title='Twitter'><img alt='Siga-me' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_q-qGrY9VOLi03NQEN63dBiGnTQwkr1F0Oq5mn8vpRfOqrBA_9S5l4IT9GYUkUbeF2EAxeY7SzSrMfsKQP6qWMqKPR2E3WQLEEGa6Z7Vxoghvc-_8f1FxO0St1PLOzWIDVZ-TvKxc-JI/s1600/twitter.png' style='horizontal-align: center;'/></a>
</td>

<td style='vertical-align: top; width: 20px;'>
<a href='mailto:EMAIL@SERVIDOR.com' title='Email'><img alt='Siga-me' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKdPEXQqKWpK4u6Dmq2-ZVVLGUrbvjb8Y84BGqB_tVjZpcZ5OZuxe5wZJ9U5tg6xUVIc4lpLP1w2sdUfREyJdG3yodzlhH8VsusbRmNe1Vkziaxf2fObLT89AaZ0-S0oGhbAuvTf2lSzk/s1600/email.png' style='horizontal-align: center;'/></a>
</td>
</tr></tbody></table></td></tr></table>

  
<div id='header-wrapper'>
<div class='header-top' id='header-top'>
  <b:section class='header' id='header1' preferred='yes'/>
</div>
<div class='header-column' id='header-column-left'>
  <b:section class='header' id='header2' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Header1' locked='false' title='Template Silver (Cabeçalho)' type='Header'/>
</b:section>
</div>

<div class='header-column' id='header-column-right'>
  <b:section class='header' id='header3' preferred='yes'>
<b:widget id='Slideshow1' locked='false' title='' type='Slideshow'/>
</b:section>
</div>

   <div style='clear:both;'/>
</div>


<div id='outer-wrapper'><div id='wrap2'>

   
   <span id='skiplinks' style='display:none;'>
   <a href='#main'>skip to main </a> |
   <a href='#sidebar'>skip to sidebar</a>
   </span>
<div class='menu section' id='menu'>
<div class='menu'>
<ul>
<li><a href='AQUI O ENDEREÇO DE SEU BLOG'>Home</a></li>
<li><a href='ENDEREÇO DO LINK 1'>Link 1</a></li>
<li><a href='ENDEREÇO DO LINK 2'>Link 2</a></li>
<li><a href='ENDEREÇO DO LINK 3'>Link 3</a></li>
<li><a href='ENDEREÇO DO LINK 4'>Link 4</a></li>
</ul>
</div>
</div>
<div style='text-align: left;'>
<div id='subright'>
<form action='http://AQUI O NOME DE SEU BLOG.blogspot.com/search' id='search' method='get'>
<label class='hidden' for='s'/>
<input id='subsearch' name='q' type='text' value=''/>
<input id='subsubmit' type='submit' value='Buscar'/>
</form>
</div>
</div>
   <div id='content-wrapper'>

   <div id='crosscol-wrapper' style='text-align:center'>
   <b:section class='crosscol' id='crosscol' showaddelement='no'/>
   </div>

   <div id='main-wrapper'>
   <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=3;
var displayPageNum=4;
var upPageWord ='Anterior';
var downPageWord ='Próximo';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Páginas('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Páginas('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

   </div>

   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'/>
<b:widget id='BlogList1' locked='false' title='Outros Templates' type='BlogList'/>
</b:section>
   </div>
<div id='newsidebar-wrapper'>

   <b:section class='newsidebar' id='newsidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section>
   </div>

   
   <div class='clear'> </div>

   </div> 

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
</b:section>
   </div>
<div id='footer-columna-contenedor'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='Lorem' type='Text'/>
</b:section>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='HTML2' locked='false' title='Dolor' type='HTML'/>
</b:section>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'>
<b:widget id='HTML3' locked='false' title='bibendum' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
  </div></div> 
</body>
<div style='text-align: center;'>
<span style='font-size: xx-small;'><b>2009 <a href='http://templatesilver2.blogspot.com/'>Template Silver</a> | <a href='http://templateseacessorios.blogspot.com/'>Templates e Acessórios</a></b></span>
</div>
</html>

10 comentários:

caliano saqua15 de outubro de 2009 às 18:15
ola boa noite gostei muito desse template copiei os códigos e coloquei no meu Blog mais tive um problema não aparece os islid no cabeça rio com posso edita los.
ResponderExcluir
Respostas
Simone16 de outubro de 2009 às 11:25
definindo em uma palvra:
sinceramente eu não gostei de muitos teplates do blog mais esse é massa....
ResponderExcluir
Respostas
Anônimo16 de outubro de 2009 às 15:29
ola elk gostei muito desse template apliquei ele no meu Blog gostaria de trocar os Slide q aparece nele como colocar minhas fotos no lugar desse aparecendo como slid agradecido des de ja e boa tarde.
ResponderExcluir
Respostas
Elke di Barros16 de outubro de 2009 às 19:50
Oi Anonimo, tudo bem ? Para colocar fotos suas vc terá que abrir uma conta em um dos parceiros do Blogger. Pode ser o Flickr, Photobucket ou mesmo o Picasa.
ResponderExcluir
Respostas
Elke di Barros16 de outubro de 2009 às 20:16
Natura, nossa, como seu comentário é simpático ! E pela originalidade que é seu template concluo que vc é de um "bom" gosto ímpar.
ResponderExcluir
Respostas
Anônimo17 de outubro de 2009 às 12:13
obrigadãooooooooooooooo pela dica do picasa.
ResponderExcluir
Respostas
DIVERSOS11 de novembro de 2009 às 19:32
Oi,
Elke,
Gostaria muito de mudar o visual do meu blog, mas, como fazer isso sem perder os widgets, gadgets, seguidores etc. Poderia por favor me dar essa dica. Pois não tenho a mínima idéia de como se faz.
Desde já fico super grata.
Fica com Deus
ResponderExcluir
Respostas
Andre e Simone Calamita14 de novembro de 2009 às 10:49
oi Elke...bom dia!
Elke seu blog é uma delícia. Escrevi ontem pedindo dicas quanto a organização de uma template que havia escolhido...mas cada vez que vejo outro mudo..rs...são lindos, todos lindos! Amei e meu marido também...rs.
Escolhi dois...e já estou utilizando...veja lá...no ano que vem estaremos solicitando de ti uma template exclusiva!rs...
Beiju pra vc, parabéns pelo trabalho, pela paciência, pq este negócio de tags...aff...meu Deus...rs. Parabéns mesmo. Deus continue abençoando sua vida e família. Um fim de semana de muita paz e bênçãos...

Simone e André Calamita
ResponderExcluir
Respostas
Anônimo18 de novembro de 2009 às 13:12
Nossa esse blog é muitooooo bom mesmo já é a segunda vez que mudo de templante no meu blog e digo é demais fica do jeito como desejamos.
Adorei!!!!
Valeu mesmo...
ResponderExcluir
Respostas
Anônimo20 de novembro de 2009 às 17:22
Lindo este seu template!
Adorei!
Meus Parabéns!
Vc poderia me ajudar a formatar ele?
Meu e-mail é ritadara@terra.com.br
Um beijo!
ResponderExcluir
Respostas

Adicionar comentário

Deixe seu comentário apenas sobre o template.

Mostruário de Templates

Páginas

15 de out. de 2009

Template Silver

10 comentários:

Curta

Seguidores