Monday, December 24, 2012

2 Spinning Social 3D Icons




      Are you ready to feel the 3D expression from your blogger ? then hit it, Today I'll show you how to add your blogger a spinning social 3D Icon set including Facebook, Twitter, Google +, Feed Burner, Feed Count, E-Mail and Pinterest.

Check this Out !



Icon Icon Icon Icon Follow Me on Pinterest

Blogging Industries


Add CSS Spinning Social 3D Icons



  1. Sign in to your Blogger Account and go to Dash Board

  2. Choose Layout > Add a Gadget >HTML/Java Script 

  3. Now copy and Paste the Following Code to your HTML/Java Script Gadget



<style> 

</*Blogger Industries Presents CSS 3D Icons Start*/>

#social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

<*Blogger Industries Presents CSS 3D Icons End*/>

</style>

<div id="social">


<!--Start Rss Icon--> <a href="http://feeds.feedburner.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> 


<!--Start Email Rss Icon--> <a href="http://www.YOUR-EMAIL-RSS-URL-HERE/" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> 

<!--Start Facebook Icon--> <a href="http://www.facebook.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> 

<!--Start Twitter Icon--> <a href="http://www.twitter.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> 

<!--Start Google+ Icon--> <a href="https://plus.google.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> 

<!--Start Pinterest Icon--> <a href="http://pinterest.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>

 <!--Start Feed Count Button--> <a href="http://feeds.feedburner.com/YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/dulshan?bg=ff9933&amp;fg=000000&amp;anim=1" style="border: 0;" /></a><!--End Feed Count Button-->




Widget Customization


  • Replace the Feed Url with your RSS Feed Url

  • Replace RSS E-Mail Url with your RSS E-mail Url

  • Replace Facebook Page Url with your Facebook Page Url

  • Replace Twiiter Url with Your Twitter Profile Url 

  • Replace Google + Url with your Google + Profile Page Url 

  • Replace Pinterest Url with your Pinterest Profile Url 

  • And Replace Feed burner Url with your Feedburner Url 


At last, after this Customization you are ready to use your own Spinning Social 3D Icon Set

  Warning  :  Don't Copy from this Post Without Linking Back to the Post


2 comments:

  1. This widget will surely help you to increase number of social subscribers also it will attract your readers and grabs visitors attention quickly.
    website design

    ReplyDelete
    Replies
    1. Great icons, trying to contact you but your contact nav button does not go anywhere?

      Delete