Samedi 16 avril 2011
6
16
/04
/Avr
/2011
10:00
Afin d'accroître la notoriété de vos articles vous avez dès à présent la possibilité d'installer le nouveau bouton de boost de Wikio.
Par défaut, le bouton est conçu pour
apparaître dans les articles, simplement en
copiant le code généré par Wikio dans l'interface dédiée.
Nous avons fait un premier tutoriel pour vous expliquer l'installation du bouton de boost sur
Blogspot.
Cependant bien que le bouton soit fonctionnel il ne s'affichait pas
sur la page d'accueil avec l'ensemble des posts publiés par ordre chronologique.
Nous avons donc voulu faire
évoluer ce point et c'est tout l'intérêt de l'article qui suit.
A travers ce tutoriel vous pourrez installer le bouton de boost sur blogspot de manière plus esthétique en haut de votre article afin d'améliorer sa visibilité mais aussi changer son design et se
présentation.
Voici donc une explication pour vous aider à mettre vos articles en valeur et les "booster"
1) La première étape consiste à se rendre dans le tableau de bord Blogger et de cliquer sur « présentation » puis « modifier le code HTML »,
Ensuite, cliquez sur « développer des modèles de gadgets »
2) Une fois arrivé dans la bonne interface, collez-y le code HTML délivré par Wikio. faites un recherche (
Ctrl + F ) et collez y :
<data:post.body/>, c'est apès ce code que les modifications vont opérer.
Vous allez donc coller ce texte sous ledit code:
<span class='item-action'>
<a expr:href='&quot;http://www.wikio.fr#vurl=&quot; + data:post.url' target='_blank'><script
expr:src='&quot;http://www.wikio.fr/getvote?style=squareblue&amp;url=&quot;+ data:post.url'
type='text/javascript'/></a>
</span>
<data:post.body/>
Bravo ! Vous avez réussi a installer votre bouton dans votre texte, cependant vous avez la possibilité de modifier votre bouton en fonction de vos goûts et personnaliser la présentation de votre
article.
3) Vous pouvez donc personnaliser votre bouton en fonction de vos goûts, pour se faire, il suffit de modifier le style dans le code html.
(style=squareblue) en remplacant
le "squareblue" par squarewhite, capsuleblue,capsulewhite ou squareblue, dans l'ordre. A vous de choisir !
4)
Vous pouvez également modifier la position du bouton en
le placant sur la gauche ou la droite,
e n modifiant dans votre code la phrase surlignée ci-dessous (left ou right, margin-right ou margin-left etc...)
Le "float" est très important puisque c'est l'élément qui permettra la mise en forme du texte à côté du bouton.
<div style='float:left;
margin-right:4px; margin-top:10px'>
class='item-action'>
<span
expr:href='"http://www.wikio.fr#vurl=" <a +
data:post.url' expr target='_blank'> script <: src = "http://www . wikio.fr getvote / style carré blanc = & url = "+ données:" type = "text
post.url'/></ javascript / a>
</
Span>
</
Div>
<data:post.body/>
5)
Enfin et pour finir, pour que vos articles puissent être boostés de manière efficace sur l'ensemble des navigateurs, nous vous invitons à supprimer le
code: <div style='clear:
both;'/> <!-- clear for photos floats -->
.
Ou à l'utiliser comme un commentaire en copiant/collant à la place:
<!-- <div style='clear: both;'/> clear for photos floats
-->
En espérant que ce tutoriel vous aidera à améliorer votre visibilité, nous nous retrouvons très prochainement pour la suite des tutoriels.
Bonne journée,
Ambre
