#1 problemas con un blog
Gente soy un inexperto por naturaleza espero que me puedan ayudar!, me baje una plantilla para mi blog pero no se como insertar informacion en el resto de las paginas, ejemplo tengo 4 paginas INICIO-LIBROS-MUSICA- PELICULAS, y cuando voy a nuevas entradas solo se cargan en inicio no se como hacer para que se cargen en libros-musica o peliculas, les adjunto el codigo html para ver si me pueden dar una mano!
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/* **************************
Plantilla adaptada a Blogger por Blog and Web
Diseño original por Free CSS Templates.
Encuentra esta y más plantillas en:
http://www.blogandweb.com
Recuerda que esta plantilla es gratuita y esta
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales
pero NO REMOVER LOS CREDITOS
Una bonita forma de agradecer es dando un link a Blog and Web.
***************************** */
/* Definición de variables
====================
<Variable name="colortitentradas" description="Color título entradas"
type="color" default="#278ED4" value="#278ED4">
<Variable name="textocolor" description="Color general del texto"
type="color" default="#666666" value="#666666">
<Variable name="enlacecolor" description="Color de los enlaces (links)"
type="color" default="#268ED4" value="#268ED4">
<Variable name="colortituloblog" description="Color del título del blog"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="descripcioncolor" description="Color de la descripción del blog"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortituloslateral" description="Color de los titulos en la barra lateral"
type="color" default="#FFFFFF" value="#FFFFFF">
*/
#outer-wrapper {
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Genrales) --*/
body {
margin: 0;
padding: 0;
background: #fff;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: $textocolor;
}
h1, h2, h3, h4, h5, h6, form {
margin: 0;
padding: 0;
}
h1, h2, h3 {
}
h4, h5, h6 {
}
p, ul, ol, blockquote {
margin-top: 0;
}
a {
color: $enlacecolor;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
#main1 {
overflow:hidden;
}
/*-- (Cabecera) --*/
#header-wrapper {
height: 40px;
background: #5A5A5A url(http://img246.imageshack.us/img246/7...asimg01ef4.gif) repeat-x;
}
#header-wrapper h1 {
width: 760px;
margin: 0 auto;
padding: 12px 0 0 0;
font-size: 1em;
color: $colortituloblog;
}
#header-wrapper p {
width: 760px;
margin: -18px auto 0 auto;
text-align: right;
font-size: 1em;
color: $descripcioncolor;
}
#header-wrapper a {
text-decoration: none;
color: #FFFFFF;
}
#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 20px 0 0 0;
}
/*-- (Menú) --*/
#pages {
height: 110px;
padding-top: 10px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#pages h2 {
display: none;
}
#pages ul {
display: block;
width: 760px;
height: 100px;
margin: 0 auto;
padding: 0;
}
#pages li {
display: inline;
}
#pages a {
display: block;
float: left;
width: 152px;
height: 75px;
padding: 35px 0 0 0;
text-align: center;
text-decoration: none;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 1.6em;
font-weight: normal;
color: #333333;
}
#pages a:hover {
color: #000000;
}
#page1 { background: #E5FAA1 url(http://bp3.blogger.com/_Zuzii37VUO4/...1600/img03.gif) no-repeat; }
#page2 { background: #97F0E6 url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img04.gif) no-repeat; }
#page3 { background: #F3B6CE url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img05.gif) no-repeat; }
#page4 { background: #FADDA1 url(http://bp1.blogger.com/_Zuzii37VUO4/...1600/img06.gif) no-repeat; }
#page5 { background: #C9CDFF url(http://bp1.blogger.com/_Zuzii37VUO4/...1600/img07.gif) no-repeat; }
#page1:hover, #pages .active #page1 { background-image: url(http://bp3.blogger.com/_Zuzii37VUO4/...00/img08.gif); }
#page2:hover, #pages .active #page2 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img09.gif); }
#page3:hover, #pages .active #page3 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img10.gif); }
#page4:hover, #pages .active #page4 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img11.gif); }
#page5:hover, #pages .active #page5 { background-image: url(http://bp2.blogger.com/_Zuzii37VUO4/...00/img12.gif); }
/*-- (Principal) --*/
#main-wrapper {
padding-bottom: 20px;
}
#main1 {
float: left;
width: 400px;
}
#main-wrapper a {
}
#main-wrapper a:hover {
}
.post {
}
.post p, .post blockquote, .post ul, .post ol {
line-height: 155%;
}
.post-title {
letter-spacing: -1px;
font-size: 2.2em;
color: $colortitentradas;
}
.post-title a {
color: $colortitentradas;
}
.post-footer {
margin-bottom: 2em;
font-size: .8em;
font-weight: normal;
}
#main2 {
float: right;
width: 320px;
}
#main2 h2 {
width: 310px;
height: 32px;
padding: 12px 0 0 10px;
background: #5A5A5A url(http://bp2.blogger.com/_Zuzii37VUO4/...00/img13.gif);
font-size: 1em;
color: $colortituloslateral;
}
#main2 ul {
margin: 0;
padding: 0;
list-style: none;
}
#main2 li {
padding: 5px 10px;
border-bottom: 1px solid #5A5A5A;
}
#main2 li:hover {
background: #EFEFEF;
}
/*-- (Lateral) --*/
#sidebar-wrapper {
padding: 20px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#sidebar-wrapper ul{
}
#sidebar-wrapper li{
display: list-item;
float: none;
padding: 0 0 0 10px;
}
#sidebar-wrapper h2 {
margin: 0 0 .5em 0;
padding: 0 0 0 10px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img15.gif) no-repeat left center;
font-size: 1em;
}
.widget-content {
}
#sidebar1 {
width: 220px;
float: left;
}
#sidebar2 {
width: 220px;
float: left;
margin-left: 10px;
}
#sidebar3 {
width: 220px;
float: right;
padding-left: 10px;
}
/*-- (Pie de página) --*/
#footer-wrapper {
width: 720px;
height: 100px;
margin: 0 auto;
padding: 20px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#footer-wrapper .links {
text-align: center;
font-size: x-small;
}
]]></b:skin>
<link href='http://plantillasblogyweb.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb.googlepages.com/blogy-cajas.css' rel='stylesheet' type='text/css'/> </head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>
<!-- (Cabecera) -->
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Solo libros (cabecera)' type='Header'/>
</b:section>
</div>
<div id='pages'>
<h2>Páginas</h2>
<ul>
<li class='active'><a href='#' id='page1'>Inicio</a></li>
<li><a href='libros' id='page2'>Libros</a></li>
<li><a href='musica' id='page3'>Musica</a></li>
<li><a href='peliculas' id='page4'>Peliculas</a></li>
</ul>
</div>
<!-- (Contenedor) -->
<div id='content-wrapper'>
<!-- (Principal) -->
<div id='main-wrapper'>
<b:section class='main' id='main1' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
<b:section class='main' id='main2'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='Feed1' locked='false' title='Recursos Blog &amp; Web' type='Feed'/>
</b:section>
<div class='clear'/>
</div>
<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
<b:section class='sidebar' id='sidebar2'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>
<b:section class='footer' id='sidebar3'/>
<div class='clear'/>
</div>
<!-- Limpiar flotación-->
<div class='clear'/>
</div> <!-- fin de capa content-wrapper -->
<!-- (Pie de página) -->
<div id='footer-wrapper'>
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
<p class='links'> Diseño por
<a href='http://www.freecsstemplates.org/'>Free CSS Templates</a>
| A Blogger por
<a href='http://blogandweb.com/'>Blog and Web</a></p>
</div>
</div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/* **************************
Plantilla adaptada a Blogger por Blog and Web
Diseño original por Free CSS Templates.
Encuentra esta y más plantillas en:
http://www.blogandweb.com
Recuerda que esta plantilla es gratuita y esta
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales
pero NO REMOVER LOS CREDITOS
Una bonita forma de agradecer es dando un link a Blog and Web.
***************************** */
/* Definición de variables
====================
<Variable name="colortitentradas" description="Color título entradas"
type="color" default="#278ED4" value="#278ED4">
<Variable name="textocolor" description="Color general del texto"
type="color" default="#666666" value="#666666">
<Variable name="enlacecolor" description="Color de los enlaces (links)"
type="color" default="#268ED4" value="#268ED4">
<Variable name="colortituloblog" description="Color del título del blog"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="descripcioncolor" description="Color de la descripción del blog"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortituloslateral" description="Color de los titulos en la barra lateral"
type="color" default="#FFFFFF" value="#FFFFFF">
*/
#outer-wrapper {
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Genrales) --*/
body {
margin: 0;
padding: 0;
background: #fff;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: $textocolor;
}
h1, h2, h3, h4, h5, h6, form {
margin: 0;
padding: 0;
}
h1, h2, h3 {
}
h4, h5, h6 {
}
p, ul, ol, blockquote {
margin-top: 0;
}
a {
color: $enlacecolor;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
#main1 {
overflow:hidden;
}
/*-- (Cabecera) --*/
#header-wrapper {
height: 40px;
background: #5A5A5A url(http://img246.imageshack.us/img246/7...asimg01ef4.gif) repeat-x;
}
#header-wrapper h1 {
width: 760px;
margin: 0 auto;
padding: 12px 0 0 0;
font-size: 1em;
color: $colortituloblog;
}
#header-wrapper p {
width: 760px;
margin: -18px auto 0 auto;
text-align: right;
font-size: 1em;
color: $descripcioncolor;
}
#header-wrapper a {
text-decoration: none;
color: #FFFFFF;
}
#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 20px 0 0 0;
}
/*-- (Menú) --*/
#pages {
height: 110px;
padding-top: 10px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#pages h2 {
display: none;
}
#pages ul {
display: block;
width: 760px;
height: 100px;
margin: 0 auto;
padding: 0;
}
#pages li {
display: inline;
}
#pages a {
display: block;
float: left;
width: 152px;
height: 75px;
padding: 35px 0 0 0;
text-align: center;
text-decoration: none;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 1.6em;
font-weight: normal;
color: #333333;
}
#pages a:hover {
color: #000000;
}
#page1 { background: #E5FAA1 url(http://bp3.blogger.com/_Zuzii37VUO4/...1600/img03.gif) no-repeat; }
#page2 { background: #97F0E6 url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img04.gif) no-repeat; }
#page3 { background: #F3B6CE url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img05.gif) no-repeat; }
#page4 { background: #FADDA1 url(http://bp1.blogger.com/_Zuzii37VUO4/...1600/img06.gif) no-repeat; }
#page5 { background: #C9CDFF url(http://bp1.blogger.com/_Zuzii37VUO4/...1600/img07.gif) no-repeat; }
#page1:hover, #pages .active #page1 { background-image: url(http://bp3.blogger.com/_Zuzii37VUO4/...00/img08.gif); }
#page2:hover, #pages .active #page2 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img09.gif); }
#page3:hover, #pages .active #page3 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img10.gif); }
#page4:hover, #pages .active #page4 { background-image: url(http://bp0.blogger.com/_Zuzii37VUO4/...00/img11.gif); }
#page5:hover, #pages .active #page5 { background-image: url(http://bp2.blogger.com/_Zuzii37VUO4/...00/img12.gif); }
/*-- (Principal) --*/
#main-wrapper {
padding-bottom: 20px;
}
#main1 {
float: left;
width: 400px;
}
#main-wrapper a {
}
#main-wrapper a:hover {
}
.post {
}
.post p, .post blockquote, .post ul, .post ol {
line-height: 155%;
}
.post-title {
letter-spacing: -1px;
font-size: 2.2em;
color: $colortitentradas;
}
.post-title a {
color: $colortitentradas;
}
.post-footer {
margin-bottom: 2em;
font-size: .8em;
font-weight: normal;
}
#main2 {
float: right;
width: 320px;
}
#main2 h2 {
width: 310px;
height: 32px;
padding: 12px 0 0 10px;
background: #5A5A5A url(http://bp2.blogger.com/_Zuzii37VUO4/...00/img13.gif);
font-size: 1em;
color: $colortituloslateral;
}
#main2 ul {
margin: 0;
padding: 0;
list-style: none;
}
#main2 li {
padding: 5px 10px;
border-bottom: 1px solid #5A5A5A;
}
#main2 li:hover {
background: #EFEFEF;
}
/*-- (Lateral) --*/
#sidebar-wrapper {
padding: 20px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#sidebar-wrapper ul{
}
#sidebar-wrapper li{
display: list-item;
float: none;
padding: 0 0 0 10px;
}
#sidebar-wrapper h2 {
margin: 0 0 .5em 0;
padding: 0 0 0 10px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/...1600/img15.gif) no-repeat left center;
font-size: 1em;
}
.widget-content {
}
#sidebar1 {
width: 220px;
float: left;
}
#sidebar2 {
width: 220px;
float: left;
margin-left: 10px;
}
#sidebar3 {
width: 220px;
float: right;
padding-left: 10px;
}
/*-- (Pie de página) --*/
#footer-wrapper {
width: 720px;
height: 100px;
margin: 0 auto;
padding: 20px;
background: url(http://img246.imageshack.us/img246/9...asimg02lh5.gif) repeat-x;
}
#footer-wrapper .links {
text-align: center;
font-size: x-small;
}
]]></b:skin>
<link href='http://plantillasblogyweb.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb.googlepages.com/blogy-cajas.css' rel='stylesheet' type='text/css'/> </head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>
<!-- (Cabecera) -->
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Solo libros (cabecera)' type='Header'/>
</b:section>
</div>
<div id='pages'>
<h2>Páginas</h2>
<ul>
<li class='active'><a href='#' id='page1'>Inicio</a></li>
<li><a href='libros' id='page2'>Libros</a></li>
<li><a href='musica' id='page3'>Musica</a></li>
<li><a href='peliculas' id='page4'>Peliculas</a></li>
</ul>
</div>
<!-- (Contenedor) -->
<div id='content-wrapper'>
<!-- (Principal) -->
<div id='main-wrapper'>
<b:section class='main' id='main1' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
<b:section class='main' id='main2'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='Feed1' locked='false' title='Recursos Blog &amp; Web' type='Feed'/>
</b:section>
<div class='clear'/>
</div>
<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
<b:section class='sidebar' id='sidebar2'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>
<b:section class='footer' id='sidebar3'/>
<div class='clear'/>
</div>
<!-- Limpiar flotación-->
<div class='clear'/>
</div> <!-- fin de capa content-wrapper -->
<!-- (Pie de página) -->
<div id='footer-wrapper'>
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
<p class='links'> Diseño por
<a href='http://www.freecsstemplates.org/'>Free CSS Templates</a>
| A Blogger por
<a href='http://blogandweb.com/'>Blog and Web</a></p>
</div>
</div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>
0
