Add Cute Social Subscription Scrolling Slider [V2]

In my earlier post  i have shared about a cool scrolling social slider. This widget is advanced version of simple scrolling slider. Social Subscription Slider allows your reader to be engaged with your social profiles like Facebook, Google plus and twitter. They can see this slider when they scroll down your blog page and hide if they scroll up. This is one of the quite good and attractive social subscription widget created for blogger.In Social Subscription Slider[V1] readers only able to like twit and plus one your post, in [V2] they can like Facebook Page, Add you in Google Plus and Follow in twitter. Lets see a DEMO from our Demo Page and be ready to install it on your blog.

How to Add ?

It's simple to add this cool widget to your blog, just follow the given instruction carefully:

• Go to your Dashboard >> Design / Layout >> Add New Widget does not matter any place you can choose and choose html/javascript copy the code from below and paste.

<style>
#PTslidebox {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 9px 9px 9px 9px;
    border: 1px solid #D7D7D7;
    top: 50px;
    display: none;
    padding: 12px 14px;
    position: fixed;
    right: 2px;
    width: 300px;
    z-index: 3;
}
</style>
<!-- PTslidebox widget by PokharaTEch @ www.pokharatech.com -->
<script type="text/javascript">
$(window).scroll(function(){
if($(document).scrollTop()>=$(document).height()
/4)$("#PTslidebox").show("slow");
else $("#PTslidebox").hide("slow");});
function closePTslidebox(){$('#PTslidebox').remove();}
</script>

  <div id="PTslidebox" style="display: none;">
    <a onclick="return closePTslidebox();" href="javascript:void(0);" style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;">(X)</a>
    <span style="font-size:14px;color:#000;font-weight:bold">Don't forget to join our community.</span>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pokharatech&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color=black&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe>
<br/>
<!-- Place this tag where you want the badge to render. -->
<div class="g-plus" data-width="300" data-height="69" data-href="https://plus.google.com/113706905512320214162/posts" data-rel="publisher"></div>
<!-- Place this tag after the last badge tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript';
 po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
 s.parentNode.insertBefore(po, s);
  })();
</script>
    <br/>
<a href="https://twitter.com/PokharaTech" class="twitter-follow-button" data-show-count="false">Follow @PokharaTech</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!-- End PTslidebox -->

Costomization

After pasting code to Html/JavaScript Normally replace pokharatech with your facebook and PokharaTech with your twitter username and 113706905512320214162 with your google plus id . If you want to show any other message in the place of Don't forget to join our community. Kindly write your sentence. Now All done. Save HTML/JavaScript.

From The Editors Desk

There are several widget available for social subscription, among them this is one of the best , it's pretty cool and awesome. If you like this widget please make some share with your friends also. If you face any problem regarding this widget feel free to write in comment box, you can write in our facebook's fanpage also. Peace, Happy blogging.