Magazine High tech

Hacks et widgets Nuage de tag ou "Cloud tag" Blogger

Publié le 28 octobre 2008 par Rcyberbob

les nuages de libellés ou Clous tags sont devenus à la mode ces derniers temps, on les retrouve dans les Blogs, les sites... Certes ils aoute un look au blog mais le plis important c'est quils permettent un surf rapide et facile pour vos visiteurs. Blogger ne prévoit pas ce service, mais des hacks et widgets sont disponibles pour les afficher un cloudtag sur votre Blog. je vous propose aujourd'hui 5 services et/ou hacks pour avoir un joli nuage de libellés.

Un hack pour Blogger I: Créer par phydeaux il permet d'afficher un tag cloud sur blogger. il s'agit d'un hack, c'est à dire des petite manipulation et des codes à ajouter à votre template et voila le travail et fait.

Pour faire fonctionner ce hacks vous devez éditer votre template. Donc attention et n'oubliez pas de télécharger votre template avant toute manipulation. le travail consiste en trois étapes, ren de plus facile. " l'article en intégralité et en anglais sur le site de phydeaux"

Etape 1: Sur votre tableau de bord, éditer votre page HTML puis développer les modèles de gadgets.

Chercher cette ligne de code ]]></b:skin> (CTRL+f pour facilité la recherche) et y placer le code suivant "File 1" avant.

Etape 2: Ensuite, cette fois après ]]></b:skin> insérer le code : "File 2"

Etape 3: Enfin remplacer le code suivant

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

par celui ci : "File 3"

un hack pour Blogger II: Ce hack est créé par Raymond dans son blog Compender,  c'est facile à insérer, juste une ligne de code à insérer sur votre template.

Si vous avez déjà installé un label page élément, vous pouvez le faire facilement sur "ajouter un élément et choisir libellé". si vous l'avez passons à l'insertion du widget.

Chercher le code suivant

<b:widget id='Label1' locked='false' title='Tags' type='Label'>
............
............ </b:widget>

et remplacer le par celui-ci : "File 5"

WoWzio : WoWzio est un site qui propose plusieurs widgets, Panoramic slideshow, Liveactivity, Photogallery, Feedcontent, slideshow, et Tagcloud. Toutes les widgets sont gratuites et vous pouvez les personnaliser gratuitement. Il vous suffit d'entrer l'URL de votre site et personnaliser comme bon vous semble.

Flash labelCloud (Blogumus): Amanda sur Bloggerbuster propose labelcloud créer avec la technologie flash, il permet d'afficher vos label en cercle qui commence à tourner une fois que vous passez la sourie en dessus. c'est très simpas. Pour insérer ce widget sur votre blog, il vous faut manipuler votre template, quelques codes et le travail est joué. je vous présenterais auss i comment personnaliser ce widget selon les instruction de Amanda (l'article original en anglais).

Pour insérer ce widget suivez les étapes suivantes : sur votre tableau de bord, modifier votre code HTML et développer les modèles de widgets. 

trouver le code suivant :

<b:section class='sidebar' id='sidebar' preferred='yes'>

et immédiatement après cette ligne, insérer le code suivant: "File 4". et le tour est joué.

Pour personnaliser votre widget : taille (hieght et width, couleur de fond et des labels)

  • Width (largeur): valeur par défaut '240px', changer cette valeur à (+)240 pour une plus grande largeur ou (-)240 pou mois de largeur.
  • Height (Hauteur): valeur par défaut '300px), même raisonnement.
  • Backgroud color: par défaut blache (#ffffff), en changeant cette valeur à (#000000) devient noir. Donc vous pouvez utilisez un éditeur de couleur pour changer cette valeur.
  • la valeur de la police : 12, changer (+) 12 pour une valeur grande et (-)12 pour une valeur petite.
  • la couleur du text (gris: #333333): changer cette valeur comme cela vous semble.

Technorati TagCloud Widget : il vous suffit de vous rendre sur le site de technorati et dans la rubrique widget sur votre tableau de bord, choisissez parmi les widget TagCloud widget, ou copier et coller directement le code suivant:

<script src="http://widgets.technorati.com/t.js" type="text/javascript"> </script>   <a href="http://technorati.com/tag/?sub=tr_global-tagcloud_t_ns" class="tr_global-tagcloud_t_js" style="color:#4261DF">Technorati Top Tags</a>

TagCloud sites Generator:

J'espère que vous allez apprécier cette collection et si vous avez d'autre faite moi part.

Enjoy!!!

Technorati Tags: Label,Tag,Cloud,Widget,Hacks,Blogger,Blog

Retour à La Une de Logo Paperblog

LES COMMENTAIRES (2)

Par Vodka
posté le 13 décembre à 17:17
Signaler un abus

Merci beaucoup pour cette astuce. Je suis en train de crée mon premier blog chez blogger et ne trouvais pas comment ajouter le tag comme un blog sous wordpresss. Merci

Par Charlotte
posté le 26 septembre à 21:34
Signaler un abus

Bonsoir, Je cherche à ajouter des cloud tags sur mon blog (blogger) et j'ai suivi les étapes du modèle de Raymond mais je ne trouve pas le code de la 3ème étape à remplacer??!!! j'ai bien b: widget mais après j'ai du id=pagelist 1 ou du id=blog1 ... et jamais de Label1 !!! HELP je ne comprends rien!!! merci

A propos de l’auteur


Rcyberbob 134 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine