nuage de tags

"Blogumus" Flash est un widget à partir nuage de tags qui utilise des scripts converti à partir du Roy Tanck WP Cumulus plugin pour Wordpress. Je suis tombé sur le site:

http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html

où Amanda a tout simplement converti le plugin pour une utilisation dans blogs de Blogger. Dans ce post, je vais vous expliquer comment vous pouvez ajouter Blogumus à votre Blogger Blog !


Comment ça marche?

Ce widget utilise une combinaison de Javascript et de l'animation Flash pour analyser et afficher votre blog étiquettes. Une fois installé , il devrait fonctionner "out of the box" sans aucune modification supplémentaire, même si bien sûr vous pouvez changer les variables pour la couleur, l'origine et la taille, le cas échéant. Vous devez également être en mesure de déplacer le Label Cloud widget sur la page Éléments de la page de votre tableau de bord si vous préférez afficher dans un endroit présentation différente. Pour voir Blogumus en action, Flash et Javascript doit être installé et activé pour votre navigateur Internet. Toutefois, il ne se dégradent relativement gracieusement, et les liens de label sera toujours cliquable (mais pas d'animation) pour ceux qui n'utilisent pas de Flash JavaScript (y compris les moteurs de recherche).


Comment installer Blogumus sur un Blogger Blog

Installation Blogumus dans votre mise en page Blogger est étonnamment simple! Vous ne devriez avoir besoin que de copier et coller une section de code à votre modèle Blogger, mais pour changer le style d'affichage, il faudra une modification manuelle. Voici les étapes requises pour installer Blogumus dans votre mise en page Blogger.

Tableau de bord:

Aller à la mise en page:

Modifier le code HTML dans votre tableau de bord Blogger, et la recherche de la ligne suivante (ou similaire):

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

Immédiatement après cette ligne, collez la section de code suivante:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Ensuite, un aperçu de votre modèle.

S'il est installé correctement, vous devriez voir le nuage de tags apparaissent dans votre barre latérale.

Ensuite, vous êtes libre d'enregistrer votre modèle, de modifier les couleurs et les dimensions requises, ou le déplacer vers un autre emplacement.

C'est tout!


Personnalisation Blogumus

Dans cette installation par défaut, Blogumus comprend les variables suivantes prédéfinis:


    * Largeur est fixé à 240px
    * La taille est définie à 300px;
    * La couleur de fond est blanc
    * Test de couleur est gris
    * Taille de la police est "12"


Si vous préférez faire votre widget plus large, plus courte, changer les couleurs, etc, vous aurez besoin de faire ça en éditant les différentes parties du code. Je vais passer par ces options dans l'ordre où elles apparaissent dans le code du widget. Modification de la largeur et la hauteur de variables pour la largeur et la hauteur se trouvent dans cette ligne du script:

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

La largeur (actuellement 240) est en rouge, tandis que la hauteur (300px par défaut) est en bleu. Ces valeurs numériques préciser la largeur et la hauteur en pixels, de sorte que vous pouvez modifier ces de vous préférez.


Modification de la couleur de fond:

Vous pouvez changer la couleur de fond de blanc à toute autre couleur en modifiant la valeur hexadécimale dans la même ligne:

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Par exemple, si vous préférez un fond rouge vif, vous pouvez remplacer # ffffff avec # ff0000. Modifier la couleur du texte par défaut, le texte est configuré pour afficher en gris foncé (valeur hexadécimale # 333333). Vous pouvez modifier cette variable dans la ligne suivante:

so.addVariable("tcolor", "0x333333");

Soyez conscient que TColor "est une variable Flash et ne comprend pas le symbole de hachage habituels des codes de couleur hexadécimal. Assurez-vous de remplacer uniquement les chiffres!

Régler la taille de la police:

La taille de police maximum de balises est spécifié dans cette ligne:

so.addVariable("tagcloud", "");

Vous pouvez modifier ce afin d'assurer tags sont affichés dans une police plus grande ou plus petite si vous préférez en changeant "12" à un nombre plus ou moins. Tout en faisant l'une de ces changements, vous devriez être en mesure de prévisualiser votre widget et être certain que votre nouveau choix de couleur, les dimensions et le fond sont adaptés à vos besoins.

Crédits, le soutien et les exigences

Blogumus est basé sur le plugin original WP Cumulus par Roy Tanck, et a été converti pour une utilisation avec Blogger par Amanda. S'il vous plaît laissez les liens de crédit dans le code du widget intact. Ils ne seront pas vus par la majorité des lecteurs de votre blog (comme ils ne s'affiche que si JavaScript et Flash n'est pas activé), mais en laissant intacte ces liens est une excellente façon de passer un peu d'amour lien à Roy pour tout son travail dur, et d'informer les autres utilisateurs de Blogger qui ils peuvent trouver les codes widget sur ce site.