How To Add Ice Cube 3D Social Media Sharing Widget (With Mouse Hover Effect) To Your Blogger

Views:

Hi, Do you like Ice cubes?  Friends Now i share a useful social media widget  to you. Its look like an ice cube.  It fresh your viewers mind  and also attract people. If you want to add it in your blogger just read this post  carefully and enjoy…. 

 

Log in to your Blogger account

• Select  Layout option

 

• Click on Add a Gadget

 

• Select HTML/JavaScript from the given list

 

• Copy and Paste the following code in HTML/Javascript box.

 

 

<style>

<!--Blogging Industries Social 3D Ice Cubez Strat -->

#bi a:hover {background-color: transparent;opacity:0.7;}

#bi img
{ -moz-transition: all 0.8s ease-in-out; -webkit-
transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

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

</style>

<center>
<div id="bi">
<!--Start Blogging Industries Facebook Icon-->
<a title="Witness Our FB Social" href="YOUR-FACEBOOK-PAGE-LINK-HERE" target="_blank">
<img border="0" src="https://bloggingindustries.googlecode.com/svn/trunk/BI Facebook.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Blogging Industries Facebook Icon -->

<!--Start Blogging Industries Twitter Icon-->
<a rel="nofollow" title="Follow Us On Twitter" href="YOUR-TWITTER-PROFILE-LINK-HERE" target="_blank">
<img border="0" src="https://bloggingindustries.googlecode.com/svn/trunk/BI Twitter.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Blogging Industries Twitter Icon-->

<!--Start Blogging Industries Google+ Icon-->
<a title="Add Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-LINK-HERE" target="_blank">
<img style="margin-right:1px;" src="https://bloggingindustries.googlecode.com/svn/trunk/BI Googleplus.png"/></a>
<!--End Blogging Industries Google+ Icon-->

<!--Start Blogging Industries LinkedIn Icon-->
<a title="Follow Our Links" rel="nofollow" href="YOUR-LINKDIN-PROFILE-LINK-HERE" target="_blank">
<img style="margin-right:1px;" src="https://bloggingindustries.googlecode.com/svn/trunk/BI%20Linkedin.png" alt="Follow Me on Linkedin" /></a> <!--End Blogging Industries LinkedIn Icon-->

<!--Start Blogging Industries Technorati Icon-->
<a title="Follow Our Links" rel="nofollow" href="YOUR-TECHNORATI-LINK-HERE" target="_blank">
<img style="margin-right:1px;" src="https://bloggingindustries.googlecode.com/svn/trunk/BI Technorati.png" /></a>
<!--End Blogging Industries LinkedIn Icon-->

<!--For First time Social 3D Icecubez by Blogging Industries-->
</div>

<br/>

<!--Blogging Industries Social 3D Ice Cubez End -->

</center>

 

Change all RED color with your  Social media links.

 

• Save It.

 

 

 

Leave a comment…………………… if  you like this post……………….