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

zasudark dijo:

Cual es tu blog para ver si puedo ayudarte

Hacer clic para expandir...

rh0b3rt0 dijo:

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>

Hacer clic para expandir...

zasudark dijo:

Puedes decirme como cual quieres y podre ayudarte a configurarlo en tu blog :#

Hacer clic para expandir...