 |
| DEMO |
Slide de 5 posts en la página inicial.
Menu horizontal con efecto jquery,
Slide automático, sidebar de las páginas internas.
Para implantar esta plantilla
Descargar plantilla completa. Lo primero que tenemos que hacer es y se nos descargará la plantilla antigua, que la debamos de guardar en nuestro disco duro.
Como ya he comentado en varias ocasiones, es posible que no se cree una copia de seguridad de algunos gadgets , lo cuales perderás.
Para ello nos vamos a :
Plantilla › Crear/Restablecer/copia de seguridad
Descarga una copia de seguridad de la plantilla.
Es posible que no se cree una copia de seguridad de algunos gadgets.
Descargar plantilla completa.
Ahora nos vamos a editar HTML.
Copiamos este código y lo sustituimos por el que tenemos en nuestra plantilla:
<head>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
http://templateseacessorios.blogspot.com
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Nome: Template Slide Delicado/baseado no MÃnima
Data: 16 de dezembro de 2010
Elke di Barros
NÃO RETIRE OS CRÉDITOS !!!
<Variable name="textcolor" description="Text Color"
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
type="color" default="#666" value="#F8BAC4">
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#B1D3D5">
<Variable name="pagetitlecolor" description="Blog Title Color"
<Variable name="bordercolor" description="Border Color"
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#000000">
type="color" default="#ccc" value="#D6E0C8">
<Variable name="visitedlinkcolor" description="Visited Link Color"
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
<Variable name="pagetitlefont" description="Blog Title Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title 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">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, 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"
background: #F4F8F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWeO2fpzPmjEgMPzTnmVjsTsZWdXDqsNEk_x5Vc2XI5srpwuGkdx7RPGOLkz6jxuPa0SdLP9pBrU7s5V6K1_V6cQ1wWIadI1TTkJsHdx1TiPo8xbnuGVCmVxIvHLeUDiUcrogMFM2XXR5j/s1600/9-10.gif) repeat;
<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">
*/
/* Use this with templates/template-twocol.html */
body#layout #sidebar-wrapper{display:block;margin:0px;float:left;}
#navbar-iframe { height:0px; display:none; visibility:hidden; }
body {
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
#menu-wrap { margin: 0px auto 30px; width: 998px; height:30px; }
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;
}
/* Menu WRAP */
#top-nav-wrap{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf0vBnyg62LUcdJmGmiay_UCjoz0kMWCTKox6GDGSMpG5sxjLYhujn1Cn5crFczenPFSXsWGe1-NgFudXriLC0RdvJJYxSL8i0XUP29Ck6sSpC2V6RRkaolg6gZQQA8lsnxPs80Ouv2E4/s1600/top-menu.png) repeat-x top center; border-bottom: 1px dashed #ccc;}
#menu-wrap ul{float:left;padding-top:5px;margin-left:15px;}
margin:45px 5px 0;
#menu-wrap ul li {display:inline;margin-right:20px;font-size:12px;font-weight:bold;}
#menu-wrap ul li a {color:#fff;padding:1px;line-height:14px;text-decoration:none;text-shadow:2px 2px 2px #222932}
#menu-wrap ul li a:hover {color:#8DCF94;}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:980px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
height: 130px;
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}
#header h1 {
padding:35px 20px .25em;
line-height:1.2em;
font-size: 55px;
margin: 4px 2px 2px 2px;
font-family:'Tangerine', arial, serif;
text-shadow: #202020 3px 1px;
letter-spacing:.2em;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:980px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/*Feeds-header-----------------------------------*/
#feeds-header{
color: #fff;
padding: 4px 3px 4px 3px;
float: right;
font-size: 25px;
ul#navigation .link3 a {
font-family:'Tangerine', arial, serif;
}
#feeds-header a, a:visited{
color: #000;
}
/*Menu----------------------------------------------*/
ul#navigation .link1 a{
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcutYRLmt5tJzIfoZ3Wh9k3nAdfkoqXAwUU_MBC8A0dsEIxsZO1O03klYFfqVHO6wBh-43n3WhjyyKYCpG2kayY59bhTHDsqoW9si0XAH5UadzkkbNXjiqEcO2oukZFucs-qcaviKzSn5b/s1600/blogger.png);}
ul#navigation .link2 a {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGJUosRRc4strLpu3k7naha1iMydLLNpyTbR6yr8xcDB5XXH0aqFqpBYm6DgiNr4_dTtL5SxV3tlvmUg1RTxp_nMMgMQV5GBEvShUeii6j1Gdq9lYVBbGhkU3ciBneGpgf0uverGzMf05h/s1600/twitter.png);}
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmuXIKmSTt78qzMi76QqGGYW447lInNsE39AEV6REQXkRSXsLC5JtT6-Tlh7Z52KsThRHsteuCbGm2lIOpydJwWcc3Y2gWo4RZq2E86rtGC56ewuTP46yoSD4isatbsYNGhNMbiT0COg_D/s1600/youtube.png);}
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEcKqpCDi-mQpzg1kraYlhW_cA-oXcfTVdSwL2bu0sxJd17bSIJrXRYEva_5g_rgn5_DhylMoJqBH2RUEWkJnC1balAI28iE2X15IEiHV5qm9zDfBTItKGByU1RbFTpGePzBNhRo14e3E/s1600/facebook.png);}
ul#navigation .link4 a {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR6td0N1Xp2IJPFZBSNokMtbN6v1SAIqmNnap6aAhfsAssRKcxVUwqSjw_7rNwq6AX2lXtYNo5kJtLLbfWv1zhEeXKmjEuIG3nlskdEveSqT-N-AiQOKgvGiMpcv76YA4iTozhUEG6bD2_/s1600/flickr.png);}
ul#navigation .link5 a {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
ul#navigation .link6 a {
box-shadow: 0px 0px 1em #3A3B4C;
margin: 0;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgu_SI5oO9HkvDMnW-GSnGRvgYt02TqdS4q2T4S780gwrUFZj4nsDFQMQ4M56rK31jUDHBt3_HPzpOQLgAHCZUiN_lvEA7NMZTUzovJO7l6MzJuodJmJofClET2zBhFJ6BMOJC3KCcPC3/s1600/yahoo.png);}
ul#navigation .link7 a {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHixnWVWM2AWXw6VAzZ7SQzHTZYB7Uv7lUskYKVKwadS4uOlXUvcGdQDu478A5ryx2sJyy9Fgo21mjdiLbqQrw2WQlDyXOwQBr-bfkhgrJhGF3QBaZJXp9n9Inszhj2fO7XjW7SJfzNQoQ/s1600/rss.png);}
ul#navigation .link8 a {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background-image: url(ENDEREÇO DA IMAGEM DO EMAIL);}
ul#navigation {
position: fixed;
padding: 0;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
right: 40px;
list-style: none;
z-index:9999;
width:990px;
}
ul#navigation li {
width: 90px;
display:inline;
float:left;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 90px;
height: 20px;
background-color:#A0D2C7;/*cor do menu*/
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
}
overflow: hidden;
ul#navigation li a:hover{
background-color:#F1BEBB;/*cor do menu ao passar o mouse*/
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#000;
text-shadow: 0 -1px 1px #4040FF;
}
/*Slide----------------------------------------*/
#slideshow {
width: 960px; /*aqui o comprimento do slide*/
margin: 5px;
padding:0;
background:#fff;
height:500px;
overflow:hidden;
border: 2px solid #86B9B4;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
margin: 6px 8px 6px 8px;
padding: 1px 2px 1px 2px;
}
#slideshow ul {
background:transparent;
margin: 0;
padding: 0;
list-style-type: none;
}
#slideshow .slides {
width:655px;
float:left;
}
#slideshow .slides li .entry h2 ,
#slideshow .slides ul {
float:left;
overflow: hidden;
width:655px;
height:500px;
}
#slideshow .slides li {
display:none;
left:-99999em;
width:655px;
height:500px;
display:block;
overflow: hidden;
position:relative;
z-index:1;
}
.js #slideshow .slides li {
margin: 0;
padding: 0;
list-style-type: none;
width:645px;
height:500px;
display:block;
overflow: hidden;
background:#fff;
position:relative;
z-index:1;
}
.js #slideshow .slides li .entry {
width:655px;
height: 70px;/*TARJA TRANSPARENTE*/
padding: 8px;
overflow: hidden;
position:absolute;
bottom:0;
left:0;
background: #FFDCAB;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#slideshow .slides li .entry p {
margin: 0;
}
#slideshow .slides li .entry h2 a,
font-size: 25px;
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active {
font-size: 35px;
font-family:'Tangerine', arial, serif;
line-height: 1.1em;
margin:0;
color: #000;
margin: 0;
letter-spacing:0;
border:none !important;
}
#slideshow ul.slides-nav {/*AREA SLIDE PEQUENO*/
height:500px;
width:305px;
margin:0;
padding: 0;
float:right;
overflow:hidden;
}
#slideshow .slides-nav li {
display:block;
margin:0;
padding:0;
list-style-type:none;
display:block;
}
#slideshow .slides-nav li a {/*area slide menor*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMx9SCtHBnczluS97ekMWizREnpA2eQweIqSkexr4Jub1RR6MyavH1jH3w10ebJ1nMsMNedDCjc74fmQ5bw8Ex4aNpiWHI5aPmtS1jJXzoFkNKOODU86o3Ze_wpbf3dZ5yru1c5IeiE9k/s1600/featitem-bg.png) no-repeat;
width:295px;
font-family:'Tangerine', arial, serif;
overflow:hidden;
display:block;
margin:0;
padding:12px 6px 10px 6px;
list-style-type:none;
display:block;
height:80px;/*area do slide menor*/
color: #000;
overflow:hidden;
line-height:1.35em;
}
slides.ul li {
background-attachment:scroll;
background-color:transparent;
background-position:center top;
background-repeat:no-repeat;
display:block;
height:260px;
left:0;
opacity:1;
position:absolute;
top:20px;
width:540px;
z-index:6;
}
.js #slideshow .slides-nav li.on a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdi5-5IXu5W1OelrRNufW0UPFXQ0g0vkiySAbEmR2mgIFk_ma6XNATWQLCDgGwJH4QJ6S-Y5ZpROJ3Og9Ezs1yfkMqmlg75PI0Er7XwFaf8PzNj7yb7J0ttau94TBPoXnmZrZJvbQJ9zY/s1600/ama1.png) no-repeat top left;
width:295px;
font-size: 25px;
font-family:'Tangerine', arial, serif;
display:block;
margin:0;
padding:12px 6px 10px 6px;
list-style-type:none;
display:block;
height:80px;/*area do slide menor*/
color: #000;
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
line-height:1.35em;
}
.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
color:#000;
}
#slideshow .slides-nav li a img.post-thum,
#slideshow .slides-nav li a img.thumbnail {/*AREA SLIDE MENOR */
float:left;
margin: 2px 3px 2px 9px;
padding:1px 1px 1px 5px;
width:70px;/*imagem menor*/
height:70px;
}
.js #slideshow .slides-nav li.on a img.post-thum,
.js #slideshow .slides-nav li.on a img.thumbnail {
background:#fff !important;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 980px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 980px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#sidebar-wrapper {
padding: 2px 6px 2px 6px;
background: #F8BAC4;
width: 340px;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
float: $startSide;
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;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background: #fff;
border: 2px solid #F8BAC4;
border:1px solid $bordercolor;
margin:12px 0 12px 0;
border: 2px solid $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size: 25px;
font-family:'Tangerine', arial, serif;
font-weight:normal;
line-height:1.1em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
padding:4px;
}
position: relative;
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/*estilo menu das paginas estaticas-----------------*/
#PageList1 {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
background: #FFF; /*cor de fundo do menu*/
width: 99%;
border: 2px solid #ECC5BE; /*cor das bordas*/
margin: 2px 0;
}
#PageList1 ul li a {
font-size: 25px;
font-family:'Tangerine', arial, serif;
color: #000; /*cor das letras*/
text-decoration: none;
padding-right: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3U_Go3W9POUZT2Jinxyyu18E2JEiuve-ryIdCvHNf6AzH__-mof-oxF90cNmpNV6Ru-3fC_O_huhakaSZpFUbRbGq2rHNrYKP2HiZO3K-LV14doQRxYTnhibS-eSG7PsDnn-lXN7mMeF/s1600/Animation1aSD.png) center right2 no-repeat;
}
#PageList1 ul li a:hover {
color: #808080; /* cor das letras ao passar o mouse*/
left: 1px;
top: 1px;
#comments-block .comment-body p {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13B6IO2Dpii_4ewD5l60gCJstb-T2Ipnz6kCr-JcLXDxL1kL0wn_6OZsRoJ7N9LuPmTgQCnSt9rga_laW-n_F_nfNAUUQLXTAIf3ca0u1I5wZnmobGFvo8bLg-qUvUjMKc7pB40i3OVlx/s1600/DFGAD.png) center right no-repeat;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
background: #fff;
border: 2px solid #F8BAC4;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#commnet-form, .comment-form{margin: 0 auto;}
#blog-pager-newer-link {
-moz-box-shadow: 0px 0px 1em #3A3B4C;
font-size: 25px;
font-family:'Tangerine', arial, serif;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
float: $startSide; padding: 6px 3px; background: #DDE5CE; border: 1px solid #ccc;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
#blog-pager-older-link {
font-size: 25px;
font-family:'Tangerine', arial, serif;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
float: $endSide; padding: 6px 5px; background: #DDE5CE; border: 1px solid #ccc;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
#blog-pager {
font-size: 25px;
font-family:'Tangerine', arial, serif;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
text-align: center;
.profile-img {
float: center; padding: 6px 5px; margin: 4px 3px; background: #F8BAC4; border: 1px solid #ccc;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar .widget {
color: $sidebartextcolor;
background: #fff;
line-height: 1.5em;
border: 6px solid #9CC6C2;
margin: 10px 2px 10px 2px;
padding: 6px 3px 6px 3px;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
text-align: center;
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:980px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]></b:skin>
<style>
.sidebar .widget {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
color: $sidebartextcolor;
background: #fff;
line-height: 1.5em;
border: 6px solid #9CC6C2;
margin: 10px 6px 10px 6px;
padding: 6px 3px 6px 3px;
}
.sidebar h2 {
font-size: 25px;
font-family:'Tangerine', arial, serif;
padding: 10px 0 -2px 0;
padding: 3px 1px 3px 1px;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:10px;
line-height:1.5em;
}
</style>
<!-- Estilo revista-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.post {
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
width:182px;
height:180px;
margin: 8px 4px 3px 4px;
padding:2px 1px 2px 1px;
background: #fff;
border: 2px solid #C4D0AA;
overflow:hidden;
float: left;
}
.post h3 {
font-size: 20px;
font-family:'Tangerine', arial, serif;
background: #CFDDE0;
text-shadow: #ccc 1px 1px 1px;
font-weight:bold;
padding:10px 0;
height: 40px;
}
.post-body {
height: 190px;
overflow:hidden;
}
.post-body img {
width:60px;
height: 60px;
float: left;
overflow:hidden;
margin: 3px;
padding: 2px;
border: 1px solid ;
}
.post-footer {
overflow:hidden;
margin: 10px 0 -1px 0;
background: #ccc;
}
for(var i=0;i<s.length;i++){
.#sidebar-wrapper{display:none}
.post-footer-line-2 {display: none;}
.post-footer-line-3 {display: none;}
.date-header {display: none;}
</style>
</b:if>
</b:if>
<!-- fim Estilo revista-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#sidebar-wrapper{display:none}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
#main-wrapper {width: 620px;}
</style>
<style type='text/css'>
body {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGdBhGXZXf5wzpFxdznao9pJ0hGdDVURH3vbBCdIOEafd6PSb7DyU5wD4jg3B-V2yR0w3r6VNtmuqTo1Z-DdyCe16nMtV-fs5wJWhEWYvsefIJiw9IjEwocUqQyT5OY2_kQ9sCoMNCek8G/s1600/5829187301.gif) repeat;
}
#main-wrapper {
padding: 10px 4px 10px 4px;
margin: 2px;}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMm3_dVao3Z01pYLZAreH5JUngbjlQQfnDSZVzZ_Kq6YoBOJjyr5i9feK5QJBCbVxdwbGHBiAhScgSw_VUWnTlWJCYf92iFwT15Byglj-7W3sI8CzNmCaymYmlmVQ9Q9tHsRTvC4-lLSZ6/s320/templatesww.png";
showRandomImg = true;
aBold = true;
summaryPost = 00; //
summaryTitle = 25; //
numposts = 5; //
home_page = "http://templateslidedelicado.blogspot.com/";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
if(s[i].indexOf(">")!=-1){
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="slides-nav">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if ("summary" in entry) {
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
posttitle = (aBold) ? ""+posttitle+"" : posttitle;
var trtd = ' <li id="post-'+i+'" class="clearfix"> <a href="#main-post-'+i+'" class=""><img height="150px" width="150px" class="post_thumbnail thumbnail thumbnail post_thumbnail" alt="" src="'+img[i]+'"/>'+posttitle+'</a> </li> ';
document.write(trtd);
j++;
}
document.write('</ul>');
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="clearfix" style="position: relative;">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
$('#navigation > li').hover(
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
posttitle = (aBold) ? ""+posttitle+"" : posttitle;
var trtd = '<li style="background: transparent url('+img[i]+')" id="main-post-'+i+'"><div class="entry"><h2 class="post-title"><a href="'+posturl+'">'+posttitle+'</a></h2> <p>'+removeHtmlTag(postcontent,summaryPost)+'</p></div></li> ';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
pagerAnchorBuilder: $slideshow.prepareTabs,
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<script src='http://sites.google.com/site/menuhorizontal2/slidefeed/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/menuhorizontal2/slidefeed/jquery.cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$slideshow = {
context: false,
tabs: false,
timeout: 7000,
slideSpeed: 1000,
tabSpeed: 1000,
fx: 'toss',
init: function() {
this.context = $('#slideshow');
this.tabs = $('ul.slides-nav li', this.context);
this.prepareSlideshow();
},
prepareSlideshow: function() {
$('div.slides > ul', $slideshow.context).cycle({
fx: $slideshow.fx,
timeout: $slideshow.timeout,
speed: $slideshow.slideSpeed,
fastOnEvent: $slideshow.tabSpeed,
pager: $('ul.slides-nav', $slideshow.context),
<li class='link7'><a href='ENDEREÇO DO FEED'><span>Feed</span></a></li>
before: $slideshow.activateTab,
pauseOnPagerHover: true,
pause: true
});
},
prepareTabs: function(i, slide) {
return $slideshow.tabs.eq(i);
},
activateTab: function(currentSlide, nextSlide) {
var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow.context);
if(activeTab.length) {
$slideshow.tabs.removeClass('on');
activeTab.parent().addClass('on');
}
}
};
$(function() {
$('body').addClass('js');
$slideshow.init();
});
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<ul id='navigation'>
<li class='link1'><a href='ENDEREÇO DO BLOG'><span>Home</span></a></li>
<li class='link2'><a href='ENDEREÇO DO TWITTER'><span>Twitter</span></a></li>
<li class='link3'><a href='ENDEREÇO DO FACEBOOK'><span>Facebook</span></a></li>
<li class='link4'><a href='ENDEREÇO DO FLICKER'><span>Flicker</span></a></li>
<li class='link5'><a href='ENDEREÇO DO YOU TUBE'><span>You Tube</span></a></li>
<li class='link6'><a href='ENDEREÇO DO YAHOO'><span>Yahoo</span></a></li>
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
<li class='link8'><a href='mailto:ENDEREÇO DO EMAIL'><span>Email</span></a></li>
</ul>
<div id='feeds-header'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='Subscrever Postagens' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-PPbKGcaIaKz-d-qZWyZaIQST0prPZKDPJNEI9yGatpBLCIAygilE8VyFCwK65f_jyH3tMwflCeB5-0ivW3YMNBB8Mnszeq2uPsAL7eflBLVjgieismlZw0-SHT1Qk7GZyBaBX8I_lZc/s1600/001.png'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Feed Posts</a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"'><img alt='Subscrever Comentários' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-PPbKGcaIaKz-d-qZWyZaIQST0prPZKDPJNEI9yGatpBLCIAygilE8VyFCwK65f_jyH3tMwflCeB5-0ivW3YMNBB8Mnszeq2uPsAL7eflBLVjgieismlZw0-SHT1Qk7GZyBaBX8I_lZc/s1600/001.png'/></a><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Feed Comentários</a>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Template Slide Delicado (Cabeçalho)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
width if the user is using shrink to fit.
<b:include name='description'/>
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
</div>
</b:if>
<b:else/>
<script type='text/javascript'>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<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:widget>
</b:section>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='clearfix' id='slideshow'>
<div class='slides'>
//<![CDATA[
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
document.write("<script src=\""+home_page+"feeds/posts/default/?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
//]]>
</script>
</div>
<div class='slides-nav'>
<script type='text/javascript'>
//<![CDATA[
document.write("<script src=\""+home_page+"feeds/posts/default/?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>
</div>
</b:if>
</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<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'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:includable id='nextprev'>
<div style='clear: both;'/>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</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' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</span> </div>
</div>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<script type='text/javascript'>
<script expr:src='data:top.plusOneJsUrl'/>
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:if cond='data:top.showPlusOne'>
</b:if>
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
<b:if cond='data:post.thumbnailUrl'>
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
 
<data:post.commentRangeText/>
<b:include data='comment' name='commentDeleteIcon'/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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>
</span>
</dd>
<b:if cond='data:codeSnippet != ""'>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
<b:if cond='data:showlocation == "true"'>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<dd class='profile-data'><data:location/></dd>
</html>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper --><div id='creditos'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | por <a href='http://templateseacessorios.blogspot.com/'>Templates e Acessórios</a> ©2010 </div>
</body>
Ahora tenemos que hacer unos cuantos cambios en nuestra plantilla
Habilitar Slider
Volvemos a meternos en
Plantilla > Editar HTML >Ctrl+ F
y buscamos http://templateslidedelicado.blogspot.com/ y lo cambiamos por el nuestro
Cambiar el menú de las redes sociales
tenemos que buscar lo que hemos marcado en color morado y cambiarlo por nuestras URL de cada página:
<Ul ID = "navegación"> <li class = 'vÃnculo1'> <a href=''> BLOG DIRECCIÓN <span> Inicio </ span> </a> </ li>
<li class = 'Link2'> <a href=' TWITTER ADDRESS'> <span> Twitter </ span> </a> </ li>
<li class = 'link3'> <a href=' FACEBOOK ADDRESS'> <span> Facebook </ span> </a> </ li>
<li class = 'link4'> <a href=' Flicker ADDRESS'> <span> Flicker </ span> </a> </ li>
<li class = 'link5 "> <a href=' dirección que usted TUBE'> <span> YouTube </ span> </a> </ li>
<li class = 'link6'> <a href=''> YAHOO DIRECCIÓN <span > Yahoo </ span> </a> </ li>
<li class = 'link7'> <a href=' FEED'> DIRECCIÓN <span> RSS </ span> </a> </ li>
<li class = 'link8'> <a href='mailto:'> DIRECCIÓN dE CORREO ELECTRÓNICO <span>
Una vez hecho todo esto ya tenemos nuestra plantilla.
Indice HTML Plantillas
0 Comentarios
En breve revisaremos tu comentario para poder publicarlo.
Muchas gracias