26 Octobre 2012
/http%3A%2F%2F3.bp.blogspot.com%2F-ceo9xD5FsFI%2FUIqBEUgcdAI%2FAAAAAAAAbbo%2FT8YsA5ofmUs%2Fs400%2Fimage%5B10%5D.png)
Gadget article recommandé en slide pour Blogger | LeBlogger : Astuces Blogger et Blogspot
Vous connaissez le gadget
pour articles similaires à la fin des articles, grace au libellés.
Maintenat je vous propose ici un autre gadget qui peut faire qu'un visiteur
puisse lire plus d'un article sur votre blog.
C'est un slide out, trouvé chez Blogger
Pluggins, qui affichera un article recommandé au lecteur au coin droit du
bas des pages d'articles de votre blog.
Si vous êtes prêt à avoir ce gadget "article recommandé" sur votre blog,
voici les étapes à suivre pour cela :
1. Connectez vous à votre
compte blogger, cliquez sur “Modèle” pour le blog où vous allez ajouter la
fonctionnalité. Sur la page qui va s’afficher, cliquez sur “Modifier le code
html” puis sur “Traiter”. Cochez ensuite sur “Développer les modèles de
Gadgets”.
2. Trouvez la balise :
]]>
3. Ajoutez ce code css juste avant la balise ci-haut :#bpslidein{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #1616F5;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-2px 0 5px #aaa;font-family:Arial, Helvetica, sans-serif;}
#bpslidein p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#bpslidein_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}
#bpslidein a,#bpslidein a:hover,#bpslidein_title{text-decoration:none;color:#1616F5;}
#bpslidein .close,#bpslidein .expand,#bpslidein .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#bpslidein .help{right:35px;}
#bpslidein_title,#bpslidein_image{float:left;width:80px;}
#bpslidein_title{width:290px;}
4. Trouvez l'un des bouts de code ci-après :