DIY Social Media widget for Blogger blogs

Posted on March 11, 2014 by 
DIY Social Media widget for Blogger blogs
Here 4 different set of social media and networking profile widget code gathered, they are simply cool looking, easy to add and configure, dedicated to visitors keep in touch your blog and make your site little bit beautiful.




Add beautiful Social media and Social networking profile widget in your Blogger blog




Highly professional Black circle social media and networking profile widget
Social networking profile widget for blogger
Contains 10 icons Facebook, Twitter, Linked in, Google plus, Pinterest, Flickr, Deviant art, Dribbble, YouTube, Feed

Widget Code- (copy and paste)


<a href='https://www.facebook.com/you' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/-aYVVYLsJYNg/UxxcM373nHI/AAAAAAAADSo/YvpfK9qr51c/s1600/1Facebook.png' title='Facebook'/></a>

<a href='http://twitter.com/you' target='_blank'><img alt='Twitter' src='http://4.bp.blogspot.com/-YgptWm3t3Bc/UxxcNM-KLfI/AAAAAAAADSs/zdydjbLOGyc/s1600/2Twitter.png' title='Twitter'/></a>

<a href='http://linkedin.com/you' target='_blank'><img alt='Linked in' src='http://4.bp.blogspot.com/-9Rv_gmJpc6c/UxxcP3Ze4GI/AAAAAAAADTE/e3ZG7Aa1CJg/s1600/4LinkedIn.png' title='Linked in'/></a>

<a href='https://plus.google.com/you' target='_blank'><img alt='Google Plus' src='http://3.bp.blogspot.com/-lo_dcNE7ayQ/UxxcO4bmM6I/AAAAAAAADS8/vnmtIF6OJyw/s1600/3Google+.png' title='Google Plus'/></a>

<a href='http://pinterest.com/you' target='_blank'><img alt='Pinterest' src='http://2.bp.blogspot.com/-6ZuqYUz2-5U/UxxcQOkK1LI/AAAAAAAADTM/KazkG-X9cns/s1600/5Pinterest.png' title='Pinterest'/></a>

<blockquote>
</blockquote>

<a href='http://Flickr.com/you' target='_blank'><img alt='Flickr' src='http://3.bp.blogspot.com/-KoEIBUtvldw/UxxcT42m3QI/AAAAAAAADTs/z7nWkV91uN8/s1600/9Flickr.png' title='Flickr'/></a>

<a href='http://you.deviantart.com/' target='_blank'><img alt='DeviantArt' src='http://1.bp.blogspot.com/-A2gQB2KsaVw/UxxcSNeO0qI/AAAAAAAADTc/1TK_zopWdo0/s1600/7deviantArt.png' title='DeviantArt'/></a>

<a href='http://Dribbble.com/you' target='_blank'><img alt='Dribbble' src='http://1.bp.blogspot.com/-hlczwX4LaIc/UxxcSnTkPsI/AAAAAAAADTk/lAvdkLGW1JE/s1600/8Dribbble.png' title='Dribbble'/></a>

<a href='https://YouTube.com/you' target='_blank'><img alt='YouTube' src='http://3.bp.blogspot.com/-Auym3Art7SI/UxxcRsUGc_I/AAAAAAAADTU/POKQlSwDOVU/s1600/6YouTube.png' title='YouTube'/></a>

<a href='http://feeds.feedburner.com/you' target='_blank'><img alt='RSS' src='http://4.bp.blogspot.com/-VNQQXuwYKjA/UxxcM8d3eGI/AAAAAAAADSk/NkeetOKqcDA/s1600/10Feed.png' title='RSS'/></a>


Highly professional Colorful circle social media and networking profile widget
Social networking profile widget for blogger

Contains 10 icons Facebook, Twitter, Linked in, Google plus, Pinterest, Flickr, Deviant art, Dribbble, YouTube, Feed

Widget Code- (copy and paste)


<a href='https://www.facebook.com/you' target='_blank'><img alt='Facebook' src='http://3.bp.blogspot.com/-Cn-k__wk4Fg/Uxxc1tkrKhI/AAAAAAAADUg/6QHK53Wkmtw/s1600/1Facebook.png' title='Facebook'/></a>

<a href='http://twitter.com/you' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/-9rmV1Oaf1CM/Uxxc1jJa6UI/AAAAAAAADUo/5hL9Jxa2UMk/s1600/2Twitter.png' title='Twitter'/></a>

<a href='http://linkedin.com/you' target='_blank'><img alt='Linked in' src='http://3.bp.blogspot.com/-1w1QNLZcXP8/Uxxc2fO6EfI/AAAAAAAADU0/rIAEypl7k98/s1600/3LinkedIn.png' title='Linked in'/></a>

<a href='https://plus.google.com/you' target='_blank'><img alt='Google Plus' src='http://1.bp.blogspot.com/-YcssDk-9xMM/Uxxc3DB35VI/AAAAAAAADU8/uifsZuNJ86Y/s1600/4Google+.png' title='Google Plus'/></a>

<a href='http://pinterest.com/you' target='_blank'><img alt='Pinterest' src='http://1.bp.blogspot.com/-ZP9lORRIcNA/Uxxc3VeBeQI/AAAAAAAADVE/6SHrAR43Pbw/s1600/5Pinterest.png' title='Pinterest'/></a>

<blockquote>
</blockquote>

<a href='http://Flickr.com/you' target='_blank'><img alt='Flickr' src='http://4.bp.blogspot.com/-kb85bQHCkKA/Uxxc4s0d-kI/AAAAAAAADVQ/frkx5pG61G0/s1600/6Flickr.png' title='Flickr'/></a>

<a href='http://you.deviantart.com/' target='_blank'><img alt='DeviantArt' src='http://3.bp.blogspot.com/-4G43iQabMf8/Uxxc4r6eDoI/AAAAAAAADVM/sJ6etO9rGWM/s1600/7deviantArt.png' title='DeviantArt'/></a>

<a href='http://Dribbble.com/you' target='_blank'><img alt='Dribbble' src='http://4.bp.blogspot.com/-lK-bMF3lguk/Uxxc6KimRpI/AAAAAAAADVc/8vPBNO7-fiA/s1600/8Dribbble.png' title='Dribbble'/></a>

<a href='https://YouTube.com/you' target='_blank'><img alt='YouTube' src='http://1.bp.blogspot.com/-4_nymj9tP-A/Uxxc6_VagfI/AAAAAAAADVk/hx1GlGCbHII/s1600/9YouTube.png' title='YouTube'/></a>

<a href='http://feeds.feedburner.com/you' target='_blank'><img alt='RSS' src='http://3.bp.blogspot.com/-Ip7RxDel3rI/Uxxc1OOjv-I/AAAAAAAADUc/A0YOoofY3Zc/s1600/10Feed.png' title='RSS'/></a>

Gloss effect social media and networking profile widget
Social networking profile widget for blogger

Contains 7 icons Facebook, Twitter, Google plus, Linked in, Pinterest, Feed and Email

Widget Code- (copy and paste)


<a href='https://www.facebook.com/you' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-7_nGyJ9a01k/UxxdnHvSlpI/AAAAAAAADXA/58h5-9X37sQ/s1600/1facebook.png' title='Facebook'/></a>

<a href='http://twitter.com/you' target='_blank'><img alt='Twitter' src='http://1.bp.blogspot.com/-4weTRAD8vog/UxxdnH9LehI/AAAAAAAADW8/ar3y7V0vnko/s1600/2twitter_alt.png' title='Twitter'/></a>

<a href='https://plus.google.com/you' target='_blank'><img alt='Google Plus' src='http://1.bp.blogspot.com/-O2rJqcDV7Yo/Uxxdnje__NI/AAAAAAAADXI/iR041iNsdyw/s1600/3g+.png' title='Google Plus'/></a>

<a href='http://linkedin.com/you' target='_blank'><img alt='Linkedin' src='http://2.bp.blogspot.com/-Vv1ReTOfhFU/Uxxdo-ckukI/AAAAAAAADXY/UAECyynHK1o/s1600/4Linkedin.png' title='Linkedin'/></a>

<a href='http://pinterest.com/you' target='_blank'><img alt='pinterest' src='http://4.bp.blogspot.com/-WtydCeVuUxY/Uxxdo4tdBYI/AAAAAAAADXU/cPiW87kBLjQ/s1600/5pinterest.png' title='pinterest'/></a>

<a href='http://feeds.feedburner.com/you' target='_blank'><img alt='Feed' src='http://1.bp.blogspot.com/-6ZAOGegt7Qg/Uxxdpb0_guI/AAAAAAAADXk/O8DWOQtKCqU/s1600/6rss.png' title='Feed'/></a>

<a href='mailto:you@mail.com' target='_blank'><img alt='Email me' src='http://1.bp.blogspot.com/-b_UmWxWlTi4/UxxdqHque1I/AAAAAAAADXs/fOVdYvWQ_VA/s1600/7mail.png' title='Email me'/></a>


Box Style social media and networking profile widget
Social networking profile widget for blogger
Contains 5 icons Facebook, Twitter, Google Plus, YouTube, Feed

Widget Code- (copy and paste)


<a href='https://www.facebook.com/you' target='_blank'><img alt='Facebook' src='http://3.bp.blogspot.com/-18yCDnUn7FA/UxxchSRUbQI/AAAAAAAADT0/oH_hGSkscPE/s1600/1facebook.png' title='Facebook'/></a>

<a href='http://twitter.com/you' target='_blank'><img alt='Twitter' src='http://4.bp.blogspot.com/-ChSrBZvwcXs/UxxcheOZexI/AAAAAAAADT4/_cIL6RnuyaM/s1600/2twitter.png' title='Twitter'/></a>

<a href='https://plus.google.com/you' target='_blank'><img alt='Google Plus' src='http://4.bp.blogspot.com/-xqQ4AydGc2M/UxxchwU8JII/AAAAAAAADUE/AWQ21EYNhG4/s1600/3googleplus.png' title='Google Plus'/></a>

<a href='http://youtube.com/you' target='_blank'><img alt='Youtube' src='http://2.bp.blogspot.com/-V4ZB-xu0hnc/Uxxciq1UqQI/AAAAAAAADUM/OXGTlimaU68/s1600/4youtube.png' title='Youtube'/></a>

<a href='http://feeds.feedburner.com/you' target='_blank'><img alt='RSS Feed' src='http://1.bp.blogspot.com/-taNTTHiKSi0/Uxxci0FrrrI/AAAAAAAADUQ/slsRgCXuHnY/s1600/5rss.png' title='RSS Feed'/></a>

How to add
  • Go to Blogger, select your blog, 
  • Select layout, click add a gadget, select Html/JavaScript,
  • Paste the code of your desired widget, configure and save

How to configure
Just at link's replace with your profile's link. Example http://www.facebook.com/you replace with http://www.facebook.com/your page name, that's it! rest's links are same (all links are pink colored).

Check out other advance widget on Crawlist Enjoy :)