Ce tutoriel vous explique comment créer un widget, pour que vos visiteurs fassent un lien vers votre article. je viens installer ce widget ou gadget dans le blog . Le widget propose 3 codes ( URL de l'article, le code HTML pour intégrer dans des messages à un site, un lien Forum pour intégrer votre message à un forum)

ci-dessous de l'article il y a l'exemple



alors suivez les étapes indiquées ci-dessous :

1.Connectez-vous à votre tableau de bord Blogger -> mise en page --> Modifier le code HTML


2.Faites défiler jusqu'à l'endroit où vous voyez

</head>

3.Copiez le code ci-dessous et collez-le juste avant la </head>

Le code CSS :

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>

4.Maintenant trouverez ci-dessous le code:

<data:post.body/>

5.Copiez code ci-dessous et collez-le juste après la <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Si vous trouvez cet article utile, faite un lien dans votre blog.</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;Lien HTML:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Lien Forum:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://www.lebloggers.blogspot.com/' style='display:none;' target='_blank'>Widget par Le Bloggers du Net</a></p>
&lt;/div&gt;<br/>
</b:if>
NOTE : Ne changez rien dans le code ci-dessus.

6.Enregistrez votre modèle et vous avez terminé.

2 commentaires:

  1. ma première fois ici
    vraiment magnifiques photos! mais je suis s?r que tout le monde vous l'a dit:)
    recettes intéressantes
    reviendra bient?t: D.

    RépondreSupprimer

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top