News Update :
Home » » Buttons of social networks in your blogger blog

Buttons of social networks in your blogger blog

By: omer nawaz on Saturday, 31 January 2015 | 12:00

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='http://4.bp.blogspot.com/_7wsQzULWIwo/Ssnw2ChIPXI/AAAAAAAAB5U/bgiT3bu2_xo/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='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGJWOkYZI/AAAAAAAABxE/_cOecHZDRsY/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='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGIS5ncrI/AAAAAAAABw0/LaZwhbVchUQ/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='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGZCTqMOI/AAAAAAAABxk/eAIBpRqgJiE/s400/TWITTER1.png' width='64px'/></a></center>
</b:if>
6- Enregistrer votre modele et c'est terminé.

Post a Comment

 
Contact Us | Privacy policy | Term of use | Advertise with Us | Site map
Copyright © 2011. Blogging Brain . All Rights Reserved.
Design Template by Blogging Brain | | Powered by Blogger