Forums/General Categories/Implementation

Adding SiteApps to Blogger (Blogspot) site

SiteApps Team
posted this on December 13, 2011 13:15

Before you get started, make sure you have signed up with SiteApps.  In the SiteApps interface, click on the Tags link to get your Javascript tag.


To add SiteApps to your Blogger site, please follow these steps:

 

 

1.  Login to http://www.blogger.com/. The Dashboard loads.

2.  Under the blog you want to add SiteApps to, click on Template (or Layout).

3.  Click on Edit HTML. An editing screen for your blog template’s HTML displays. Don’t freak out. 

4.  Right at the top of the code, look for the </title> command:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title> SITEAPPS TAG GOES HERE

 

5.  Put your cursor right after that </title> tag.

6.  Paste the SiteApps Tag by selecting Edit > Paste, Ctrl -V or Command-V.

7.  Click Save Changes.

 

Comments latest first

User photo
Antoinette Bailey

Hi Andre its now working. I don't know why it took so long to show up on my blog. Anyways thanks to all of you for help! :-) 

May 07, 2012 07:27
User photo
Antoinette Bailey

Hi Andre,

I'm not sure the template I'm using is one of the dynamic ones. I'm using one of those templates you download off of a website. Is that a dynamic view template?

May 07, 2012 07:17
User photo
Andre Santos

Hi Antoinette, 

If you are using one of those dynamic views templates, I'm afraid none of that will work. I haven't been able to work around this problem yet but it seams that Google doesn't allow any external javascript in these dynamic templates. I couldn't even customize the Google Analytic code. When using the other views though, both ways mentioned where of getting the code in to the blog work just fine. The only way I could inject any external javascript in to a page when using the dynamic view was on a page I create, but never on a regular post. 

Does anyone has an alternative to that?

May 07, 2012 06:37
User photo
Antoinette Bailey

Absolutely NONE of  what you guys recommended worked on my blog. I tried adding the code after the title tag it didn't work. Then I tried adding it in a gadget and it still didn't work. Please tell me what can I do next? 

May 05, 2012 19:00
User photo
Andre Santos

There is an alternative way too. You can click at the "Layout" menu, then click on "add a gadget" (on the head or foot of the page, either way will work), select the HTML/JavaScript  Gadget and then just past the SiteApps code there and you are done. This alternative method will make things easier if you want to change the template in the future. 

December 20, 2011 02:57
User photo
SiteApps Team
SiteApps.com

Hi shahmeerhaq, in the code you sent us, notice the third line from bottom to top:

 

<title><data:blog.pageTitle/></title>

 

Simply insert the tag right after this.

 

Cheers,

SiteApps Team

December 13, 2011 14:19
User photo
shahmeerhaq

now tell me where i should put my..thx.

December 13, 2011 13:58
User photo
shahmeerhaq

sorry i coundt find u thsi stuff instead i find this

<?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=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <meta expr:content='data:blog.metaDescription' name='description'/>

    <b:skin><![CDATA[/*

December 13, 2011 13:58