Viewing Thread:
"how do you add HTML code to your webpage "

I want to embed a twitter feed and Google +1 onto my website, but i can't even see how I add the code. Keep reading about viewing source code, and text editer and HTML view - but going round in circles. I'm sure it is very easy, but it's confusing the hell out of me. Nice but Dim, Dom

I want to embed a twitter feed and Google +1 onto my website, but i can't even see how I add the code. Keep reading about viewing source code, and text editer and HTML view - but going round in circles. I'm sure it is very easy, but it's confusing the hell out of me. Nice but Dim, Dom

Assuming you are using our InstantPro service, we actually provide a guide, amongst others, on adding a Twitter feed to InstantPro which can be viewed here.

While there is no guide currently on adding a Google+ icon to your site, one may well be added in the future should it 'take off', you can add the given HTML code fairly easily. Every standard page within InstantPro will give an 'HTML' button when editing the content, this can be found in the same section as the Bold, Italic and Links icons. This will open a new window showing you the HTML of the page you are on. Once you have found the section in which you would like the icon to appear simply paste the code given to you by Google+.

If you are unsure about making changes to the HTML of your page, we would always advise testing on copies of your pages (or unpublished ones) before altering the live content.

Hi Butch,
Re. 'Google +1' button.

Someone emailed me over the weekend asking if I had had any success adding a +1 button to an InstantPro website - they mentioned they use my InstantPro 'Dropdown menu' hack :¬)

I had a play but it looks like your editor strips out the <g> tags so it doesn't work.

They did mention Freeola were investigating - are you saying this has now been sorted?

EDIT: Welcome to the forums domburch!

Thanks,
[s]Hmmm...[/s] My Freeola InstantPro Site


FWIW
I've just had another attempt at adding the Google +1 code and the tag still gets removed by the InstantPro editor...

thanks. All sorted. Knew it would be easy enough, just couldn't work it out.

We've got this working in InstantPro - you're right about the g tag, it will get stripped out, however there is an alternate solution.....

Alternate Solution

Basically, you will still need to include the external js script tags, however you can use the html editor to add a div with a class of g-plusone wherever you wish the plus one to appear.

Google Plus one on InstantPro

Nice one Numnut :¬)

Just to make things clearer for people. I used this code from Google:

<script type="text/javascript" src="https://apis.google. com/js/plusone.js"></script>
<div class="g-plusone" data-size="standard" data-count="true"></div>


InstantPro changes it to this after you've saved things, but it all works fine (you won't see the +1 Button until you save/preview):

<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>
<div class="g-plusone"></div>


FYI On your 'instantprotutorials' site it displays a couple of JavaScript errors but they don't seem related to this code.

[s]Hmmm...[/s] My Freeola InstantPro Site

EDIT:
I had to insert a space here: "apis.google. com" to make Freeola's forum accept it in case anyone copies this! Grrrrrrr...