Souldhack
Souldhack necesita de nuestra ayuda! Por favor lee la siguiente nota! Necesitamos tu ayuda! Y apoyanos!

souldhack

Entradas al estilo Blogger

Entradas al estilo Blogger

Escrito por Administrador - 18/Agosto/2011


A que buenas vacaciones, pero vamos a seguir con las entradas...Suena muy dificil hacer entradas aqui en PWG pero la verdad es que no, aqui en PWG hay muchos recursos... lo que devemos hacer es aprovecharlos. Bien luego hablaremos de eso.
Para hacer entradas al estilo blooger vamos a utilizar un extra llamado noticias, ya que ese extra va acomadando las cosas cronologicamente y es mas o menos lo que hace blooger, es decir lo reciente al principio y lo pasado al final.
Lo que vamos a hacer es eso en cada entrada una imagen representativa, un texto al lado derecho y un leer mas, suena facil no?, Aqui les dejo una imagen de lo que vamos a hacer:



ok vamos a empezar...

El titulo. Como se muestra en la imagen ese sera el titulo, claro tu lo puedes modificar a tu manera, Bien he aqui el codigo css que lo vas a poner en tu pagina web en css-code.

.entradas{ font-size: 25px; margin: 0 0 20px 0;  padding: 10px 0 15px 0; }
.entradas a { color: #333; text-decoration: none; }
.entradas a:hover { color: #000000; }

Ya pegado en css-code nos vamos al extra "noticias", y bien le damos en "Agregar/eliminar noticas" y en el campo que dice: "Introduzca el título de la página de noticias" hay vamos a pegar la representacion HTML que es esto:

<span class="entradas"><a href="URL  de tu entrada">El titulo de tu entrada</a></span>

Y bien ya tenemos el titulo de la entrada...

El cuerpo de la entrada. Bien ya hemos acabado con el titulo haora vamos con el cuerpo de la entrada... bien aqui ya no vamos a pegar nada en css-code.
Nos situamos en el campo:"Entrada" y hay pegamos lo siguiente y lo modificamos:

<img alt="" style="width: 108px; height: 108px; padding:0px;float: left; margin-right: 30px;" src="Url de  la imagen de tu entrada" />Aqui pon algo breve de lo que vas a hablar en tu entrada.
<a href="URL de tu entrada"><img alt="" src="http://www.quinielaonline.com/QuinielaOnLine/fotos/Portada/BotonLeerMas.gif" /></a>


Lo que sobra es darle enviar para ver como quedo nuestra entrada, y quedaran como la imagen enteriormente mostrada. Ese mismo procedimiento lo puedes hacer para cada entrada, Alguna duda o problema haganmelo saber, Les invito a Darle "Me gusta" a Souldhack en Facebook, recuerden que es una manera de agradecer.





Acerca del autor
Manolo M./Administrador
Les cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas

 


Algunas categorias
Interesante
Aqui hablaremos de articulos de interes y debate.

Interesante

Recursos
En esta categoria encontraras, recursos utiles para tener un buen desempeño web.

Recursos



Site5.com

Souldhack necesita tu ayuda!

Souldhack necesita nuestra ayuda!
Todos podemos ayudar a souldhack entrando al blog Souldhacko Y dandole click a la publicidad y anuncios de google que estan en dicho blog, de esta manera estaremos apoyando y agradeciendo a souldhack por toda su ayuda brindada hacia nosotros!, espero y todos nos apoyen, no saben lo agradecidos que estaremos con todos ustedes!, Recuerden que souldhack! esta echo por y para ustedes!.

¿Que pasa en souldhack y souldhacko?

Recuerda que se están escribiendo artículos recientemente en el blog, Souldhacko


Siguenos en Facebook!

Recent Posts

Cuadro ultimos tweets
Para todos los usuarios de twitter que tienes una web acargo en esencial...

Abril 14, 2012

 
Botones compartir articulos
Cuando un articulo es satisfactorio, o simplemente era lo que estabamos...

Febrero 18, 2012

 
Usar/Utilizar jQuery
Bueno en este tutorial explico como instalar y usar jquery ya sea en un diseño profecional...

Noviembre 13, 2011

 
Cambiar botones a Ice Blue
En este mi mas reciente video subido explico como cambiar los botones de los diseños...

Mayo 3, 2012

 

Chat

Los comentarios...

Los comentarios...

Mi video mas reciente

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=