Subscription Gadgets With Unique Icons

In this week doing a few jobs on blogs i added some cool subscription icons to the sidebars for html websites like blogger. The icons link to the Rss Feed, Facebook and Twitter profiles for the blogger blog. Popup new Blogger Follow By Email Form gadget below the icons and you have all the main subscription options offered to user. Anyway the icons look very nice and great one set is in the design of Polaroid photographs, the second set is also Polaroid Photograph Design but with a worn vintage feel and the third are nice bright and colorful with a slight 3d look. I thought some user of Spice Up Your Blog might like them so i have the code here and instructions that how to add them to your blogger blog. The demo of these icons are connected to our profiles of Rss, Facebook and Twitter so you can check them out and subscribe, Like and Follow if you don't already.

Three Sets Of Cool Subscription Icons
The Polaroid Icons :


The Polaroid Icons Code :

(Replace The URLs In Red With Your Rss, Facebook And Twitter)

<a href="http://feeds.feedburner.com/spiceupyourblog" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-SJF6UBDPtmU/TcCnWl9-gaI/AAAAAAAADlg/NVgsWS3Kefk/s1600/rss.png" /></a><a href="http://facebook.com/spiceupyourblog" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-23R7iMQYXos/TcCnWEQwPtI/AAAAAAAADlc/jGPp-_QBi8Y/s1600/facebook.png" /></a><a href="http://twitter.com/paulcrowepro" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-QBSeBdg2pn8/TcCqOfT-6SI/AAAAAAAADlo/ks47LssGaRs/s320/twitter.png" /></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small>Blog Gadgets</small></a>

The Vintage Polaroid Icons


The Vintage Polaroid Icons Code :(Replace The URLs In Red With Your Rss, Facebook And Twitter)

 <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <br /> <div class="tbicustomlb"> <div class="fb-like-box" data-border-color="#F4F4F4" data-header="false" data-height="275" data-href="https://www.facebook.com/pages/Sainiblogger/260641427388999" data-show-faces="true" data-stream="false" data-width="245"> </div> </div> <style> .tbicustomlb { margin: 10px auto; background-color: #F4F4F4; width: 251px; padding: 10px 0 10px 10px; height: 240px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -webkit-box-shadow: 3px 4px 5px rgba(50, 50, 50, 0.75); -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 10px solid rgb(189, 174, 8); } .tbicustomlb:hover { border: 10px solid #008000; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } </style>

The Bright Icons :

The Bright Icons Code :

(Replace The URLs In Red With Your Rss, Facebook And Twitter)

 <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <br /> <div class="tbicustomlb"> <div class="fb-like-box" data-border-color="#F4F4F4" data-header="false" data-height="275" data-href="https://www.facebook.com/pages/Sainiblogger/260641427388999" data-show-faces="true" data-stream="false" data-width="245"> </div> </div> <style> .tbicustomlb { margin: 10px auto; background-color: #F4F4F4; width: 251px; padding: 10px 0 10px 10px; height: 240px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -webkit-box-shadow: 3px 4px 5px rgba(50, 50, 50, 0.75); -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 10px solid rgb(189, 174, 8); } .tbicustomlb:hover { border: 10px solid #008000; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } </style>

My Last Post About Facebook Widget