lundi 12 mai 2014

WIDGET IP ADDRESS pour votre blog ou votre bureau

Une simple image pour afficher l'addresse IP et la géolocalisation de vos visiteurs ou vous-même. En cliquant sur l'image, vous êtes transporté vers le site et la page de http://addgadgets.com/ipaddress_widget/


J'ai beaucoup modifié le code d'origine et n'ai gardé que l'image et le lien (ci-contre). C'est donc très léger.



Si vous avez un blog "accessoire" très simplifié, vous pouvez mettre ce code dans un "nouveau post" sinon, vous pouvez héberger cette "mini-page" sur votre Dropbox. Je pense que cela doit le faire aussi sur Google Drive. On peut évidemment mettre ce code dans un widget HTML/Javascript.



Si vous utilisez un service VPN et que vous voulez savoir si cette connexion VPN fonctionne bien:


  • Lancez cette page (ou la votre) http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html
  • (Chrome) Allez dans le menu en haut à droite, >outils>créer des raccourcis vers des applications (d'autres navigateurs disposent aussi maintenant de cette fonction sous un autre nom).
  • La page s'ouvre dans une nouvelle fenêtre
  • Redimensionnez-la convenablement et éventuellement clic droit sur l'entête de la fenêtre et là vous avez des options intéressantes pour conserver les dimensions et la position de cette fenêtre (Bodhi Linux et peut-être les autres Ubuntu)
  • Faites-en aussi un lanceur dans votre "dock" ou sur votre Bureau.


Code brut de l'image

<a href="http://widget.addgadgets.com/ipaddress/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://widget.addgadgets.com/ipaddress/" /></a>


Adresse image seule

http://widget.addgadgets.com/ipaddress/


Ici, mon code amélioré à partir du code d'origine de Addgadgets.com. Le script plus bas (en bleu) permet d'actualiser automatiquement la fenêtre toutes 5 mn (300000 millisecondes=5mn). J'ai modifié le lien de l'image de manière qu'un simple clic sur celle-ci provoque un rafraîchissement de la page (car même si c'est petit, il s'agit bien d'une page).

<div style="display: block !important; font-family: sans-serif; margin-left: auto; margin-right: auto; text-align: center; width: 160px;">
<div style="font-size: 12px;">
<a href="http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html" onclick="this.target='_self'" title="Cliquer pour actualiser | Click to refresh"><img alt="IP Address Lookup" src="http://widget.addgadgets.com/ipaddress/" height="102" style="border: 0;" width="160" /></a></div>
</div>
<script type="text/javascript">
setTimeout("document.location.href='http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html'", 300000);
</script>


Éventuellement, vous devrez peut-être rajouter les balises HTML suivantes pour avoir quelque chose de plus propre: <html><head></head><body></body> et </html> au bon endroit mais ça devrait le faire sans cela malgré tout (uniquement pour une page HTML sur Dropbox ou autre, mais pas sur Blogger)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Votre titre de page</title>
</head>
<body>
Votre contenu ici
</body>
</html>


Lanceur pour Bureau ou Dock (Ubuntu et dérivés seulement) et son icône (à adapter)
/usr/bin/chromium-browser --app=http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html

WIDGET pour blog ou site WEB

Il est préférable d'afficher la "page d'origine" (ici: ) dans un iframe. Ainsi quand on clique sur l'image/texte, elle se rafraîchit bien sur elle-même (_self) alors qu'en mettant le code plus haut, elle s'affiche dans un autre onglet.

<p style="text-align: center;"><iframe align="middle" frameborder="1" height="112" name="ipaddress" scrolling="no" src="http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html" width="170"></iframe></p>


Pour Windows, j'ai un peu oublié comment le faire, mais c'est possible, j'ai déjà fait des choses de ce genre-là sur XP. Mais c'était "an tan lontan" comme on dit en Créole Antillais... (=autrefois)

Aucun commentaire:

Enregistrer un commentaire