Buttons of social networks in your blogger blog

1- go to blogger Presentation >> Change the html code

2 Check the box Develop Click the widget templates "Expand Widgets Template" box

3. Locate the following line:]]> </ b: skin>
4- and just before pasting copy / code:
 
 
/ * ------------ -------------- * MBT Image Opacity /
.Fadein Img {
filter: alpha (opacity = 100);
-moz-opacity: 1.0;
opacity: 1.0;
border: 0;
}
.Fadein: Hover img {
filter: alpha (opacity = 30);
-moz-opacity: 0.30;
opacity: 0.30;
border: 0;
}



5- then look this code: <data: post.body /> and just after copy / paste this code:
<B: if cond = 'data: blog.pageType == & quot; item & quot;'>
<Center> <span style = 'color: # 7AA1C3; font-size: 12px; font-family: Verdana; "> <b> Thanks For Making This Possible! Kindly Bookmark and Share it. </ B> </ span> <br/>
<A class = 'FadeIn' expr: href = '& quot; http: //technorati.com/faves add = & quot; + Data: post.url 'rel =' external nofollow 'target =' _ blank '> <img alt =' Technorati 'height =' 64px 'src =' http: //4.bp.blogspot.com/_7wsQzULWIwo/SqGGYWGbF8I/ AAAAAAAABxU / o5IHL_Ciwss / s400 / TECHNORATI1.png 'width =' 64px '/> </a>
<! - DIGG ->
<A class = 'FadeIn' expr: href = '& quot; http: //digg.com/submit stage = 2 & amp; url = & quot;? + Data: post.url 'rel =' external nofollow 'target =' _ blank '> <img alt =' Digg This 'height =' 80px 'src =' http: //3.bp.blogspot.com/_7wsQzULWIwo/SqGGHk_dvrI /AAAAAAAABwk/kmAe1jCxrGA/s400/DIGG1.png 'width =' 80px '/> </a>
<! - Stumble ->
<a class='Fadein' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQ-22ZKgtj75bWEV6lk2O1w6YLgGWTB-iiFA7KQvYoN4Ir0ToOutMZdv5bIprla44bSnJfg7_T0xM94eSA53QkbV1c4pr7bX0U_jEHknAGbAW9GWTY8KiQzLiWD5hTEVQVl6M4n9mATs/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0w8avNTpzaid9l92mgBG1LlbKKbfsSXRxjKgm-RuBppn7t6Q2GekfvDc3OpaomsZOynhfE-CqhxpVfkoyi8_DPpLE79Dpn4cu4G5_4gdmKKd0GpgRHG-nw-G8hB1pvU7dd2SD8P19vOM/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvLnfjEXwI3k9xLiiFNYsv63K0QAv28OZAIK64_mljf2IeNy-zGagGTlT82f1EXKAIY5em8IybByfCsEbmZE9Yvy01WsDkUPtZCt-7aSQ3w30dieCXV476vISdxJLS9OvXBtU4VbfwVN4/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd6o1bM3s-5OkGBZ7bcGFNEW_3Bg-R2Jml4joNBNIyf6Na8jVRHbufyDhxD1hUc0HvKssAT3sS6Mz6e23ZYmbDolaEjzTEvwRG6W8p9490_veFHDNAfg8paa0sDp5gz0vawXiAA4zW4sk/s400/TWITTER1.png' width='64px'/></a></center>
</b:if>
6- Enregistrer votre modele et c'est terminé.