Plantilla para blog de Noticias

  • Autor Autor Julio2201
  • Fecha de inicio Fecha de inicio
Julio2201

Julio2201

Zeta
Diseñador
Hola betas, :hello: como veo que todos estan regalando plantillas buenas, yo modifique una plantilla, la traduci, le coloque los links de compartir y calaficar en los principales en marcadores, buscador interno, meta tags, favicon, y widget de actualizaciones de twitter.

Enlace eliminado

Enlace eliminado

Como modificar las meta tags, buscas <head> y justo debajo encontraras esto:

HTML:
<meta content='TITULO' name='Title'/>
<meta content='PALABRA CLAVE1, PALABRA CLAVE2, PALABRA CLAVE3,' name='keywords'/>
<meta content='TEMATICA DEL BLOG' name='Subject'/>
<meta content='DESCRIPCION' name='description'/>
<meta content='AUTOR DEL BLOG' name='author'/>

Luego modificas todo lo necesario, como TITULO por el titulo del blog, etc.

Como cambiar el favicon, buscas esta etiqueta <b:include data='blog' name='all-head-content'/> y justo debajo encontraras esto:

HTML:
<link href='URL DEL FAVICON' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DEL FAVICON' rel='icon' type='image/x-icon'/>

En donce dice URL DEL FAVICON, lo cambias por la url de la imagen.

Para las actualizaciones de twitter, crear un nuevo widget html y pegas el siguiente codigo:

HTML:
<script language="javascript" src="http://dl.dropbox.com/u/21178579/js/jquery.tweet.js" type="text/javascript"></script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$(".tweet").tweet({
username: "USUARIO",
count: 1,
});
})
</script>
<div class="tweet"></div>
<p class="link"><a href="http://twitter.com/USUARIO" target="_blank">Sigueme en Twitter</a></p>

y listo.

la plantilla original esta en Enlace eliminado, fue modificada y traducida por mi.

Saludos.

para cambiar el logo, buscas #header h1 y abajo tiene una url, la quitan y ponen la url de su logo.

para modificar el menu buscas esta etiqueta <ul class='sf-menu'> y abajo tendras algo como esto.

HTML:
<li><a href='/'>Fonts</a>
<ul class='sub-menu'>
	<li><a href='/'>Open Type</a></li>

	<li><a href='/'>Post Script</a></li>

	<li><a href='/'>True Type</a>

	<ul class='sub-menu'>
		<li><a href='/'>Serif Fonts</a></li>

	</ul>
</li>
</ul>
</li>
<li><a href='/'>Freebies</a></li>

<li><a href='/'>Graphics</a></li>

<li><a href='/'>How-To</a></li>

<li><a href='/'>Inspiration</a></li>

<li><a href='/'>Reviews</a></li>

<li><a href='/'>Showcases</a></li>

<li><a href='/'>Tools</a></li>

<li><a href='/'>Tutorials</a></li>
</ul>

y modificamos los enlaces y los nombres de cada categoria o cualquier enlace.

aaaaa, se me olvidava que para que las imagenes aparescan al lado del titulo en la entrada deben quitar el enlace de la imagen y colocar esta etiqueta antes:

HTML:
<div class="fl pic"><img src="URL DE LA IMAGEN"></div>

y listo.

cualquier cosa, preguntame...
 
muy buen aporte
 
Buen aporte.
 
Hay algun sitio en el cual pueda ver una previsualizacion?
 
no se ve el demo
 
Gracias por compartir, gran trabajo
 
Amigo no se puede visualizar el demo. Cuando tengas time arreglarlo =)
 
interesante...a la espera de la demo
 
No se ve la demostración...

Un saludo.
 
Atrás
Arriba