Javascript is no doubt one of the most useful and effective web designing language available on the web.We can make many great things in this web using this language.As we know blogger is one of the most easy customization available features so this time we bought an awesome javascript for this platform.Using this script on the blogger platform we can make such a page where we would have a question "Do you love me?" and it'll have two answers "YES" and "NO" but due to this script will never be able to press the "NO" option.you can see the live demo from the below image or you can also get that by going through here. 
Live Demo
So hope you liked this.Now the question is how to make it possible.So for that you just need to go through this below tutorial.
Must Read : Floating Twitter Fan Box for BloggerHow to Install this Script?
- Login to your blogger.com account.
- Go to Blogger dashboard.
- Go to .Template.
- Click on Edit Html option
- Select all the code from there and replace them with the below code
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=100%' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/* */
#navbar-iframe { height:0px; visibility:hidden; display:none }
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override) margin: 0;
padding: 0;
width: 100%;
height: 100%
}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0757191944337900878458\46blogName\75Do+You+Love+Me\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://debarpantheloverguy.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://debarpantheloverguy.blogspot.com/\46blogFollowUrl\75https://plus.google.com/108681385985031118860\46vt\0753742522985497067757',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<iframe SRC='https://googledrive.com/host/0B6ZMa_AKw94_ay14cnhwYkNtUWM' frameborder='0' height='100%' scrolling='no' width='100%'/>
</body>
</html>
- Now save the template and you're all done
Must Read : Add Marquee on Your Blog
So hope you really enjoyed this tutorial.If you love someone or if you have your lovely girlfriend or wife then do use this to them to get a great result.Have fun guys.
|
|
Articles You May Like |
About The Author
I am not witty when it come to java scripting but this is all helpful!!
ReplyDeleteThanks for sharing your view.
Deletethis is a great javascript, i must try this! thanks for the tutorial
ReplyDeleteThis is really helpful as I am not good when it comes to Java scripts. I usually just try to go for plugins and do trial and error.
ReplyDeleteThat was cool. Should have read this when my blog was still on Blogger!
ReplyDeleteLOL! This is cute!
ReplyDeleteNot really techie with javascript and stuff. Hope I can learn everything about it one day.
ReplyDeleteThanks for sharing this! Currently on blogger, will try out when I have time :)
ReplyDelete