© Don't Republish Any Article Of This Site √

12 May, 2013

jQurey Social Pop Up Box With Timer For Blogger


SOCIALIZE IT →
Previously, I shared a "Share To Enter" pop up subscription box and today here I'm going to share a similar pop up box like that. This pop up is little different from previous one. The main thing of this pop up is it has a timer for disappearing and we can also hide the close button in it which was impossible is the previous widget. This widget has also three main social buttons which are like button, follow button and plus 1 button. This widget is created with jQuery and JavaScript. This pop up widget appears when someone enters into your blog and locks your blog. Now your visitor will have to click on any button to unlock your blog and then they can access your blog. This can increase the social followers of your blog and you will get more traffic from social sites.
Your readers will not be annoyed by appearing this pop up again and again because this will only appear to those who has not used the social buttons and after the one click if will not appear again. So friends,  what are you waiting for let's add this great widget in your blog.

Add jQuery Social Pop Up In Blogger

  • Go To Blogger >> Template >> Backup Your Template
  • Click Edit HTML and Click On Anywhere In The Coding Box To Active It.
  • Search For </body>
  • Paste The Following Code Above </body> 

 <script type='text/javascript'>
//<![CDATA[
TITLEKN='Blog';FBKN='MyTechCafe';TWITTERKN='ItsTechCafe';URLKN='https://plus.google.com/113143762085765715608';
//]]>
</script>
<link href='https://mytechcafe.googlecode.com/svn/StyleSheet/subs-pop-style.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='http://yourjavascript.com/14254415131/subs-popup.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                            
        $().KN3IN1({
            timeout: 60,
            wait: 0,
            closeable: false        });
});
//]]>
</script>

  • Replace MyTechCafe With Your Facebook Page Username
  • Replace ItsTechCafe With Your Twitter Username
  • Replace 113143762085765715608 With Your Google+ ID
  • Replace 60 With The Time Of Disappearing But In Seconds
  • Replace false To True If You Want To Enable Close Button.
  • Finally, Click Save Template and You have Done!
  • That's All.

0 comments:

 

Ranking

Recent Comments

Recent Comments Widget

Recent Posts

Copyright © 2012-2013. All Rights Reserved | My Tech Cafe | Designed By

Home | Contact Us | About Us | Privacy Policy |Top