Add Social Networking Icons in Blogger Templates

Add Social Network icons in blogger templates.It is very easy to add in blogger templates with HTML.Social Network sharing to improve your uniqe and get the best impression on your networking friends.you will providing the best information got thousands of uniqe in Social network.

To add these icons below posts kindly follow these steps,

Go To Blogger > Design > Edit HTML
Backup your template
Click the "Expand Widgets Template" box
Search for this,

]]></b:skin> using ctrl+F
and just above it paste the Opacity code below,


 /*------------ SBT 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. Next search for this code,
 <data:post.body/>
and just below it paste the following code,
<b:if cond='data:blog.pageType == "item"'>

<center>Thanks For Making This Possible! Kindly Bookmark and Share it. 
<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/AVvXsEggKEk0wE_V41vvFt9BHbC7aY9fOEjvVDeaJG0vkTTDT5gBx6ApRYXjvEdOYkr9q6HWW1Jr1FxP7GiMSuml-vZT-Jw7VNnVnbDQP0qRF2ZndpVj5vR0ivKhkVSSTSRre-j995o6JkYzjnE/s400/TECHNORATI1.png ' width='64px'/></a>

<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/AVvXsEhvzvVejURS_LnsCB-UOqiQm8iZsE9IWyvO2O5OAZAvRnYXzTUPPfkYT4Q0UjPuR4g7fklK_NRk1k7yD8BC5JTUNSFQVZNU8GRT7Zc4WodDz_TXXaf-ueuyy8ZRmxIljVyMvL0fJiKzYhQ/s400/DIGG1.png ' width='80px'/></a>

<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/AVvXsEjJlV13xvJp7LC1WG5Bwxv_aMQ0qtT4CS2rkSDbujatU4EkTPfTUsFsQEEGIxawTXjS8r8g2VueIMd6X1-rHnWsceApEO1JA-TFnuOGjrtfv4V55FEa3SlA9zliYJfosLW_QeM6b0VHmF8/s400/stumble1.png' width='100px'/></a>

<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/AVvXsEj2OhQgySO0ELdGykduAtGB_K6_yT2bPml0qi7OZ1AhtjvUVrgx3w5Wqb89cySWJEarimLziNydQC7EUuTwLB5-D4ojCC8Gyo32FEHAs-jfu7w4Oj50hfVdlJwHb23DsHDGrqUyzmqKg5E/s400/REDDIT1.png' width='100px'/></a>

<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/AVvXsEg_vvLxVWpyrYKn91Z_bskaCc_J-YcML4dftcFI6pLX96cNq5Ck-bVqtrqIlwXkF9uR61znGQfKn5Xth5Jj4SNlQO_ZFHUqoKpmfzHS64Xb3AzXHPfCYh0Q7nBIyvPoQvY9-ni9elSvKIc/s400/FACEBOOK1.png ' width='80px'/></a>

<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/AVvXsEg4j3g791xIGPZlocNrXuPjFJh_5NypvN3w2c1Iuy3AZ-GUjIht3_Uq7B5CdKeOicPmdga1m64ZwFwyLGwPDR0Fwef8wnAzi5lPB70k01YdmVkmuPMDxr1fp_dpN6X6iicr0uZl7mJdvSU/s400/TWITTER1.png' width='64px'/></a></center>

</b:if>

6. Save your template and you are done!

Visit your blogs to see a beautiful change. :) You may also like these social networking buttons and widgets,