Facebook Fanpage Username: | |
Twitter Username: | |
Google+ Numeric ID or Username: | |
Pinterest Username: |
<style>
/* Tabbed Social Widget By PFCI Tech - placeforcompinfo.com */
/* CSS Code Start */
ul.tabs {
padding: 7px 0;
font-size: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
ul.tabs li {
display: inline;
margin: 0;
margin-right: 3px;
/*distance between tabs*/
}
ul.tabs li a {
font: normal 12px Verdana;
text-decoration: none;
position: relative;
padding: 25px 10px 0px 10px;
border: 1px solid #CCC;
border-bottom-color: #B7B7B7;
color: #000;
background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
border-radius: 3px 3px 0 0;
outline: none;
}
ul.tabs li a:visited {
color: #000;
}
ul.tabs li a:hover {
border: 1px solid #B7B7B7;
background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD85fexPdu8BLh-x_gBxaBzIXyoFdT1GSXSIGZoD4u_jnbLJQCqdJSe70xj5qw230O8RZPdSYeBVJcX3kZs8U6NEWosC1t34mgSAKZj7k48HBYS3clVfZbOI5Oc27-Zy3r3r3vOjoxz8g/s1600/hb-tabbg.gif) 0 -50px repeat-x;
}
ul.tabs li.selected a,
ul.tabs li.selected a:hover {
position: relative;
top: 0px;
font-weight: bold;
background: white;
border: 1px solid #B7B7B7;
border-bottom-color: white;
}
ul.tabs li.selected a:hover {
text-decoration: none;
}
div.tabcontents {
border: 1px solid #B7B7B7;
padding: 10px;
background-color: #FFF;
border-radius: 0 3px 3px 3px;
margin-top: -7px;
}
/* Tabbed Social Widget By PFCI Tech - placeforcompinfo.com */
/* End Code Start */
</style>
<script src="http://helperblogger.ucoz.com/code/hb-tabbed-social-widget.js" type="text/javascript"></script>
<ul class="tabs">
<li class="selected">
<a href="#view1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU4vIm3kiOU8OqqaFjDUeDSHqVwgl1MSI8sVZ-iAub6XJqDDC04sLxPrdW69wN5AgDvJIXpZnZ2iPe0mVGU-lcy3LdpVHc6HOBwctzIQJ9PbIkP-dIOO7zOhFB11jiGBIjFve4DqL7Oso/s1600/helperblogger.com-fb.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid0VU2Erb4s5XoPZyV8w_zWrBQU9U_tV7OwI4f-W5uOz6T2wWg7tE7Lq19EzxE2RMSy2qChD1Hh0uku-SuYDsnUAomEwA9T5FrS2dU9bFbRYDsrmOLvJVtIPLIyagADPDMVI6enZ9Xr6Q/s1600/helperblogger.com-twitter.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNlgKdqGQj2pWbvJ_A4htRWX8IjWuQVuDyJcaSZpjG0NM2EVmJndu_wmnhAzDt8L8zp87-v_R5anTIOYxcWeIH8WpLCv0r9aMFuwLDE6enz5RUzjpUyaLoTur4Ci1lr_8WzQhXL8ebPw/s1600/helperblogger.com-gplus.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFOCuEbAAoBUJMKuQGOW8Pt3WRRgko-_Y0ysoBYBHqvvI87tN0CZZio11usXM97cb1cuce2nj1C-nJH0RUX0xTCJKKCmQU9d05NfQhQB6kO4YWv-LBsRGctuNxlGmt5W3hyF4IkH0caA/s1600/helperblogger.com-pinterest.png" height="32" width="32" />
</a>
</li>
</ul>
<div class="tabcontents">
<div id="view1">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpfcit&width=285&height=180&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=409936535724253" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:180px;" allowtransparency="true"></iframe>
</div>
<div id="view2">
<div id="twitter-box"></div>
<script>
var tw_user = 'pfcitech';
var tw_width = 260;
var tw_height = 250;
var no_face = 8;
(function() {
var tw_box = document.createElement('script');
tw_box.type = 'text/javascript';
tw_box.async = true;
tw_box.src = '//helperblogger.ucoz.com/code/hb-twitter.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>
</div>
<div id="view3">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-person" data-width="250" data-href="//plus.google.com/u/0/+ShivanshVerma" data-layout="landscape" data-rel="author"></div>
</div>
<div id="view4">
<a href="http://pinterest.com/shivanshv/">
<img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" />
</a>
</div>
<div style="clear: both; text-align: right;">
<span style="font-size: xx-small;"><a href="http://www.placeforcompinfo.com/2015/01/tabbed-all-in-one-social-box-for.html" rel="nofollow" target="_blank">Grab This!</a></span>
</div>
</div>