How can I add JavaScript inside Blogger?

Question

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.

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
– GuruM, Commented Jun 18, 2014 at 12:28

George Cummins · Accepted Answer · 2015-05-14 13:23:40Z

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.

edited May 14, 2015 at 13:23

answered Jun 23, 2011 at 12:57

George Cummins

29k8 gold badges74 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user1392991 · Accepted Answer · 2012-05-14 04:54:55Z

18

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

answered May 14, 2012 at 4:54

user1392991

1891 silver badge3 bronze badges

1 Comment

prooffreader Over a year ago

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.

Lasantha · Accepted Answer · 2015-09-11 02:42:57Z

17

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>

answered Sep 11, 2015 at 2:42

Lasantha

1791 silver badge5 bronze badges

Comments

freginold · Accepted Answer · 2022-06-16 02:56:05Z

6

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

edited Jun 16, 2022 at 2:56

freginold

3,9603 gold badges16 silver badges30 bronze badges

answered Aug 21, 2015 at 7:19

Fahim Raza

2793 silver badges16 bronze badges

Comments

Frank Rem · Accepted Answer · 2015-09-02 14:49:26Z

4

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

answered Sep 2, 2015 at 14:49

Frank Rem

3,7462 gold badges28 silver badges38 bronze badges

Comments

Gordon Seidoh Worley · Accepted Answer · 2011-06-23 12:48:22Z

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.

answered Jun 23, 2011 at 12:48

Gordon Seidoh Worley

8,1367 gold badges51 silver badges90 bronze badges

1 Comment

GuruM Over a year ago

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.

Collectives™ on Stack Overflow

How can I add JavaScript inside Blogger?

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Linked

Related