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.

Bill the Lizard
  • 398,270
  • 210
  • 566
  • 880
Patrioticcow
  • 26,422
  • 75
  • 217
  • 337
  • 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 '14 at 12:28

6 Answers6

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.

George Cummins
  • 28,485
  • 8
  • 71
  • 90
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..

user1392991
  • 179
  • 1
  • 3
  • 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. – prooffreader Jun 25 '14 at 13:20
15

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>
Lasantha
  • 159
  • 1
  • 5
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>.

freginold
  • 3,946
  • 3
  • 13
  • 28
Fahim Raza
  • 271
  • 3
  • 16
4

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

enter image description here

Frank Rem
  • 3,632
  • 2
  • 25
  • 37
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.

Gordon Seidoh Worley
  • 7,839
  • 6
  • 45
  • 82
  • 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 '14 at 12:27