- First login to your blogger dashboard.
- Go to Blogger design-Edit HTML
- Download or backup your template.
- Search for this by using (Ctrl + F)
]]></b:skin>
Just above it paste the following opacity code
/*------------ MTF 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;
}
Then search for
<data:post.body/>
just below it paste the following code
<b:if cond='data:blog.pageType == "item"'>
<center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;'><b>Thing you for shairing it.</b></span><br/><br/>
<a class='Fadein' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfr8jRX2n81chEItvpuMm0i78-JHPWh2o6UWx3uv7Zdq8N8kr1emImJG-45_Y7JAZX65Da9cMk7WOJFdAzZZItjto3N558uG7PMqOGnEE7XTiruXoueV_9RuF6js2zaCV57J-i3063GFM/s400/TECHNORATI1.png ' width='64px'/></a>
<!--DIGG-->
<a class='Fadein' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju7gAf60CllTcyQbaquuhFSd-6u46zdXrv7wnTH0U8olUM7gaiIB-DfEcrI2o_-DHZR-68NlFE__e8H66V6RYYF4Bhn4NjaFzCfg9fd-WsycGA18726gf3NbzYDsEnYvUSWfXSh-_6VlE/s400/DIGG1.png ' width='80px'/></a>
<!--Stumble-->
<a class='Fadein' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKaz6vCHYziNx0xjvKNPMNI7j5Z-bpi8YOu2BvrGM0J3E5G02B-E25x3N4bki2ZhyqpCEoLMeCwL2X7_D_OkvgJmMR8mkxa4lr831aV0Aj6xUYWs9wsynbgnT7umSdCBrSvSShW8z3hYY/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOO1BzAK7lbFZsRjw82M-9X5h5NwA8T5RN84_i0xE46otuaYdaL4SOtKqrFxAXNIeUBaXN7vEVV6kG2QvHiwfk7t2UO-8ow6y96H7UifTiMUYTGSxn7cj_EgqwtrVXGY1UhPNVX5Jf3DE/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5b4Ur0-hsWUSYojxH7e27amWfWjBKUs9NB2QgtfhYnyiX_wu__975M4LV_A6K2Od1Gb6-0vSfK-Jj-SnaXmMV0OYWu4Tv0iChSA2IEUjOzRSQh6p86VNZA_gP5XMZIEi3WTXzFfLe_o/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpugkrH7xLNkg2T6zMMyDOcuY-sBNf_8h5pWEg1vz8HrnKHJp940rABgpzjZXCKLeP_DhsEI6EOz0Qw1mh40psAngF4eWxMoONtkg8G8T6KfyiFMY_maaZQl3t1BU85v2G8wBVECWCrfE/s400/TWITTER1.png' width='64px'/></a></center>
</b:if>
Save your template.
Visit your blog.
Enjoy with new icons.
Friend this code design very clearly, if you have any problem in this code then leave a comment i will solve the problem.
0 comments:
Post a Comment