ESTA ENTRADA HA SIDO ABANDONADA POR EL ADMINISTRADOR
ESTA ENTRADA HA SIDO ABANDONADA POR EL ADMINISTRADOR
Comentario :En esta oportunidad les dejo la actualización a la plantilla ElAnime que hize hace algunas semanas, corrigiendo el error de las imágenes que salian distorsionadas y sobre el efecto del zoom.
También se corrigió algunas cosas en el código CSS para poder optimizarlo mediante condicionales de blogger.
Esta versión se le agrego la función de mostrar una reseña del anime en la barra lateral cuando se muestre una entrada tipo Capitulo.
Antes que nada, primero tienes que colocar en la configuracion de tu blog la cantidad de entradas a mostrar en 0Nuevas Funciones :Ahora cuando hagas una entrada tipo Capitulo en la barra lateral se podrá mostrar una reseña o sinopsis del anime colocando el siguiente codigo en tu entrada :
<div class="resenia" style="min-height: 250px;">
<h2>
Historia de "ANIME"</h2>
<img src="URL TU IMAGEN DEL ANIME" height="250" style="float: left; margin-right: 10px;" width="166" />
<br />
Una Pequeña reseña del anime
</div>
Configuracion :1. Para poder mostrar los cuadros de Anime Por Alfabeto y Anime por Genero tendras que agregar dos bloques HTML a tu barra lateral en el diseño de tu blog.
En el primer bloque HTML agregar este codigo :
<ul id="mnu">
<li><a href="/search?q=A">A</a></li>
<li><a href="/search?q=B">B</a></li>
<li><a href="/search?q=C">C</a></li>
<li><a href="/search?q=D">D</a></li>
<li><a href="/search?q=E">E</a></li>
<li><a href="/search?q=F">F</a></li>
<li><a href="/search?q=G">G</a></li>
<li><a href="/search?q=H">H</a></li>
<li><a href="/search?q=I">I</a></li>
<li><a href="/search?q=J">J</a></li>
<li><a href="/search?q=K">K</a></li>
<li><a href="/search?q=L">L</a></li>
<li><a href="/search?q=M">M</a></li>
<li><a href="/search?q=N">N</a></li>
<li><a href="/search?q=O">O</a></li>
<li><a href="/search?q=P">P</a></li>
<li><a href="/search?q=Q">Q</a></li>
<li><a href="/search?q=R">R</a></li>
<li><a href="/search?q=S">S</a></li>
<li><a href="/search?q=T">T</a></li>
<li><a href="/search?q=U">U</a></li>
<li><a href="/search?q=V">V</a></li>
<li><a href="/search?q=W">W</a></li>
<li><a href="/search?q=X">X</a></li>
<li><a href="/search?q=Y">Y</a></li>
<li><a href="/search?q=Z">Z</a></li>
<li><a href="/search?q=#">#</a></li>
</ul>
En el segundo bloque HTML este codigo :
<div id="genList" style="height: 150px;overflow:auto;">
<ul id="mnu2">
<li><a href="/search?q=Accion">Accion</a></li>
<li><a href="/search?q=ArtesMarciales">Artes Marciales</a></li>
<li><a href="/search?q=Aventura">Aventura</a></li>
<li><a href="/search?q=Carreras">Carreras</a></li>
<li><a href="/search?q=Colegial">Colegial</a></li>
<li><a href="/search?q=Comedia">Comedia</a></li>
<li><a href="/search?q=CosasDeLaVida">Cosas de la Vida</a></li>
<li><a href="/search?q=CyberPunk">CyberPunk</a></li>
<li><a href="/search?q=Demencia">Demencia</a></li>
<li><a href="/search?q=Demonios">Demonios</a></li>
<li><a href="/search?q=Deportes">Deportes</a></li>
<li><a href="/search?q=Drama">Drama</a></li>
<li><a href="/search?q=Ecchi">Ecchi</a></li>
<li><a href="/search?q=Escolar">Escolar</a></li>
<li><a href="/search?q=Fantasia">Fantasia</a></li>
<li><a href="/search?q=Ficcion">Ficcion</a></li>
<li><a href="/search?q=Gore">Gore</a></li>
<li><a href="/search?q=Harem">Harem</a></li>
<li><a href="/search?q=Historico">Historico</a></li>
<li><a href="/search?q=Horror">Horror</a></li>
<li><a href="/search?q=Humoristica">Humoristica</a></li>
<li><a href="/search?q=Juegos">Juegos</a></li>
<li><a href="/search?q=Magia">Magia</a></li>
<li><a href="/search?q=Magico">Magico</a></li>
<li><a href="/search?q=Mecha">Mecha</a></li>
<li><a href="/search?q=Militar">Militar</a></li>
<li><a href="/search?q=Misterio">Misterio</a></li>
<li><a href="/search?q=Musica">Musica</a></li>
<li><a href="/search?q=Niños">Niños</a></li>
<li><a href="/search?q=Parodia">Parodia</a></li>
<li><a href="/search?q=Policial">Policial</a></li>
<li><a href="/search?q=Psicologico">Psicologico</a></li>
<li><a href="/search?q=Vampiros">Vampiros</a></li>
<li><a href="/search?q=Yuri">Yuri</a></li>
</ul>
</div>
2. Para mostrar las entradas de nuevos Capitulos y nuevos Animes agregados al blog se tienen que agregar dos bloques HTML a su blog en la parte central.
El primer bloque tendra el siguiente codigo:
<script type='text/javascript'>
var numposts = 100;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Ultimos?published&alt=json-in-script&callback=labelthumbs"></script>
(Este bloque muestra las ultimas entradas con la etiqueta Ultimos que seran los ultimos capitulos)
El segundo bloque tendra el siguiente codigo:
<script type='text/javascript'>var numposts = 100;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 0;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Anime?published&alt=json-in-script&callback=animethumbs"></script>
(Este bloque muestra las ultimas entradas con la etiqueta Anime que seran los ultimos animes)
OK... hasta ahora ya tenemos nuestro blog listo con bloques de orden alfabético, géneros, para mostrar últimos animes, capítulos solo faltaria la lista de animes no? bueno para eso solo vas al diseño de tu blog agregas un bloque tipo Lista de Enlaces y agregar manualmente cada anime que tengas.Como creo mis entradas?Bueno ahora veremos el contenido que tendras nuestras entradas para cuando mostremos Capitulos o un nuevo Anime.
Recuerda que el contenido se agrega a la entrada colocando Modo HTMLPara el caso de un nuevo capitulo el contenido es el siguiente :
<div style="display:none;"><img src="http://www.elanime.net/cortadas/aikatsu-2.gif" /></div>
<ul class="tabs">
<li><a href="#tab1">Opción 1</a></li>
<li><a href="#tab2">Opción 2</a></li>
<li><a href="#tab3">Opción 3</a></li>
</ul>
<div class="contenedor_tab">
<div id="tab1" class="contenido_tab">
REPRODUCTOR 1
</div>
<div id="tab2" class="contenido_tab">
REPRODUCTOR 2
</div>
<div id="tab3" class="contenido_tab">
REPRODUCTOR 3
</div>
</div>
<br/>
<div id="hBox" style="width:190px;float:left;">
<span>comparte este anime</span> <br />
<div class="box">
CONTENIDO
</div>
</div>
<div id="hBox" style="width:360px;float:right;">
<span>opciones anime</span> <br />
<div class="box">
CONTENIDO
</div>
</div>
(Cuando crees este tipo de entrada procura no cambiar a Modo Redactar o el codigo se modificara automáticamente gracias a blogger y ya no funcionara las opciones del reproductor)
Ahora para el caso de un nuevo Anime el contenido sera este :
<div style="min-height: 260px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="URL IMAGEN ANIME" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="URL IMAGEN" /></a></div>
<b><span style="color: #444444;">Categoria: </span></b>anime<br />
<span style="color: #444444;"><b>Estado:</b></span> ONLINE/OFFLINE<br />
<b><span style="color: #444444;">Géneros:</span></b>
<br />
<ul class="tags">
<li><a href="#Enlace">Etiqueta</a></li>
</ul>
<br />
<span style="color: #444444;"><b>Agregado: </b></span>FECHA<br />
<span style="color: #444444;"><b>Sinópsis: </b></span>RESUMEN O HISTORIA DEL ANIME
</div>
<br />
<div id="hBox" style="float: left; width: 190px;">
comparte este anime <br />
<div class="box">
CONTENIDO
</div>
</div>
<div id="hBox" style="float: right; width: 360px;">
series relacionadas <br />
<div class="box">
CONTENIDO
</div>
</div>
<br />
<br />
<h2>
Listado de Capitulos</h2>
<br />
<div id="menList">
<ul id="listado">
<li><a href="#">Elemento</a></li>
<li><a href="#">Elemento</a></li>
<li><a href="#">Elemento</a></li>
</ul>
</div>
Descargar :
