Wooden Style Social Media Widget For Blogger

Wooden Style Social Media Widget For Blogger

Demo

1. Log in to blogger account and Click drop down. 

2. Now select "Layout" Like Below.

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.

<style>

/* Social Icons 

----------------------------------------------- */
a.social-icons {

 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}

a.social-icons:hover {
 opacity: .7;

width:45px;
filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
</style>


<a class="social-icons" href="https://facebook.com/graphicsworld"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlni38f8mTlh02U_R8expMeEfgFlLLnxDFbSD5wjTYgsKeJymXgUNUpBB-O7fbqwgbxoc-_t7D4FZ3UHIE6Q1g4oOH4-Tkr7qlPRhyphenhyphenuIxeuJfYbC65XJMriufX5_V7lvjysEp0-0ekNbE/s1600/btrix_facebook-icon.png" /></a>

<a class="social-icons" href="https://twitter.com/graphicsworld"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAU_u_qz5sm5mxF3m-69RNvArUaGc53VBQSdIjCHSU5cmdPO5dQPlaxhmaDAA_mpUcaT3utIDiqXPKjMEqAyGkGuwMh8k-3PM3sCUHhH1oOY_0T6joulgrXJzCNuQvyf0rtdXsxM2W6Q/s1600/btrix_twitter-icon.png" /></a>

<a class="social-icons" href="https://digg.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxcsG3LhZy0K-kkArEM6gz-KaJwPJK7nM1NrNjRFOKCit9v5gWynwrI10SQJcMflHHGqCzcoeJo0I57HF2P2mimXF_cnnJmdK0JGIFTjTCyABruATAT-IEOc69YW-DSU1xqWi2iuZLxbI/s1600/btrix_digg-icon.png" /></a>

<a class="social-icons" href="http://www.feedburner.com/graphicsworld"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk1Qd1-DUoJBsMJXLRXjH_vx-iiQNxlgbM7O8gxre0IL3vprfpZPbVRvL2VygZ-hl_RE5CfjoWZfJnJKsVOGWyZIArYXN4KLvHAUe7CQUNcotHroJwH4hM8kuf6d9ZpkhFa_17A_LvmqE/s1600/btrix_rss-icon.png" /></a>

<a class="social-icons" href="http://stumbleupon.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6pQXXHcKVerJmqpCkZ70-TpaiZcNGnpFYCMMKIuANgxpVre7OXl6Hl9jP4v-2BQoeo4KyQNjtZA3KqDuacmX3MgeAJchwb7dB7pL8QdGrkxVO3O7nzW1CwHlX3sZNYtBzXKNIlNAcfE/s1600/btrix_stumble-icon.png" /></a>

After paste above code

*Replace graphicsworld with your facebook username

*Replace graphicsworld  with your  twitter Username

*Replace UserId with Digg

*Replace graphicsworld with feedburner username

*Replace username wit Stumbleupon username

5. Now save your HTML/Javascript'.

10:15 PM