Código para Capítulo Siguiente/Anterior en Blogger

  • Autor Autor Gary Reyes
  • Fecha de inicio Fecha de inicio
Gary Reyes

Gary Reyes

Dseda
Verificación en dos pasos activada
Hola Beteros quisiera saber si alguien tiene el codigo para ponerlos en las entradas de Capitulo Siguiente /Capitulo Anterior en blogger..

Me explico: Tengo un blog de series, animes y peliculas y cuando subo una secuela de capitulos quisiera que debajo de cada entrada aparesca automaticamente capitulo siguiente y capitulo anterior si alguien tiene el codigo le agradeceria que me lo pasara para implementarlo lo necesito mucho... en mi web espero sus respuestas Saludos... :encouragement::encouragement:
 
tu dices como del anime id?

---------- Post agregado el 06-ene-2014 hora: 04:36 ----------

Bueno esté lo vaz a poner ariba de </:skin>

HTML:
/******************************
********* SinopsisPost*********
/******************************/
.sinopsis {
	color: #3A3F44;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 16px;
	margin-top: 7px;
	padding: 1px 3px;
	text-align: justify;
}
.sinopsis {
    color: #3A3F44;
    font-family: Helvetica,Arial,sans-serif;
    height: 330px;
    line-height: 16px;
    margin-left: 40px;
    margin-top: 30px;
    padding: 1px 3px;
    text-align: justify;
}
.tags {
color: #FFFFFF;
font-size: 0;
list-style: none outside none;
margin: 8px 3px 3px;
padding: 0;
text-align: right;
}
.tags li {
display: inline-block;
margin: 0 0 3px 3px;
}
.tag {
background: -moz-linear-gradient(center top , #6C899C 5%, #4B6170 100%) repeat scroll 0 0 #6C899C;
border: 1px solid #4B6170;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 0 #8DA4B3 inset, 0 1px 2px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
display: inline-block;
font-family: arial;
font-size: 9px;
line-height: 8px;
opacity: 0.9;
padding: 6px 10px 5px;
text-decoration: none;
text-shadow: 0 1px 0 #354752;
text-transform: uppercase;
}
.tag:hover {
opacity: 1;
}
.tag:active {
background: -moz-linear-gradient(center top , #4B6170 5%, #6C899C 100%) repeat scroll 0 0 #4B6170;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
#capitulos {
padding: 15px 3px;
position: relative;
}

#capitulos hr, .main hr.cap {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #D8D8D8 -moz-use-text-color -moz-use-text-color;
border-image: none;
border-right: 0 none;
border-style: dashed none none;
border-width: 1px 0 0;
margin: 0 auto;
width: 98%;
}

.cuerpo {
    padding: 3px 10px;
}
.cuerpo div {
    line-height: 20px;
}
.cuerpo div:nth-child(2n+1) {
    background: none repeat scroll 0 0 #EFEFEF;
}
.cuerpo .t {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 80px;
}
.cuerpo .c {
    display: inline-block;
    text-align: left;
    width: 152px;
}
.c.e0 {
    color: #339B33;
}
#capitulos {
    padding: 0 3px 15px;
    position: relative;
}

luego en cada entrada vaz a poner esto, este code es de lista de serie o capitulos
Insertar CODE, HTML o PHP:
<div class="figu">
 <img alt="TITULO" title="TITULO" height="164" src="URL DE LA IMAGEN" width="116" />
 <div class="misk"></div>
</div>
<section>
 <div class="sinopsis">
  <span style="color: #999999;"><i>SUB TITULO</i></span><br/>
  DESCRIPCIÓN
 </div>
 <ul class="tags">
 <li>
  <a class="tag" href="#">GENERO 1</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 2</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 3</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 4</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 5</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 6</a>
 </li>
</ul>
</section>
<hr class="cap"/>
<div class="status-left">
 <div class="title q">
  Datos:
 </div>
 <div class="cuerpo">
  <div>
   <strong class="t">Tipo:</strong>
   <span class="c"> Serie </span>
  </div>
  <div>
   <strong class="t">Estado:</strong>
   <span class="c e0">En emisión</span>
  </div>
  <div>
   <strong class="t">Views:</strong>
   <span class="c">9835399</span>
  </div>
 </div>
</div>
<div id="capitulos">
 <div class="title q">Próximo episodio:</div>
 <div id="procap">
  <a href="#">Capítulo 25: Domingo, 29 de Septiembre del 2013</a>
 </div>
 <header>
  Lista de capítulos:
 </header>
 <ul id="listado">
  <li>
   <a href="#">
    <strong>Capítulo 5</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 4</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 3</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 2</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 1</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
 </ul>
</div>
 
Última edición:
Cual es tu blog para ver si puedo ayudarte
 
Cual es tu blog para ver si puedo ayudarte

mi blog es este de peliculas, animes y series Mun2vip.com | Peliculas, Series y Animes - Peliculas Online, Ver Estrenos de CINE en HD y Gratis. :encouragement:

---------- Post agregado el 07-ene-2014 hora: 03:28 ----------

tu dices como del anime id?

---------- Post agregado el 06-ene-2014 hora: 04:36 ----------

Bueno esté lo vaz a poner ariba de </:skin>

HTML:
/******************************
********* SinopsisPost*********
/******************************/
.sinopsis {
	color: #3A3F44;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 16px;
	margin-top: 7px;
	padding: 1px 3px;
	text-align: justify;
}
.sinopsis {
    color: #3A3F44;
    font-family: Helvetica,Arial,sans-serif;
    height: 330px;
    line-height: 16px;
    margin-left: 40px;
    margin-top: 30px;
    padding: 1px 3px;
    text-align: justify;
}
.tags {
color: #FFFFFF;
font-size: 0;
list-style: none outside none;
margin: 8px 3px 3px;
padding: 0;
text-align: right;
}
.tags li {
display: inline-block;
margin: 0 0 3px 3px;
}
.tag {
background: -moz-linear-gradient(center top , #6C899C 5%, #4B6170 100%) repeat scroll 0 0 #6C899C;
border: 1px solid #4B6170;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 0 #8DA4B3 inset, 0 1px 2px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
display: inline-block;
font-family: arial;
font-size: 9px;
line-height: 8px;
opacity: 0.9;
padding: 6px 10px 5px;
text-decoration: none;
text-shadow: 0 1px 0 #354752;
text-transform: uppercase;
}
.tag:hover {
opacity: 1;
}
.tag:active {
background: -moz-linear-gradient(center top , #4B6170 5%, #6C899C 100%) repeat scroll 0 0 #4B6170;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
#capitulos {
padding: 15px 3px;
position: relative;
}

#capitulos hr, .main hr.cap {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #D8D8D8 -moz-use-text-color -moz-use-text-color;
border-image: none;
border-right: 0 none;
border-style: dashed none none;
border-width: 1px 0 0;
margin: 0 auto;
width: 98%;
}

.cuerpo {
    padding: 3px 10px;
}
.cuerpo div {
    line-height: 20px;
}
.cuerpo div:nth-child(2n+1) {
    background: none repeat scroll 0 0 #EFEFEF;
}
.cuerpo .t {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 80px;
}
.cuerpo .c {
    display: inline-block;
    text-align: left;
    width: 152px;
}
.c.e0 {
    color: #339B33;
}
#capitulos {
    padding: 0 3px 15px;
    position: relative;
}

luego en cada entrada vaz a poner esto, este code es de lista de serie o capitulos
Insertar CODE, HTML o PHP:
<div class="figu">
 <img alt="TITULO" title="TITULO" height="164" src="URL DE LA IMAGEN" width="116" />
 <div class="misk"></div>
</div>
<section>
 <div class="sinopsis">
  <span style="color: #999999;"><i>SUB TITULO</i></span><br/>
  DESCRIPCIÓN
 </div>
 <ul class="tags">
 <li>
  <a class="tag" href="#">GENERO 1</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 2</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 3</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 4</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 5</a>
 </li>
 <li>
  <a class="tag" href="#">GENERO 6</a>
 </li>
</ul>
</section>
<hr class="cap"/>
<div class="status-left">
 <div class="title q">
  Datos:
 </div>
 <div class="cuerpo">
  <div>
   <strong class="t">Tipo:</strong>
   <span class="c"> Serie </span>
  </div>
  <div>
   <strong class="t">Estado:</strong>
   <span class="c e0">En emisión</span>
  </div>
  <div>
   <strong class="t">Views:</strong>
   <span class="c">9835399</span>
  </div>
 </div>
</div>
<div id="capitulos">
 <div class="title q">Próximo episodio:</div>
 <div id="procap">
  <a href="#">Capítulo 25: Domingo, 29 de Septiembre del 2013</a>
 </div>
 <header>
  Lista de capítulos:
 </header>
 <ul id="listado">
  <li>
   <a href="#">
    <strong>Capítulo 5</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 4</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 3</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 2</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
  <li>
   <a href="#">
    <strong>Capítulo 1</strong>
    <small class="right">14 Sep 2013</small>
   </a>
  </li>
 </ul>
</div>

no es lo que buscaba en si realmente pero muchas gracias esto me servira para generalizar las series en capitulos Grax.. Saludos Gracias por tu aporte :encouragement::encouragement:
 
Puedes decirme como cual quieres y podre ayudarte a configurarlo en tu blog :#
 
Puedes decirme como cual quieres y podre ayudarte a configurarlo en tu blog :#

entrada.webp

algo asi quiero man como esta en la imagen ... pero lo quiero fijo en las entrada automatico si es que esta en blogger.. :encouragement:
 

Temas similares

Atrás
Arriba