Bonjour, aujourd'hui je vais vous montrer comment
ajouter des boutons de suivi sur les réseaux sociaux à vos blogs, qui vont se
situés sur la barre latérale.
Pour
le faire il suffit d'aller au tableau de bord de
votre blog, chercher "mise en page" ensuit sélectionner "ajouter un gadget", après choisissez "HTML/javascript" et coller le code suivant à l'intérieur du cadre, enfin enregistrer.
----------------------------------------------------
Code
<style>
#main_cbt_icons {
width:222px;
height:37px;
}
#facebook {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#twitter {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#google_plus {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#rss {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#youtube {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
img:hover {
-webkit-transform: scale(1.1) skewX(2deg) skewY(2deg);
-webkit-transform-origin: 0% 0%;
-moz-transform: scale(1.1) skewX(2deg) skewY(2deg);
-moz-transform-origin: 0% 0%;
-o-transform: scale(1.1) skewX(2deg) skewY(2deg);
-o-transform-origin: 0% 0%;
-ms-transform: scale(1.1) skewX(2deg) skewY(2deg);
-ms-transform-origin: 0% 0%;
transform: scale(1.1) skewX(2deg) skewY(2deg);
transform-origin: 0% 0%;
}
</style>
<div id="main_cbt_icons">
<div id="facebook">
<a href="http://www.facebook.com/http://addblogueur.blogspot.com/" target="_blank" title=" Suit Nous Sur Facebook"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhWqREKOQqw5DZ95Wjr-9MAdnucyQoadk5nSDlCvU3d-HHFEw2tEdZ6ENO-OfWDFl9c5AV-DVSj9YCFAQW0xPcIJVcHn0DLzOBMlmM8vUFk3FTAA-VBJgbw5mkwZvc4_1W8YoML3fdQ0/s1600/social-facebook-box-white-icon.png"
/></a>
</div>
<div id="twitter">
<a href="http://www.twitter.com/ http://addblogueur.blogspot.com/" target="_blank" title=" Suit Nous Sur Twitter"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCJnUl3bQ-4WaaAAtRkwWE4uQIBgfCZBa9LdLbDdJtfNGmbrvdthL2iEWMBv2rv94US6bGf7uYhTDMIHK9op5j_6TnWOxQw_wQcSOBqngcleVfo97gJg8x9M0KUGF6FqlvXcQAbo3Z3c/s1600/social-twitter-box-white-icon.png"
/></a>
</div>
<div id="google_plus">
<a href="https://plus.google.com/ http://addblogueur.blogspot.com/" target="_blank" title="Suit Nous Sur Google+"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6tV7dxNlmkYxpk-TfRUv9PMeExg6rb8lSnWcEQAO-GCVj1jKtHlYh6FYswfUHjn-YMcsVCZ6v4L27T1JtjqtUg_ehkW0RU84e0IY9evc6iuadKEn_-qHOE3L-yySl5EZdUn_zYVtUcZQ/s1600/social-google-box-white-icon.png"
/></a>
</div>
<div id="rss">
<a href="http://feedburner.google.com/fb/a/mailverify?uri= http://addblogueur.blogspot.com/&loc=en_US"
target="_blank" title="''S'inscrire via Rss"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1dZ3g-2rQKCR-mehRtbkwxpQ27q06b-cKakYMvMPrsqQP74FwaWxj0qQ2sYjL31xjfKwkEBETp4MxzdGUsALKh8y4RcGEHoaVfNkNDuI3SSbzWWleYOeilZ8jO0O90MDcVYdLwG3wSpA/s1600/social-rss-box-white-icon.png"
/></a>
</div>
<div id="youtube">
<a href="http://www.youtube.com/ http://addblogueur.blogspot.com/" target="_blank" title="Notre
Chaine Youtube"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdbiZcckUMfcM2TYtf8kJpBGffveO8g2geNJvMDqVzKH3QJmSfeD0GAB6D2F60xee5Pbhzlxj1h4h8Un3eF1a4ni7AoMCt9UfzYfoAltVL0EDjLRP834bTzDv8jEz9VFLHqA1FIuF4uc/s1600/YouTube-icon+%25281%2529.png"
/></a>
</div>
</div>
--------------------------------------------------
n'oubliez pas de changer ce qui est en rouge aux adresses correspondantes à vos pages
--------------------------------
Images
"mise en page"
"HTML/javascript"
enjoy it !!!
