Widgets| 3 styles de boutons pour les réseaux sociaux

Vous voulez que vos lecteurs visitent vos pages facebook, votre compte twitter votre chaine youtube, votre page google+, ou qu'ils s'abonnent à vos derniers messages, voici 4 façons d'y arriver.

Connectez-vous à votre http://draft.blogger.com/
Choississez "ajouter un gadget" ==> choisissez "HTLM/Javascript" cliquez sur le +
Copiez le code suivant et collez le dans le champ

Style 1

< style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
< /style>

< center><p id="hb_socialicons">
<a href="http://www.facebook.com/palabreinfos.leblog/">
< img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVr99f-wE-nkWeYHNGP8dd9Ao9HtLc6BrSIL8IVReKXyzhEVQ9cPFC0hIIVyP4VTczPY2tFUa_ILkv3WF14cFC3j8XqA-GvnR3CGYLmX-QIc1oVLZh-RVtYjEQI7GsKCw-UTmtfTZZ-E/s1600/helperblogger.com-facebook.png" /></a>
<a href="http://www.twitter.com/Palabreastuces">
< img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeZjCUTSqBM3Z_me-mij68jr4k7WOzjJS-OLKIiKyUaQxux_3FfRf13DBtVONQd2tJgqCozGkUBE9iBCFGyyzSgc_bt2i-pzbOHkB9KKM_wIhjhAx3qQBuKoiLRnmYuFIDI2JpbhBGEo/s1600/helperblogger.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102800137262211451364">
< img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgc0THKDpiTHIPX7Aidq_xFgL6JuWc44zD9tCvsIWx4AnZEDuVCiDOgCeVqgAqlWMvU95y4ayrt7hKZVpdOVsv2wgyx72JVleX8gycUQJsKeqDV7adxj0C_99LUgWG0L2fgpkxGWMiROw/s1600/helperblogger.com-google_plus.png" /></a>
<a href="http://www.feeds.feedburner.com/palabreastuces/">
< img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhImhWN71LcVp7DTslvncjlvMbaJ0x-e_qpeaMvvIesVwQvG-uD3t4o2qb6vL8whjigpiLDwageeUDMjRoF0U2QzToAO8K-fPzQZrZM2kh7j4OtHR8A7hxDOC9hIugxLzK6ysxNj_EgsXY/s1600/helperblogger.com-rss.png" /></a>
<a href="http://www.youtube.com/PALABREVIDEOS/">
< img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYEytsDR24xYNRwbKManvYDh8D2mjjk-p23h99QbQtNTSgMfSfzCgw-KWt2xXVJijxjvbaF1OQQsuaLBtEnqwG65XLQHsQxj7gOg5hAT_fq-mq9EQeDbJEtIgybBupa9Chp_hmO9jEWI/s1600/helperblogger.com-youtube.png" /></a>
< /p></center>

Style 2

 
Code à  copier et à  coler

<style>p#hb_socialicons img {

 /* Spinning Social Icons Widget By HelperBlogger */

    -moz-transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

p#hb_socialicons img:hover {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

/* Spinning Social Icons Widget By HelperBlogger */

</style>  

<center><p id="hb_socialicons">

    <a href="http://www.facebook.com/nom de votre page ou profil/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVr99f-wE-nkWeYHNGP8dd9Ao9HtLc6BrSIL8IVReKXyzhEVQ9cPFC0hIIVyP4VTczPY2tFUa_ILkv3WF14cFC3j8XqA-GvnR3CGYLmX-QIc1oVLZh-RVtYjEQI7GsKCw-UTmtfTZZ-E/s1600/helperblogger.com-facebook.png" /></a>

    <a href="http://www.twitter.com/votre compte twitter/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeZjCUTSqBM3Z_me-mij68jr4k7WOzjJS-OLKIiKyUaQxux_3FfRf13DBtVONQd2tJgqCozGkUBE9iBCFGyyzSgc_bt2i-pzbOHkB9KKM_wIhjhAx3qQBuKoiLRnmYuFIDI2JpbhBGEo/s1600/helperblogger.com-twitter.png" /></a>

    <a href="https://plus.google.com/u/0/votre ID google plus">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgc0THKDpiTHIPX7Aidq_xFgL6JuWc44zD9tCvsIWx4AnZEDuVCiDOgCeVqgAqlWMvU95y4ayrt7hKZVpdOVsv2wgyx72JVleX8gycUQJsKeqDV7adxj0C_99LUgWG0L2fgpkxGWMiROw/s1600/helperblogger.com-google_plus.png" /></a>

    <a href="http://www.feeds.feedburner.com/nom de votre flux feedburner/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhImhWN71LcVp7DTslvncjlvMbaJ0x-e_qpeaMvvIesVwQvG-uD3t4o2qb6vL8whjigpiLDwageeUDMjRoF0U2QzToAO8K-fPzQZrZM2kh7j4OtHR8A7hxDOC9hIugxLzK6ysxNj_EgsXY/s1600/helperblogger.com-rss.png" /></a>

    <a href="http://www.youtube.com/votre profil youtube/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYEytsDR24xYNRwbKManvYDh8D2mjjk-p23h99QbQtNTSgMfSfzCgw-KWt2xXVJijxjvbaF1OQQsuaLBtEnqwG65XLQHsQxj7gOg5hAT_fq-mq9EQeDbJEtIgybBupa9Chp_hmO9jEWI/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

Style 3

Code à copier et à coller

<style>p#hb_socialicons img {

/* Spinning Social Icons Widget By HelperBlogger */

-moz-transition: all 0.8s ease-in-out;

-webkit-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

-ms-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;

}

p#hb_socialicons img:hover {

-moz-transform: rotate(-360deg);

-webkit-transform: rotate(-360deg);

-o-transform: rotate(-360deg);

-ms-transform: rotate(-360deg);

transform: rotate(-360deg);

}

/* Spinning Social Icons Widget By HelperBlogger */

</style>


<center><p id="hb_socialicons">

<a href="http://www.facebook.com/nom de votre page ou profil/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVr99f-wE-nkWeYHNGP8dd9Ao9HtLc6BrSIL8IVReKXyzhEVQ9cPFC0hIIVyP4VTczPY2tFUa_ILkv3WF14cFC3j8XqA-GvnR3CGYLmX-QIc1oVLZh-RVtYjEQI7GsKCw-UTmtfTZZ-E/s1600/helperblogger.com-facebook.png" /></a>

<a href="http://www.twitter.com/votre compte twitter/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeZjCUTSqBM3Z_me-mij68jr4k7WOzjJS-OLKIiKyUaQxux_3FfRf13DBtVONQd2tJgqCozGkUBE9iBCFGyyzSgc_bt2i-pzbOHkB9KKM_wIhjhAx3qQBuKoiLRnmYuFIDI2JpbhBGEo/s1600/helperblogger.com-twitter.png" /></a>

<a href="https://plus.google.com/u/0/votre ID google plus">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgc0THKDpiTHIPX7Aidq_xFgL6JuWc44zD9tCvsIWx4AnZEDuVCiDOgCeVqgAqlWMvU95y4ayrt7hKZVpdOVsv2wgyx72JVleX8gycUQJsKeqDV7adxj0C_99LUgWG0L2fgpkxGWMiROw/s1600/helperblogger.com-google_plus.png" /></a>

<a href="http://www.feeds.feedburner.com/nom de votre flux feedburner/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhImhWN71LcVp7DTslvncjlvMbaJ0x-e_qpeaMvvIesVwQvG-uD3t4o2qb6vL8whjigpiLDwageeUDMjRoF0U2QzToAO8K-fPzQZrZM2kh7j4OtHR8A7hxDOC9hIugxLzK6ysxNj_EgsXY/s1600/helperblogger.com-rss.png" /></a>

<a href="http://www.youtube.com/votre profil youtube/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYEytsDR24xYNRwbKManvYDh8D2mjjk-p23h99QbQtNTSgMfSfzCgw-KWt2xXVJijxjvbaF1OQQsuaLBtEnqwG65XLQHsQxj7gOg5hAT_fq-mq9EQeDbJEtIgybBupa9Chp_hmO9jEWI/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

Réussir son Blog Démo