Hola Bloguers hoy te traemos una plantilla hermosa con un estilo Darck Black. Esta plantilla contiene estilo perfecto para aquellos bloguers que buscan un estilo llamativo.
2 Columnas
Rápida carga del Blog
Seo Optimizado; metatag
2 Menú de Navegación
3 Columnas en su footer
Activar los comentarios Respuestas
Características de Esta Plantilla
Color Negro y Blanco2 Columnas
Rápida carga del Blog
Seo Optimizado; metatag
2 Menú de Navegación
3 Columnas en su footer
Buscar código HTML en la Plantilla
Menú principal<div class='menuhorisontal'>
<ul>
<li><a href='/'>Inicio <span>Pagina de Inicio</span></a></li>
<li><a href='#'>Menu <span> Descripción </span></a></li>
<li><a href='#'>Menu<span>Descripción</span></a></li>
<li><a href='#'>Menu<span>Descripción</span></a></li>
<li><a href='#'>Menu<span>Descripción</span></a></li>
<li><a href='#'>Menu<span>Descripción</span></a></li>
</ul>
</div>
</div>
Menú en el footer multicolor
<nav class='main-nav-wrap' id='main-nav-wrap'>
<ul class='main-nav group'>
<li class='articles'><a href='/'>Inicio <span> Descripción </span></a></li>
<li class='forums'><a href='URL' rel='nofollow'>Menu <span> Descripción </span></a></li>
<li class='snippets'><a href='URL' rel='nofollow' target='_blank'>Menu<span> Descripción </span></a></li>
<li class='videos'><a href='URL' rel='nofollow' target='_blank'>Menu<span> Descripción </span></a></li>
<li class='almanac'><a href='URL' rel='nofollow'>Menu<span> Descripción </span></a></li>
<li class='gallery'><a href='URL'>Menu<span> Descripción </span></a></li>
<li class='downloads'><a href='URL' rel='nofollow'>Menu <span> Descripción </span></a></li>
<li class='deals'><a href='URL' rel='nofollow'>Menu <span> Descripción </span></a></li>
</ul>
</nav>
Activar los comentarios Respuestas
- Busca esta linea y Remplaza la ID por la de tu blog
<a expr:href='"https://www.blogger.com/comment.g?blogID=6847785468841854422&postID=" + data:post.id +
Caja de Notificaciones
<div class="notice">
Nota: Ejemplo de una Noticia </div>
<div class="error">
Nota: Ejemplo de una Error</div>
<div class="alert">
Nota: Ejemplo de una Alerta</div>
<div class="success">
Nota: Ejemplo de una Aceptado </div>
<div class="series">
Nota: Ejemplo de una Simple </div>
</div>
Simplemente hermosa plantilla ....vamos aprobarlo
ResponderEliminargracias por compartir (0)
@Anónimo Genial que te halla gustado, estoy para servir :>)
ResponderEliminarEsta muy buena la plantilla felicidades la usare un tiempo :D Saludos exelente pagina
ResponderEliminar@Vico MatersGracias a ti por tu comentario
ResponderEliminarme encanto la plantilla, quiero utilizarla en un blog que estoy creando. pero disculpa, en el demo, abajo de la publicacion, arriba de la caja de comentarios, hay widgets de related post y de redes sociales, en el editor de diseño vi unos espacios que crei que correspondian a esos widgets, pero al intentar poner algo ahi, se pone en la barra lateral en un tamaño menor.
ResponderEliminarcomo puedo hacer para que quede como en el demo?
y como puedo hacer para que el menu de arriba sea igual al menu de abajo (mucho mejor a mi gusto.)
y por ultimo, habra forma de que en la pagina principal, las publicaciones muestren un menor numero de caracteres? o que no se vea tan empalmado todo.
respecto a mi pregunta anterior, lo del menu ya lo pude poner igual.
ResponderEliminarpero amigo, intente poner esta http://www.tutoriales-blogger.info/2013/06/elegante-caja-de-administrador-debajo.html
y tampoco aparecio.
si pudieras ayudarme un poco te lo agradeceria mucho.
@Luis 1era Respuesta: Te comento que en la demo de la plantilla no tengo ningún problema con los gadget
ResponderEliminar2da Respuesta: Ya lo has solucionado
3ra Respuesta: Numero de carácter en las publicaciones.
Busca la siguiente linea en tu plantilla HTML
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 600; summary_img = 450; img_thumb_height = 150; ( Alto de la imagen) img_thumb_width =250; ( Ancho de la imagen</script>
<script type='text/javascript'>
Este resumen de entradas no va por caracter a mostrar sino por el tamaño de la imagen como dice en el codigo 150 es el alto de la imagen y 250 es ancho de la imagen. Solo debes de agrandar la imagen para que aparezcan menos caracteres
4ta y ultima Respuesta:
Busca la siguiente linea
<div class='post-body entry-content'>
Justo debajo pega el código HTML de la caja de administrador.
Espero que me hallas podido entender y Suerte