mercredi 4 novembre 2015

Gadget/Widget

 Explication:

 Sans gadgets/widgets, un blog n'a pas de personnalité, or, moi ce que je recherche, c'est avoir un blog qui me "ressemble". Je vais ici vous expliquer comment j'ai ajouté les widgets qui ne nous sont pas donnés à mon blog.
 1) Allez dans le "home" ( https://www.blogger.com/home )
 2) "Mise en page"

 3) Cliquez sur "Ajouter un gadget"





 Une liste s'offrira alors à vous et si vous voulez des gadgets proposés, je n'ai plus rien à vous expliquer, par contre si vous en voulez d'autre (tel que j'ai), continuez la lecture.


 La barre de progression (Lecture en cours):

 

  Comme vous avez pu le constater, j'ai en haut à droite, une barre de progression pour ma lecture en cours, c'est très simple à faire. Une fois dans la liste des gadgets, sélectionner "HTML/JavaScript".
 Dans le contenu, coller ceci

 <img height="196" src="ADRESSE URL DE L'IMAGE" width="124" / /><br /><progress id="progressBar" max="100" value="85"></progress><br />
 
Pour mettre à jour votre progression il vous suffira par la suite de modifier le pourcentage (en gras) manuellement. 
 Et à vous d'ajuster la taille de votre image comme vous le souhaitez, car la taille de la barre de progression ne change pas et est assez petite.
(PS:Pour connaitre l'URL de votre image (Car oui, vous n'aller pas laisser ADRESSE URL DE L'IMAGE), je vous invite à aller sur http://www.noelshack.com/

Veuillez garder les " quand vous coller l'URL.)

Libellés (Tags) en nuage de mots clés: 

 Je vais ici vous expliquer comment j'ai du faire, mais si vous n'avez pas la même "configuration" que moi, voici une explication aussi très complète: http://www.leblogger.com/2009/07/libelle-nuage-mots-cles-flash-blogger.html
 Pour ce faire, il faut déjà avoir plusieurs tags sinon ça ne marchera pas.
 1) https://www.blogger.com/home
 2)"Modèle" (Même manipulation que plus haut pour la "Mise en page", "Modèle" est juste en dessous)
 3) Cliquez sur "Modifier la code HTML"

(Une série de lettres multicolores vont apparaitre)
4) Trouvez  <b:widget id='Label (...)  et remplacer le par le contenu ci-dessous. (Le remplacement ce fait de <b:widget id='Label y compris, jusqu'au premier </b:widget> y compris aussi, que vous rencontrerez plus bas)
  (Aidez vous de la technique Ctrl+F, pour moi, ça n'a pas marché, j'ai alors été dans "Accéder au widget" pour le trouver)

 Voici ce par quoi vous devez remplacer: 

 <b:widget id='Label5' locked='false' title='Libellés' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    &lt;object type="application/x-shockwave-flash" data="http://blogspot.leblogger.com/divers/tagcloud00.swf" width="300" height="200" allowscriptaccess="always" &gt;
        &lt;param name="movie" value="http://blogspot.leblogger.com/divers/tagcloud00.swf" /&gt;
        &lt;param name="bgcolor" value="#ffffff" /&gt;
        &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=150&amp;tagcloud=&lt;tags&gt;
      <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='10'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
        &lt;p&gt; Un &lt;a href='http://www.leblogger.com/2009/07/libelle-nuage-mots-cles-flash-blogger.html'&gt;Nuage en Flash&lt;/a&gt; par &lt;a href='http://www.leblogger.com/'&gt;Le Blogger&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

 Pour personnaliser: 
Changez uniquement les paramètres en rouge pour personnaliser l’affiche du widget :

  • Largeur et hauteur du Widget: width="300" height="200"
  • Couleur de l'arrière plan: name="bgcolor" value="#ffffff"
  • Couleur du Texte: tcolor=0x000000     *
  • Vitesse de rotation des mots clés: speed=150   (plus tu augmentes, plus ça va vite)
  • Taille des mots clés: style='10'
 *Pour trouver le code HTML d'une couleur, je vous invite à aller sur ce site:  http://html-color-codes.info/Codes-couleur-HTML/


 Twitter:

Le plus facile, la gadget Twitter (officiel). Pour ce faire:
 1) Allez dans les paramètres de son compte sur le site officiel: https://twitter.com/
 2) En bas à gauche de votre écran, vous trouverez: "Widgets".

 

 3) "Créer un widget

 

 

4) Configurer et puis c'est bon ! 

----------------------------------------------------------------------------------------------

  J’espère avoir pu vous aider.  ;)

ConstanceGrs

 

 

Aucun commentaire:

Enregistrer un commentaire

Related Posts Plugin for WordPress, Blogger...