Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

01.06.2010

Ajouter une boîte de connexion à l'administration de son blog Hautetfort

Que vous soyez en crise de WPlikite1 aiguë, ou simplement parce que vous n'avez plus tellement envie de passer par le portail de la plateforme, vous voulez votre propre boîte dans une colonne pour vous connecter à votre interface d'administration.

Vous pouvez aisément récupérer le code source du formulaire de connexion officiel dans celui de la page d'accueil de Hautetfort. Il ne vous reste plus qu'à • Ajouter le code HTML / Javascript dans Ajouter un élément personnalisé du Contenu des colonnes de PRÉSENTATION pour avoir quelque chose comme ceci.

connexion-1.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="text" value="" size="25"/>
<br />
<input type="password" name="user_password" value="" size="25" />
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://static2.hautetfort.com/frontend/graphics/portal/ok.jpg" />
<br />
<a href="http://www.hautetfort.com/forget_password.php">Mot de passe oublié ?</a>
</form>

Le lien vers la page de récupération du mot de passe oublié peut paraitre superflu, retirons-le ; si nous en avons besoin, nous savons où le retrouver.

Et tant qu'à nous attaquer au superflu, pourquoi taper à la fois "login" et "mot de passe" ? Le login correspond généralement au nom de votre blog, et cette information n'a plus grand chose de secret. Dès lors, nous pourrions prévoir que le premier champ sera toujours rempli de la bonne valeur, ici geemee2. Et puisque ce n'est pas appelé à changer, autant le cacher. En même temps, si vous voulez offrir à tous vos visiteurs de se connecter chez eux à partir de chez vous...

connexion-2.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="hidden" value="geemee"/>
<br />
<input type="password" name="user_password" value="" size="12" />
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://static2.hautetfort.com/frontend/graphics/portal/ok.jpg" style="height:17px;vertical-align:top;"/>
</form>

Ne nous arrêtons pas en si bon chemin, bricolons une image "Connexion" pour ne pas confondre avec d'autres formulaires, et ajoutons du style au champ de saisie du mot de passe.

connexion-3.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="hidden" value="geemee"/>
<br />
<input type="password" name="user_password" value="" size="12" style="background-color: #EFE6C5; border:1px solid #DDB666;"/>
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://geemee.hautetfort.com/images/aspire/connexion.gif" style="vertical-align: top;border:0px;" />
</form>


Et cela vous dispense pas totalement de passer par le portail de la plateforme !

 


 

1 La WPlikite est une affection du blogueur qui se reconnaît dans ses cas les plus extrêmes aux cris lugubres lancés dans la nuit à la lune indifférente : « Je veux un blog qui ressemble à WP ! ».

2 La question de savoir si Gee Mee est une bonne valeur reste ouverte.

09:35 Écrit par Gee Mee dans Boîte à outils, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : formulaire, connexion, administration, login | |  del.icio.us | | Digg! Digg |  Facebook

28.05.2010

Ajouter et personnaliser un moteur de recherche Google sur son blog Hautetfort... ou autre

Nous avons vu comment personnaliser l'apparence du moteur de recherche Hautetfort. Voyons maintenant comment installer un moteur de recherche Google simple, mais... modifié. Et si nous ne disons pas "moteur de recherche personnalisé Google", c'est que cela fera l'objet d'une autre note.


Ajouter un moteur de recherche Google

Reconnaissons-le, la fiche de la base de connaissances Hautetfort est suffisante aux blogueurs de la plateforme. Pour être parfaite, elle pourrait préciser que vous devez choisir "• Ajouter le code HTML / Javascript" quand vous choisissez "Ajouter un élément personnalisé" dans Contenu des colonnes de l'onglet PRÉSENTATION. Mais c'est un détail.

Soit dit entre-nous, ce mode opératoire est utile à tout blogueur, puisque la démarche est sensiblement la même sur toutes les plateformes. Le code donné par Google n'est pas parfait non plus. Une insertion du code de base donne ceci.

moteur-google-simple.png<!-- SiteSearch Google Simple-->
<form method="get" action="http://www.google.com/search">
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<div style="background-color:white;">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" />
</a>
</div>
<input type="text" name="q" size="18" maxlength="255" value="" /><br />
<small>
<input type="hidden" name="domains" value="geemee.hautetfort.com" />
<input type="radio" name="sitesearch" value="" /> www <br />
<input type="radio" name="sitesearch" value="geemee.hautetfort.com" checked="checked" /> geemee.hautetfort.com <br />
</small> <input type="submit" name="btnG" value=" Google Search " /> </form>
<!-- SiteSearch Google -->


Personnaliser le code du moteur Google

  1. Je trouve utile d'ouvrir la page de résultats dans un nouvel onglet, c'est pourquoi j'ai précisé une cible.
  2. J'ai retiré le gros logo Google, mais vous pourriez simplement en choisir un autre.
  3. J'ai remplacé le nom de domaine par le nom du blog à coté du bouton radio, et j'ai souhaité inverser le local et le global en mettant "Gee Mee" avant "Web" (plutôt que "www"). Mais rien ne vous empêche de mettre "ici" et "partout" si cela vous chante, et même de garder deux lignes.
  4. &nbsp; permet de forcer la présence d'un "espace" supplémentaire, par ailleurs insécable.

moteur-google-modifie.png<!-- SiteSearch Google Modifié-->
<form method="get" action="http://www.google.com/search" target=_blank>
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<input type="text" name="q" size="18" maxlength="255" value="" /><br />
<small>
<input type="hidden" name="domains" value="geemee.hautetfort.com" />
<input type="radio" name="sitesearch" value="geemee.hautetfort.com" checked="checked" /> Gee Mee &nbsp;
<input type="radio" name="sitesearch" value="" /> Web <br />
</small>
<input type="submit" name="btnG" value=" Google Search " /> </form>
<!-- SiteSearch Google Modifié-->


Intégrer le moteur de recherche au modèle de blog

Comme nous avions vu lors de la note précédente, il est possible de passer des styles et modifier l'apparence du formulaire. C'est ce que j'ai fait pour intégrer le moteur en haut de la colonne de ce blog.

  1. Des styles ont été passés en direct pour modifier l'apparence.
  2. Le champ de saisie précise qu'il s'agit d'une "Recherche Google" et le texte disparaît quand on clique.
  3. Le champ de saisie a aussi été élargi en portant sa taille à 24. maxlength concerne la longueur de l'expression, ne modifiez pas.
  4. Le bouton "Google search" a été remplacé par une image.

L'extrait de code ci-dessous vous montre ce qu'il se passe dans un blog au "template" de base.

moteur-google-avance.png<!-- SiteSearch Google Intégré-->
<form method="get" action="http://www.google.com/search" target=_blank>
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<input type="text" name="q" onBlur="if (this.value == '') {this.value = 'Recherche Google';}" onFocus="if (this.value == 'Recherche Google') {this.value = '';}" size="24" maxlength="255" value="Recherche Google" / style="background-color: #EFE6C5; border:1px solid #DDB666;height:18px;"><br />
<small>
<input type="hidden" name="domains" value="geemee.hautetfort.com" />
<input type="radio" name="sitesearch" value="geemee.hautetfort.com" checked="checked" /> Gee Mee &nbsp;
<input type="radio" name="sitesearch" value="" /> Web &nbsp;</small>
<input type="image" style="border:0px;vertical-align: top;" name="btnG" src="http://geemee.hautetfort.com/images/aspire/ok-button.gif" >
</form>
<!-- SiteSearch Google Intégré-->


L'intégration d'un véritable "moteur de recherche personnalisé Google" n'est ouverte qu'aux possesseurs de compte Google, mais c'est facile et gratuit de s'inscrire. L'analyse des possibilités offertes demande un peu plus de temps, je vous remercie de m'en accorder.

14:35 Écrit par Gee Mee dans Boîte à outils, Personnaliser son blog, Widgets | Lien permanent | Commentaires (0) | Tags : moteur, recherche, rechercher, google | |  del.icio.us | | Digg! Digg |  Facebook

21.05.2010

Personnaliser l'apparence du moteur de recherche Hautetfort

Nous avons vu comment rechercher dans un blog Hautetfort, voyons maintenant comment le faire avec du style.

L'austérité de l'apparence par défaut ne doit pas vous rebuter. Google lui-même a fait sa place en proposant une mise en forme réduite à presque rien. Cela ne nous empêche pas de vouloir un module qui soit plus conforme à l'image de notre blog. Nous pouvons nous contenter de modifier la feuille de styles, ou aller plus loin en récupérant le code de l'élément de colonne pour modifier les textes, voire remplacer le bouton par une image.


Modifier la feuille de styles

Les styles appliqués au moteur de recherche ne commande normalement que la largeur du champs de saisie (110 pixels) et du bouton de validation (40 pixels). Le code par défaut de la feuille de styles d'un template de base :

#box-search form input.search_button {
width: 40px;
}
#box-search form input {
width: 110px;
}

Je vous conseille d'inverser l'ordre des deux éléments pour garder à l'esprit la cascade des styles. Ce qui est appliqué au formulaire s'applique au bouton, sauf style contraire. Dans le code suivant, une couleur de fond a été appliqué au formulaire, mais une image a été appliquée en plus au bouton, masquant la couleur de fond visible dans le champs de saisie.

rechercher-1.png#box-search form input {
width: 110px;
background-color: #DDB866;
}
#box-search form input.search_button {
width: 40px;
background:url("http://geemee.hautetfort.com/images/aspire/content-bg.jpg") repeat scroll 0 0;
}

Vous pouvez modifier l'apparence du champs en supprimant les bordures, soit effectivement avec border:0px; ou visuellement en attribuant la couleur de fond pour préserver l'alignement (ce qui est le cas ci-dessous). Pour l'exemple nous passeront celle du bouton en pointillés.

rechercher-2.png#box-search form input {
width: 110px;
background-color: #DDB866;
border:1px solid #FFFFFF;
}
#box-search form input.search_button {
width: 40px;
background:url("http://geemee.hautetfort.com/images/aspire/content-bg.jpg") repeat scroll 0 0;
border:1px dotted #663300;
}

Modifier le code s'avère nécessaire si l'on veut changer le texte du bouton de validation et ou le changer pour une image.

 

Récupérer le code du moteur de recherche

Il y a la méthode « faites le vous-même » qui consiste à :

- activer l'élément de colonne « Rechercher » dans PRÉSENTATION, Contenu des colonnes
- cliquer sur Configuration avancée, puis sur
- Modifier le template à droite de Modèle de la colonne gauche ou Modèle de la colonne droite
- identifier la portion de code commençant par <form method="post" action="{$blog.url}" et finissant par </form>
- copier cette portion, et la coller dans un éditeur de texte (genre bloc note ou notepad).

Sinon, vous pouvez copier le code ci-dessous :

<form method=" action="{$blog.url}" name="search" onsubmit="return false;"><input type="text" name="keyword" value="" />
<input type="button" name="submit" value="{t}Ok{/t}" onclick="if(this.form.elements['keyword'].value)window.location = '{$blog.url}search/'+this.form.elements['keyword'].value;return false;" class="search_button"/>
</form>

Vous devez faire une première modification avant de créer un élément de colonne personnalisé, au niveau de la troisième ligne. En fait, le « moteur » crée une adresse avec le mot clé que vous entrez, mais le déplacement du script va « provoquer » une adresse du type http://geemee.hautetfort.com/{$blog.url}search/zorglub ce qui ne fonctionne évidemment pas. Le code utilisable est donc :

form method=" action="{$blog.url}" name="search" onsubmit="return false;">
<input type="text" name="keyword" value="" />
<input type="button" name="submit" value="{t}Ok{/t}" onclick="if(this.form.elements['keyword'].value)window.location = 'search/'+this.form.elements['keyword'].value;return false;" class="search_button"/>
</form>

Maintenant, dans PRÉSENTATION, Contenu des colonnes, vous pouvez Ajouter un élément personnalisé, et en l'occurrence Ajouter le code HTML / Javascript.


Que pouvez-vous personnaliser dans le formulaire du moteur de recherche ?

• Si vous voulez un contenu par défaut dans le champs de saisie, il faut modifier la deuxième ligne comme suit :

<input type="text" name="keyword" value="Rechercher...">

Pour que ce texte par défaut disparaisse d'un clic de l'utilisateur, il faut compléter le code de la façon suivante :

<input type="text" name="keyword" onBlur="if (this.value == '') {this.value = 'Rechercher...';}" onFocus="if (this.value == 'Rechercher...') {this.value = '';}" name="keyword" value="Rechercher..." />


• Si vous voulez changer le texte du bouton « Ok » par « Et hop! » (c'est un exemple) vous modifiez la troisième ligne pour avoir :

<input type="button" name="submit" value="Et hop!" onclick="if(this.form.elements['keyword'].value)window.location = 'search/'+this.form.elements['keyword'].value;return false;" class="code><p><input type=">


• Si vous voulez une image pour remplacer le bouton « Ok » par une image.

- Créez une image d'une vingtaine de pixels de haut maximum.
- Téléchargez là sur votre blog via TABLEAU DE BORD , Fichiers, Répertoire images/ puis Ajouter un fichier
- Modifiez la troisième ligne comme suit (en admettant que l'image s'appelle bien bouton-ok.gif et qu'elle se trouve à l'emplacement spécifié :

<input type="image" name="submit" src="http://votreblog.hautetfort.com/images/bouton-ok.gif" onclick="window.location = 'search/'+this.form.elements['keyword'].value;return false;" class="code><p><input type=">

Le code ci-dessous a permis de générer la capture ci-contre. Vous noterez que les styles ont été passés en direct plutôt que d'être appelés par la feuille de styles. Il n'est pas toujours facile d'obtenir un résultat satisfaisant compte tenu des styles déjà en place. Les alignements sont à surveiller de près entre les différents navigateurs. Je vous accorde que remplacer un bouton Ok par une image Ok...

rechercher-3.png<form method=" action="{$blog.url}" name="search" onsubmit="return false;">
<input type="text" name="keyword" onBlur="if (this.value == '') {this.value = 'Rechercher...';}" onFocus="if (this.value == 'Rechercher...') {this.value = '';}" name="keyword" value="Rechercher..." / style="background-color: #EFE6C5; border:1px solid #DDB666;height:14px;">
<input type="image" style="vertical-align: top;" name="submit" src="http://geemee.hautetfort.com/images/aspire/ok-button.gif" onclick="window.location = 'search/'+this.form.elements['keyword'].value;" class="search_button"/ >
</form>

Vous n'avez plus qu'à réviser vos propriétés de bordure et d'arrière-plan en Css, puis faire une belle image pour avoir un formulaire qui vous convienne sur la forme.

La prochaine fois nous verrons comment ajouter et personnaliser un moteur de recherche Google.

11.05.2010

Comment rechercher dans un blog Hautetfort, avec le moteur de recherche de la plateforme

C'est l'une des dernières notes de Lavande sur BlogTuto saluant l'arrivée d'un moteur de recherche chez Canablog qui m'a convaincu de vous parler de celui que propose Hautetfort. Il s'installe très simplement depuis décembre 2008, et rend service à vos lecteurs qui souhaitent utiliser leurs mots pour s'y retrouver dans les vôtres.

Installez le moteur chez vous...
HautetFort_Pr%C3%A9sentation_Contenu_des_colonnes_RechercherLe mode d'installation pour "Un moteur de recherche sur chacun de vos blogs"  nous a été donné par Alexandra.
Dans l'administation du blog, il faut choisir l'onglet PRÉSENTATION, puis Contenu des colonnes, et dans la liste des Éléments en face de "Rechercher" cliquer sur Ajouter à gauche ou Ajouter à droite. Remonter sur la page puis ajustez l'emplacement de cet élément avec les flèches Déplacer en haut et Déplacer en bas, éventuellement Déplacer à gauche ou Déplacer à droite pour changer de colonne. N'oubliez pas de cliquer sur [ Mettre à jour ces informations ] avant Ajouter un élément personnalisé en bas de page pour que les changements soient pris en compte.

Curieusement, l'article la rubrique contenu des colonnes de la base de connaissances ne mentionne pas le moteur de recherche parmi les éléments disponibles. On aurait pourtant apprécié d'obtenir des précisions sur son fonctionnement. L'on m'a déjà précisé que le moteur n'indexe que le contenu des notes, et pas celui des commentaires. Si la richesse des interventions de vos visiteurs n'est pas exploitable en interne, il faut reconnaître que cela mobiliserait beaucoup de ressources ; tant au moment de l'indexation (volume des bases de données) que lors des recherches (temps de réponse).

... et utilisez-le aussi chez les autres.
Vous pouvez assez simplement sonder le contenu d'un blog sans que le moteur n'y soit en place. Les contenus sont déjà indexés et il suffit de savoir écrire une URL pour lancer une recherche. À l'adresse du blog Hautetfort que vous explorez, ajoutez-donc /search/ puis un mot et validez, vous obtiendrez une liste de résultats. La preuve : http://geemee.hautetfort.com/search/zorglub

Pour rechercher une expression composée de plusieurs mots, comme "élément de colonne", alors que le moteur n'est pas en place, c'est à peine plus compliqué. Il faut remplacer les espaces par %20. La preuve http://geemee.hautetfort.com/search/élément de colonne ne donnera rien, alors que http://geemee.hautetfort.com/search/élément%20de%20colonn... donnera les résultats du moteur.

C'est plus simple que d'utiliser la recherche avancée de Google sur laquelle nous reviendrons plus tard.

Nous verrons d'abord comment personnaliser le moteur interne.

Lectures conseillées :
- La rubrique contenu des colonnes de la base de connaissances Hautetfort
- Gérer le contenu des colonnes de votre blog, ici-même

15:11 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (2) | Tags : moteur, recherche, rechercher, élément de colonne, colonne | |  del.icio.us | | Digg! Digg |  Facebook

19.03.2010

Créer une page de contact avec PollDaddy ?

Alexandra postait mardi 16 mars dernier une note "Des formulaires sur son blog, grâce à Polldaddy", qui nous permet de disposer d'un outil supplémentaire pour pallier une carence : le formulaire de contact.

Je vais regarder dans le détail la mise en place d'un tel formulaire, comme je l'avais fait l'été dernier avec EmailMeForm.

Le feuilleton avait commençé ici, et l'ensemble des notes avait été réuni dans un document à consulter et ou télécharger sur Scribd et ou Calameo.

10:03 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (0) | Tags : formulaire, contact, emailmeform, polldaddy | |  del.icio.us | | Digg! Digg |  Facebook

05.03.2010

Plus de 100 services pour raccourcir une adresse longue et combien pour connaître la véritable destination ?

Le titre est un peu racoleur, j'en conviens, mais vous conviendrez que vous rencontrez toujours plus d'URL courtes. Elles commencent le plus souvent par tinyurl.com, minu.me, bit.ly, goo.gl ou ow.ly et se terminent par une brève suite de caractères. Ces adresses courtes conduisent à des pages dont l'adresse exacte est trop longue à reproduire. Pourquoi raccourcir une longue URL, comment rétablir une courte URL ? Et inversement.

Vous trouverez en bas de la note les services de raccourcis listés par un developpeur, sans que cela prétende à l'exhaustivité.

Lire la suite

16:20 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (4) | Tags : bit.ly, ow.ly, minu.me, shorten url, the real url, interclue, short url, twitter | |  del.icio.us | | Digg! Digg |  Facebook

02.03.2010

Publier ses notes Hautetfort sur Twitter - Personnaliser le message

Après la note sur le blog Hautetfort et la mienne qui vous expliquait en vidéo comment publier vos notes de blog Hautetfort sur Twitter, nous passons maintenant à la "personnalisation" du message de publication. Les possibilités sont limitées, et c'est une raison de plus pour y regarder de plus près.

blog-twitter-saisie.pngUn "twit" ne contient pas plus de 140 caractères, je n'apprends rien à ceux qui pratiquent. Pour que les utilisateurs s'y retrouvent facilement le nombre de caractères disponibles s'affiche au-dessus du cadre de saisie, quitte à passer en négatif pour vous indiquer le nombre de caractères à supprimer. Et comment compte Hautetfort pour que cela ne dépasse pas ? Ça dépend.

Lire la suite

14:47 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (2) | Tags : twitter, hautetfort | |  del.icio.us | | Digg! Digg |  Facebook

24.02.2010

Publier ses notes Hautetfort sur Twitter - Mise en place et premier "twit"

Depuis le 22 février 2010, les blogueurs Hautetfort qui possèdent aussi un compte Twitter, peuvent facilement twitter une note quand ils l'enregistrent. Voyons comment mettre en place cette fonctionnalité et envoyer notre premier "twit" avant de personnaliser le message de publication.

La note "Publiez très facilement vos notes sur twitter" préparée par Osmany pour Leblog.Hautetfort.com pourrait vous suffire, aussi la vidéo que je vous propose plus bas doit être vue comme un complément.

Lire la suite

16:07 Écrit par Gee Mee dans Boîte à outils, Vidéo | Lien permanent | Commentaires (6) | Tags : twitter, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

22.01.2010

Agrandir la fenêtre de l'éditeur de notes Hautetfort

Vous le savez, ne niez pas, copier vos notes écrites dans un logiciel de traitement de texte pour les coller dans votre éditeur de notes en ligne, c'est mal ! Et c'est valable pour toutes les plateformes de blogs, sans exception.
La nouveauté chez Hautetfort, c'est que vous avez une excuse de moins : vous pouvez augmenter la surface d'affichage de l'éditeur de note.


Ce n'est pas que vous enfreigniez un principe moral. C'est juste que le texte qui vient de MS Word, et même de OpenOffice Writer (même si c'est beaucoup moins vrai), "emporte" une quantité impressionnante de code. Cela perturbe le fonctionnement des applications, et occupe bien trop d'espace dans les bases de données. À la suite d'Alexandra, je me suis permis de dire que coller n'est pas jouer.


Coller quand même

Lire la suite

10:00 Écrit par Gee Mee dans Boîte à outils, Vidéo | Lien permanent | Commentaires (2) | Tags : éditeur, afficher, vidéo, hautetfort, blogspirit | |  del.icio.us | | Digg! Digg |  Facebook

18.01.2010

Publier ses notes par e-mail : API c'est tout ?

Dans sa note du jour intitulée "Mille et une façons de publier vos notes sur votre blog Hautetfort, y compris via des applications iPhone" Osmany nous permet d'entrevoir des outils assurant l'interopérabilité de la plateforme Hautetfort avec bien d'autres services. Je suis très curieux d'explorer tout cela, même si je crains qu'il faille porter un casque.

Je saisis cette occasion pour vous rappeler les trois notes publiées ici en juin dernier au sujet de la publication par e-mail. Cela peut intéresser les non-possesseurs d'Iphone, tant il semble que cet appareil devienne une norme à partir de laquelle nous devrions nous définir.


23/06 - Publiez vos notes par e-mail

Première note publiée à l'aide de mon téléphone portable.


24/06 - Publiez vos notes par e-mail : comment ça marche ?

Première note publiée à partir d'un logiciel de messagerie standard. Si l'on peut dire.


26/06 - Publiez vos notes par e-mail : pour quoi faire ?

Où le micro-blogging peut permettre le collaboratif...



11:11 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (0) | Tags : publication, e-mail, microblog, hautetfort | |  del.icio.us | | Digg! Digg |  Facebook