TricksWorld 99: Blogger Tricks

Tab

3D Social Sharing Icons For Blogger 2013

3D Social Sharing Icons For Blogger 2013
 
Hello Everyone,
In this article am sharing a new type of social sharing icons with some effects.
There are 40 sets of social bookmarking icons which looks like a 3D Ice Cubes.I have Provided the download link at the end of post.


                           
Live Demo

  1. Go To Blogger >Layout
  2. Click on the  Add a Gadget
  3. Select HTML/Javascript
  4. Paste the following code in it
  5. Click ok


  <style>
    <!--TricksWorld99 3D Social Sharing Starts  -->

     #tw a:hover {background-color: transparent;opacity:0.6;}

     #tw img
    { -moz-transition: all 0.15s ease-in-out; -webkit-
    transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

     #tw img:hover
    { -moz-transform: rotate(350deg); -webkit-transform: rotate(350deg); -o-transform: rotate(350deg); -ms-transform: rotate(350deg); transform: rotate(350deg); }

    </style>

    <center>
    <div id="tw">
    <a href="Your FaceBook URL" target="_blank">
    <img border="0" src="http://i1273.photobucket.com/albums/y402/ranga91091/3d%20social%20Sharing%20Icons/facebook_zps8d6ce969.png" style="margin-right:1px;" alt="FB Icon"/></a>


  <a rel="nofollow" href="Your Twitter URL" target="_blank">
    <img border="0" src="http://i1273.photobucket.com/albums/y402/ranga91091/3d%20social%20Sharing%20Icons/twitter_zps96d8293b.png" style="margin-right:1px;" alt="Icon"/></a>
   

    <a  rel="nofollow" href="Your Google Plus URL" target="_blank">
    <img style="margin-right:1px;" src="http://i1273.photobucket.com/albums/y402/ranga91091/3d%20social%20Sharing%20Icons/googleplus_zpsf4f23932.png"/></a>


    <a  rel="nofollow" href="Your RSS FEED URL" target="_blank">
    <img style="margin-right:1px;" src="http://i1273.photobucket.com/albums/y402/ranga91091/3d%20social%20Sharing%20Icons/rss_zps5ac89b14.png" alt="RSS FEEDS" /></a>

  </div>
    <br/>

    <!-- End Of TricksWorld99 3D Social Sharing -->

     </center>
  • Replace the Your FaceBook URL with your Facebook Url
  • Replace the Your Twitter URL  with your Twitter Profile Page Url
  • Replace the Your Google Plus URL  with your Google plus Profile Page Url
  • Replace the Your RSS FEED URL  with your Rss Feed url
 Also you can add other Social Bookmarking Icons here. I have a given a list 40 3D icons. Just upload them in your blog or photobucket and paste the url in place of Highlighted code                                                  
                                  Download