30 March 2015

You Must Love Me Funny JavaScript for Blogger

Love Me  JavaScript for BloggerJavascript 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.

How 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'>&lt;script type=&quot;text/javascript&quot;&gt; function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener(&#39;load&#39;, function(){ object[attribute] = val; }, false); } else { window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; }); } } &lt;/script&gt; &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() { if (gapi.iframes &amp;&amp; gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: &#39;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&#39;, where: document.getElementById(&quot;navbar-iframe-container&quot;), id: &quot;navbar-iframe&quot; }); } }); &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt; (function() { var script = document.createElement(&#39;script&#39;); script.type = &#39;text/javascript&#39;; script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;; var head = document.getElementsByTagName(&#39;head&#39;)[0]; if (head) { head.appendChild(script); }})(); &lt;/script&gt; </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

8 comments: Leave Your Comments

  1. I am not witty when it come to java scripting but this is all helpful!!

  2. this is a great javascript, i must try this! thanks for the tutorial

  3. This 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.

  4. That was cool. Should have read this when my blog was still on Blogger!

  5. Not really techie with javascript and stuff. Hope I can learn everything about it one day.

  6. Thanks for sharing this! Currently on blogger, will try out when I have time :)