crear Thumbnail de un sitio web


Hoy les recomiendo un sitio web que permite crear un “Thumbnail” “vista previa” de un sitio web a través de sus apis.

Ejemplo con mi blog:

Pasos para lograr esto:

1. registrarse en la pagina: http://webthumb.bluga.net/home
2. Obtener el Apikey y el ID
3. Usar el api para obtener la imagen. (dejo ejemplo php para obtener el thumbnail)

<?php
// configuration parameters
$url = 'https://jodacame.wordpress.com'; // Aqui la url del sitio web que quieres general el Thumbnail
$apikey = 'Aqui tu api key';
$userId = 1; // your user id here
$date = gmdate('Ymd');
$size = 'medium';
$cache = 1;
$messageId = "tmessage1";

$parameters = "user=$userId&url=".urlencode($url)."&hash=".md5($date.$url.$apikey)."&size=$size&cache=$cache";
?>

<html>
<head>
        <title>Easy Thumb Ejemplo</title>

<style type="text/css">
.thumbnail {
        position: relative;
}
.thumbnailMessage {
        position: absolute;
        top: 0;
        left: 0;
        width: 160px;
        height: 120px;
        background: gray;
        text-align: center;
}
</style>
</head>
<body>

<div class="thumbnail">
<img src="http://webthumb.bluga.net/easythumb.php?<?php echo $parameters; ?>"
        title="Generated Thumbnail" width=160 height=120
        onload="document.getElementById('<?php echo $messageId; ?>').style.display = 'none'"
>
<div class="thumbnailMessage" id="<?php echo $messageId; ?>">
Espere un momento
</div>
</div>

</body>
</html>


 Este ejemplo es proporcionado por el sitio web http://webthumb.bluga.net

Compartirlo



pergolas de madera
cubiertas para piscinas
Casas de madera
Persuadis Marketing Online
Persuadis publicidad
Persuadis
Pesadora
Pesa Maletas
basculas
CuentaPiezas