Comment intégrer Liens code URL, HTML, Forum en dessous articles Blogger

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é.