30

I would like to add some JavaScript inside Blogger.

<script type="text/javascript">
window.open("http://www.page.html", "myWindow", 
    "status = 1, height = 400, width = 400, resizable = 0");
</script>

If I edit the HTML and I add " and ' they get converted to quote ...

If I add an HTML/JavaScript widget the code won't run.

1
  • Add the script part to head tag of blogspot template Design > Template > Customize and Save the template. The blog post should now show the correct behaviour.
    – GuruM
    Jun 18, 2014 at 12:28

6 Answers 6

20

Navigate to the Layout tab, click the "Add a Page Element" option and select the "HTML/Javascript" sub-option.

See the Layout Guide for more details.

0
17

Create a post. Click to enter html as opposed to compose. Type your script. To the right Click Post Settings >> Options >> Compose Mode then change Show HTML Literally to Interpret HTML. It should now accept your script as a script intsead of text..

1
  • 3
    Warning: I have found that this works fine, but you must never return to the Compose view or your JavaScript will disappear, always stay in HTML view for that post. Jun 25, 2014 at 13:20
16

Add your code like this:

<script type='text/javascript'>
//<![CDATA[

window.open("http://www.page.html", "myWindow", 
    "status = 1, height = 400, width = 400, resizable = 0");

//]]>
</script>
5

You can run this code as an external source on your blog. How? Follow the below steps:

Step 1: Store your JavaScript code in github.com, pastebin.com or any file CDN.

Step 2: Use the below piece of code to call your JavaScript code from that external source:

<script src="http://example.com/script.js"/></script>

Include this code inside <head>.

4

Select Template. And click 'Edit HTML'. Now you can add your script.

enter image description here

2

You should be able to add it to the page template. You can edit them from within the Blogger interface or download/edit/upload them.

1
  • 1
    Add the script part to head tag of blogspot template Design > Template > Customize and Save the template. The blog post should now show the correct behaviour.
    – GuruM
    Jun 18, 2014 at 12:27

Not the answer you're looking for? Browse other questions tagged or ask your own question.