Pop Up Social Widget

This is another Social widget and i hope you like in this widget you don`t need to add any code in your Template just past the below code in [Html & Javascript]

Step 1.
Copy The Below Code
<tr> <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar"> <li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li> <li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li> <li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li> <li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li> <li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li> </ul> <style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr> <tr> <td height="10"><h6 align="center">


Step 2.
Follow The Step

 

And past the code

Congratulation! You`re Done

Advertisments