
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).
<Head>
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+ &send=false&layout=standard&
width=200px&show_faces=false&action=like&colorscheme=light&
font&height=100px&" 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&
align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name=inteligentcomp&show_count=&
show_screen_name=&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.
doesn't work on my blog...can you give more detail about how do you make it appear on your blog
ReplyDeletefirstly 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
ReplyDeleteexpand 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...