Installation Guides for Blogs

Bogger/Blogspot | Ning Networks | WordPress | WebsiteWorks.com |
| Registered.com | TypePad | Mediawiki | iWeb | Tumblr |

How to Add Tynt to Blogger/Blogspot

    1. Log in to your Blogger account and on your Dashboard click Layout.
     

    2. On the Layout Page click the Edit HTML tab. Then scroll to the end of your HTML Template.

    blogspotaddhtml2

    3. Paste the Tynt javascript just before the close head tag or anywhere between the open and close body tag. Then click ‘Save Template’.

    Blogger Script Example
    Blogger Script Example

    4. Copy/Paste content from your site to verify Tynt is adding the attribution link to the pasted content.

How to Add Tynt to a Ning Network

1. You need to go to the ‘Manage’ screen for your Network. There are three ways to get there. Click on the html link, the icon for the network or clicking ‘Social Networks’.
ning1
2. Click on ‘Manage’.
ning2
3. Click on Analytics in the next window

4. Paste your Tynt script into the window and click Save. (Note: It may look like nothing is happening.)
Ning Tynt Script Placement
5. Test the script by copying and pasting content from your site. There should be an Attribution Link added to the copied and pasted content.

How to Add Tynt to WordPress

Note: There are two types of WordPress accounts. Hosted and Self-Hosted.

  • Tynt does not yet support this platform.

Hosted: means WordPress.com hosts your site.

    Self-Hosted: means you download files from WordPress.org and upload them to another web server.

Add Tynt directly to your HTML code for your Self Hosted WordPress site please follow the steps below.

1. Log in to your WordPress admin area.
e.g. http://yourdomain.com/wp-admin
2. Click on ‘Appearance’ in the left side bar

Wordpress Dashboard

Wordpress Dashboard

3. Click on ‘Editor’ in the list that appears below ‘Appearance’

Wordpress and Tynt

Click on 'Appearance'

4. Click on ‘Header’ in the list of ‘Templates’ listed on the right side

Wordpress Tynt

Click on 'Header'

5. Locate the close head tag (</head>) in the header.php file displayed

Wordpress Tynt

Locate the </head> tag

6. Paste your Tynt script tag right before the close head tag and click on ‘Update File’

Wordpress and Tynt Script

Paste your Tynt script and click on

How to Add Tynt to WebsiteWorks.com site

    1. Log into your account.
    2. Go to the “MY Content” tab.
    3. Select “Edit Page Content”.
    4. Select the “Welcome” page to edit.
    5. Click on “Meta Tags” and paste your Tynt script into the “Add Google Analytics Code Snippet:” area.
    6. Click the “Submit” button.
    WebsiteWorks

How to Add Tynt to a Site Hosted on Register.com

Note: There are two options so please pick the one that is right for you.

    Option 1

    1. Open the Do-It-Myself website editor.
    2. In the editor, you need to click on site add-ons.
    3. Pick one of the black add it here buttons, as close to the bottom of your page as possible without being in the footer.
    4. Choose site extras.
    5. In the left hand column, about the 3rd item down is Add your own HTML and click the small blue add link.
    6. A small text box will appear for you to paste your html/javascript code.
    7. Once your code is pasted into the box just click done.
    Option 2

    1. Click on a pencil, preferably one without any content in it already (If you don’t have any free pencils, try switching the layout to one that includes more templates).
    2. Select the option to add text and select next.
    3. From inside the text editor, select the “source” button at the top left.
    4. Add the code into this editor, then switch back into text mode by hitting that same button at the top left. Keep hitting next until it adds it to the page.

How to Add Tynt to TypePad

    Note: You may need to delete The Tynt TypePad Widget if you previously installed Tynt before Apr 2010.
    1. Login to your TypePad account. Click on Blogs to choose your page. Then click on the Design tab and Content area.

    2. Under Categories click on Widgets. Then under Modules click on Embed your own HTML.

    3. You will need to get your Tynt script from your Tynt Dashboard. Login to your Tynt Account and click on the Link Setup. Copy your script.
    Tynt Dashboard

    4. Back in your TypePad account click on the Add Module button.

    5. Change the name of the custom module and paste the script into the HTML area. Click OK to save.

    6. Move Tynt module to the bottom of the page and click Save.

    7. You have completed the installation of Tynt to your TypePad page. You can login to your Tynt account to see the data being collected.

How to Install on MediaWiki

1. Click Here for instruction on how to install on MediaWiki.

iWeb

I have pasted the HTML script in every page of my iWeb site. Yet when I View Source, it’s not there?

Your Mobileme web site(s) and all its related files are stored in the /iDisk/Web/Sites/… directory and viewable directly from finder. iWeb then generates html code that calls out the file. Our Tynt Script must be in the page source in order to work and cannot be loaded from a nested HTML file. At this time Tynt is not compatible with iWeb and Apple’s hosting service.

Adding Tynt to Tumblr Blog

1. In the Tumblr Dashboard, click ‘Customize’ on the right sidebar.
2. Click ‘Theme’ from the menu.
3. Paste the javascript into the custom HTML before the tag.
4. Click the ‘Save + Close’ button

Comments are closed.