Informática fácil, manuales y tutoriales paso a paso, wallpapers, Wordpress, promoción, blogs ......... y algunas cosas más en VinagreAsesino.com

Banner aleatorio para destacar tus mejores entradas

............................................................................................................................

Cuando uno empieza un blog pone todo su empeño e intenta crear buenos artículos. Las visitas no son muchas y son pocas las personas que llegan a leer los primeros posts que publicaste. Con el tiempo y a medida que el blog se va llenando de contenido estos artículos van quedando relegados al olvido a menos que los posiciones en Google.

Para evitar ésto lo mejor es hacer una selección manual de tus mejores entradas y mostrárselas a tus lectores mediante un banner aleatorio que vaya presentado imágenes que enlacen a esos artículos.

Para hacerlo solo tenemos que incluir la siguiente porción de código y hacer algunos cambios:

<?php

$arrayEnlaces = array(‘ENLACE_1′,’ENLACE_2′, ….. ,’ENLACE_X’);

$numeroDelEnlace = array_rand($arrayEnlaces,1);

echo ("<div class=’destacado’>".$arrayEnlaces[$numeroDelEnlace]." </div><br />");

?>

Vamos a ver que hace cada parte de éste código para entenderlo mejor, aunque puedes saltarte esta parte si no te interesa la programación:

1º) El principio y el final del código simplemente marcan el comienzo y el final de una porción de código de PHP, no tiene mayor importancia.

<?php
?>

2º) La variable $arrayEnlaces es como una caja (vector) llena de compartimentos que recogen los distintos enlaces hacia los artículos que nosotros decidamos incluir. Cada compartimento se diferencia por un número (el índice) empezando por cero. De modo que el ENLACE_1 tendrá asignado el indice 0, el ENLACE_2 tendrá el 1 y así sucesivamente. Estos números nos servirán para seleccionar un enlace u otro.

$arrayEnlaces = array(‘ENLACE_1′,’ENLACE_2′, . . . ,’ENLACE_X’);

3º) La variable $numeroDelEnlace recoge el valor devuelto por la función array_rand. Esta función tienes dos parámetros (los que están entre paréntesis) que son en primer lugar la variable que contiene todos los enlaces (en esta caso es $arrayEnlaces) y en segundo lugar el valor 1 (podría cambiarse por otro pero el código no funcionaría correctamente) que determina que se elija de forma aleatoria un solo valor (enlace) de la variable $arrayEnlaces.

$numeroDelEnlace = array_rand($arrayEnlaces,1);

4º) Por último “echo” se encarga de presentar en pantalla la porción de código que va entre paréntesis que incluye las siguientes partes:

<div class=’destacado’></div><br />"

Esta parte del código simplemente le da estilo al banner. En este caso se le asigna al banner la clase “destacado” que previamente has de crear en tu hoja de estilo.

$arrayEnlaces[$numeroDelEnlace]

Esta parte accede al indice de la variable $arrayEnlaces determinado por $numeroDelEnlace. Es decir seleccionamos el enlace de “nuestra caja” que tiene el número de indice obtenido aleatóriamente en el punto 3º.

Ahora que ya sabemos como funciona el código solo nos queda cambiar donde dice “ENLACE_1″ por el primer enlace a un artículo, “ENLACE_2″ por un enlace a otro artículo y así sucecivamente. Como los enlaces son mediante imágenes el enlace debe tener la siguiente forma:

<a href="URL_A_UN_ARTICULO" title="TITULO"><img src="URL_A_UNA_IMAGEN" alt="TEXTO_ALTERNATIVO"></a>

Así que si por ejemplo creamos un banner aleatorio con tres imágenes distintas hacia tres artículos distintos tendremos algo así para la variable $arrayEnlaces (no copies esto directamente, es solo un ejemplo):

$arrayEnlaces = array(‘<a href="http://www.vinagreasesino.com/articulos1.php" title="Los Drivers"><img src="http://www.vinagreasesino.com/imagenes1.jpg" alt="Los Drivers" /></a>’,
‘<a href="http://www.vinagreasesino.com/articulos2.php" title="Comando Linux"><img src="http://www.vinagreasesino.com/imagene2.jpg" alt="Comando Linux" /></a>’,
‘<a href="http://www.vinagreasesino.com/articulos3.php" title="Desfragmentar"><img src="http://www.vinagreasesino.com/imagen3.jpg" alt="Desfragmentar" /></a>’,);

Fíjate que cada enlace está entre comillas simples (‘) y que un enlace se separa del otro por una coma (,). Así que solo tienes que adaptar este código a tus enlaces y tendrás un banner aleatorio para mostrar los posts más antiguos o los que más te gusten. Saludos avinagrados.


Botón de Meneame Botón de Ayuda Blogs Botón de Meneame

Publicado el 05 - 07 - 2008 en Blogs, WordPress, Blogger ...


   Hay 14 comentarios sobre “Banner aleatorio para destacar tus mejores entradas”


  • Yo misma ha comentado:

    Muy bueno el truco. Yo, como soy algo zoquete con esto de los códigos, tengo el widget de Stuffablog, que te muestra cinco entradas al azar.



  • carballo ha comentado:

    Pues no es mala idea, tal vez lo implemente en mi blog la semana que viene :D



  • Jenny ha comentado:

    A mi me ha venido de perlas porque estaba pensando en ponerlo y lo explicas estupendamente.

    Gracias y un saludo.



  • Lorenzo Chacón ha comentado:

    Tenía pensado implementar algo así… me ha sido de gran ayuda este post.

    Saludos.



  • Xavier ha comentado:

    Vamos a ver si le damos una vuelta y lo aprovechamos para innovar un poco. Buen truco!

    Saludos.



  • Intruso ha comentado:

    Que bueno, en breve cambiare de theme y creo que lo implementare en él, me gusta mucho el artículo Javi.



  • Webmasters ha comentado:

    Hay uno que me parece muy bueno en feedburner, que es gratuito y hace algo muy similar de manera bastante llamativa… en inglés se llama Headline Animator (no se cual será la traducción)… a los que tengan feedburner por ahí que les interese… ;)



  • Iván Lasso ha comentado:

    Me gusta la idea. Quizá la aplique más adelante, cuando tenga mucho más contenido (por ahora, no tengo ni PageRank :) ). Muchas gracias por la información.



  • Enlaces Dominicales XXI | Trazos Web ha comentado:

    [...] Banner aleatorio para destacar tus mejores entradas. [Vinagre Asesino] [...]



  • XeroLinks VII | XeroBlog - Blogging - SEO - Consejos y Recursos para Bloggers ha comentado:

    [...] Banner aleatorio para destacar tus mejores entradas- VinagreAsesino [...]



  • Link Love 19 | uLove-Tech - Blog sobre Ganar Dinero en Internet, SEO, Marketing, Blogging y Posicionamiento web ha comentado:

    [...] Banner aleatorio para destacar tus mejores entradas. Vinagre Asesino [...]



  • komoloves ha comentado:

    No creas que no había pensando en esto, me gustó cuando lo pusiste en el nuevo theme. Y ahora que has publicado como hacerlo ya no tengo excusa, así que puede que en breve tengamos un cambio en el blog.
    Saludos y buen trabajo.



  • Primeros participantes del 1er WallxPost | jbernabe.com ha comentado:

    [...] Entre sus mejores tutoriales, me quedo con este banner aleatorio para destacar las mejores entradas. [...]



  • Dogguie ha comentado:

    Excelente tutorial!!
    Creo que voy a ponerlo en uno de mis blogs.



   Deja tu comentario







Contenido bajo licencia Creative Commons 2.5