[How To] Add Social Networking Popup at your Blog

Now its time for virtual networking or say social networking, and as i got stats about the world population it was, China at top followed by India and after the Facebook, Twitter, USA, and all. This conclude that for any promotion, and make your reach worldwide you can simply go to a Social Networking site and connect to the every happening on anywhere in the world. For example you made a new  blog post and its really Difficult for the new blogger to promote it without the social networking and for the social networking you will need the maximum lover and connected people for your blog and that’s why i got this code for you.
By this code you can add a Script to your blog that will make a pop up to appear when a user will get the list of social networking site that will ask user to like the page and follow the twitter account or Google plus page.

Below you will get a Code to add the java script to your blog

Firstly go to the Design of your blog and Find the EDIT HTML option and proceed there.
Now Check  Expand Widget Templates
Search for the tag  (Ctrl+F).
Now Add the Following Code just above or below of this.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Then Save the Template and Now go to the Layout Page of your Blog and Add an Wedget and select Java/Html code there.
Now Copy the following code to Notepad file and replace the facebook.com/Intligentcomp  by your Facebook User name and search for the Twitter.com/Inteligentcomp and Replace the URL by Twitter user name.
Also you can Replace the URL of Plus.google.com/.......... by your Google plus Page profile Address.
One more thing you can edit is the Number of day after which this will appear again. Look for the Highlighted 10 and replace it by any Number you want.

CODE      TO       EDIT
<link rel="stylesheet" type="text/css" href="http://latesthacks.googlecode.com/svn/facebooklikewithemailbox/facebookwithsubscriptionbox.css" /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://latesthack.googlecode.com/svn/facebookpopup/facebookpopupbox.js"></script><script type="text/javascript">jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*10; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/branches/mashablepopup/mashablecss.css" /><div style="margin-bottom:10px;"> <div id="LATESTHACK-mashable-bar" > <div class="gplus"><link href="https://plus.google.com/u/0/112213577441278832255" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script><script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script><g:plus href="https://plus.google.com/u/0/112213577441278832255" width="300" height="131" margin="0px" theme="light"></g:plus></div><div class="fb-likebox"><iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/inteligentcomp+ &amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp; font&amp;height=100px&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe></div><div class="googleplus"><span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script></div><div class="twitter"><iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name=inteligentcomp&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe></div><div id="email-news-subscribe"><div class="email-box"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow"><table width="100%"><tr><td><input class="email" name="email" placeholder="Enter your email" type="text"/></td><td width="64px"><input class="subscribe" type="submit" value="Subscribe"/></td></tr></table><input name="uri" type="hidden" value=""/><input name="loc" type="hidden" value="en_US"/></form></div> </div> <div id="other-social-bar"><ul class="other-follow"><li class="my-rss"><a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/" target="_blank">RSS Feed</a></li> <li class="my-twitter"><a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/inteligentcomp"  target="_blank">Twitter</a></li> <li class="my-gplus"><a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/112213577441278832255 target="_blank">Google Plus</a></li> </ul> </div></div></div><div align='right'><iframe frameborder="0" height="20px" scrolling="no" src="http://latesthack.googlecode.com/svn/branches/mashablepopup/mashablehtml.html" width="150px"></iframe></div></div></div>

And Save the Widgets.
And you are done. Save the Layout and open the Blog you will Done. 



  1. doesn't work on my blog...can you give more detail about how do you make it appear on your blog

  2. firstly copy the code to notepad, search the highlighted lines, replace them with your own detail. Now go to blogger home page edit the template HTML
    expand the wedget check it on, find the lines stated above, and paste the code that you have modified there.. save the template and see at your blog, please note that your browser should be latest and must be supporting java script for running same.. if u have further problum, ask me on our facebook page facebook.com/inteligentcomp
    waiting for your responce...


Powered by Blogger.