Au bas du blog

Le widget est seimple à mettre en place sans modification du votre template. Comment s'y faire?

1. Connectez-vous à https://www.blogger.com/
2. Allez dans MISE EN PAGE
3. Cliquez sur ajouter un gadget
4. Sélectionnez HTML/JavaScript

5.Copiez/Collez le code suivant

<style type="text/css">
ul.latest_recent_comments{
list-style:none;
margin:0;
padding:0;
}
.latest_recent_comments li{
background:none !important;
margin:0 0 6px !important;
padding:0 0 6px 0 !important;
display:block;
clear:both;
overflow:hidden;
list-style:none;
}
.latest_recent_comments li .avatarImage{
padding:3px;
background:#fefefe;
-webkit-box-shadow:0 1px 1px #ccc;
-moz-box-shadow:0 1px 1px #ccc;
box-shadow:0 1px 1px #ccc;
float:left;margin:0 6px 0 0;
position:relative;
overflow:hidden;
}
.avatarRound{
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}
.latest_recent_comments li img{
padding:0px;
position:relative;
overflow:hidden;
display:block;
}
.latest_recent_comments li span{
margin-top:4px;color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
.latest_recent_comments span{
display:none;
}
</style>
<script type="text/javascript">
//<![CDATA[    // Recent Comments Settings    var numComments  = 5, showAvatar  = true, avatarSize  = 60, roundAvatar = true, characters  = 30, showMorelink = true, moreLinktext = "More �", defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script>
<script type="text/javascript" src="http://yourjavascript.com/58121378161/www.mybloggertopic.blogspot.com.js"></script>
<script type="text/javascript" src="http://palabre-astuces.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=6"></script>

6. Remplacez l'adresse mail en rouge par l'adresse de votre blog
7. Enregistrez et admirez le résultat

N'hésiter pas de me laisser dans les commentaires votre appréciations de ce widget.

Astuces similaires : Astuces, Commentaires, Design, Mise en page, Widget