How to add HTML/Scripts to blogger

Blogger users(XML LAYOUTS) can easily add HTML or JavaScript code to their blogger blogs. Here are the instructions to add HTML/Scripts to your blog :

Firstly, login to your blogger account, go to your dashboard, where you have to click the "Layout" link(beside the settings link) of your blog. make sure you are on the "page elements" sub-tab, where you can easily add and arrange page elements.

You will now add a gadget by clicking the "Add a Gadget" link

From the popup that appears, you can add many gadgets to your blog, this time we need to scroll down to the HTML/JavaScript option and click the "+" sign beside it to add it to your blog

This will open a final popup where you paste your code(HTML or JavaScript) under the "content" textarea. Give it a title on the title textbox and click the button to "save changes"

Blogger Polls

A polling system is very essential to a blog. My observations are that visitors interact with the website using a voting system more than they do using comment system or sending email. This could be due to the "laziness factor" as interacting with the voting sytem takes just a click or two. Therefore my recommendation is to have a blog poll on your blog for making your visitors interact with your website/blog, keeping their laziness factor in mind.

The poll that I found attractive enough to include in my blogs is from http://www.dpolls.com
Here are others that you can try as well :
http://www.blogpoll.com/
http://www.polldaddy.com/
http://www.vizu.com/index.html
http://www.pollpub.com/
http://www.addpoll.com/
http://www.blogpolls.com/

Add StumbleUpon button to blogger(XML Layouts)

This is a preview of the StumbleUpon button that can be added to your sidebar. If you are happy with the preview, click the "add to blogger" button to install it on your blog.

Stumble it!

Add Digg This! button to blogger

Add Digg This! button to blogger( XML Layouts )
This is a preview of the "Digg This!" button that can be added to your sidebar. See the preview below, click the "add to blogger" button to install it on your blog.

Preview:

For Classic Templates users(HTML, JavaScript knowledge required)

• Login to blogger dashboard and click manage : template link of your blog


• Click the "Template" tab, then go to "Edit HTML" subtab.


• Find the "<$BlogItemBody$>" tag, and copy-paste the code below, under the "<$BlogItemBody$>" tag


• Save and Publish your blog.

<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

Blogger Widgets

Love & Astrology Gadget for your blog

To add this gadget to your blog :

New XML Layout users:

• Log into your blogger dashboard.
• Click on Manage : Layout
• Then on "Page Elements" subtab
• Click "Add a Page Element" link, where you want to add this gadget
• Choose Html/JavaScript from the popup.
• Insert the code below and click Ok

<center><!-- Astro-Love by www.Spiritualitea.com --><br /><br /><!-- COPY THE TEXT BELOW --><!-- ONTO THE SPOT ON YOUR HOMEPAGE --><!-- WHERE YOU WANT ASTRO-LOVE TO APPEAR --><!-- AstroLove --><script language="javascript" src="http://www.spiritualitea.com/spiritualitoys/astrolove.js"></script><br /><br /><!-- GET YOUR OWN ASTRO-LOVE AT WWW.SPIRITUALITEA.COM --><!-- USE IT FREE ON YOUR HOMEPAGE --></center>

---

Classic Template Users :

• Log into your blogger dashboard
• Click on Manage : Template
• Then on "Edit HTML" subtab
• Insert the following code on your template where you want the gadget to appear.

<center><!-- Astro-Love by www.Spiritualitea.com --><!-- COPY THE TEXT BELOW --><!-- ONTO THE SPOT ON YOUR HOMEPAGE --><!-- WHERE YOU WANT ASTRO-LOVE TO APPEAR --><!-- AstroLove --><script language="javascript" src="http://www.spiritualitea.com/spiritualitoys/astrolove.js"></script><!-- GET YOUR OWN ASTRO-LOVE AT WWW.SPIRITUALITEA.COM --><!-- USE IT FREE ON YOUR HOMEPAGE --></center>

Hunkdujour Widgets

Hunkdujour.com offers a free service to show off a daily new picture of a hunk on blogs/websites. We have created widgets for XML Users of blogger to simplify the steps needed to use their service to show the pictures. (XML Users only need to click the "+ Add to Blogger" button to install the hunkdujour widget.)

Classic Template users and other blogs/sites can copy the code for any of the versions below and paste it into their template/pages.

Tiny Version(150 Pixels)

XML Blogger Users :

Classic Templates Users / Other Blogs & Websites :
<a title="Hunk du Jour" href="http://www.hunkdujour.com/" name="Hunk du Jour"><img alt="Latest Blog Photo from Hunk du Jour, with hot celebrity men daily!" src="http://www.hunkdujour.com/images/hunkdujour/featured_today/today_150.jpg" border="0" /></a><br /><a href="http://www.hunkdujour.com/blog/archives/2006/01/hunk_du_jour_for_your_site.asp">Put on Your Page</a><br />

---

Small Version(200 Pixels)

XML Blogger Users :

Classic Templates Users / Other Blogs & Websites :
<a title="Hunk du Jour" href="http://www.hunkdujour.com/" name="Hunk du Jour"><img alt="Latest Blog Photo from Hunk du Jour, with hot celebrity men daily!" src="http://www.hunkdujour.com/images/hunkdujour/featured_today/today_200.jpg" border="0" /></a><br /><a href="http://www.hunkdujour.com/blog/archives/2006/01/hunk_du_jour_for_your_site.asp">Put on Your Page</a><br />

---

Medium Version(250 Pixels)

XML Blogger Users :

Classic Templates Users / Other Blogs & Websites :
<a title="Hunk du Jour" href="http://www.hunkdujour.com/" name="Hunk du Jour"><img alt="Latest Blog Photo from Hunk du Jour, with hot celebrity men daily!" src="http://www.hunkdujour.com/images/hunkdujour/featured_today/today_250.jpg" border="0" /></a><br /><a href="http://www.hunkdujour.com/blog/archives/2006/01/hunk_du_jour_for_your_site.asp">Put on Your Page</a><br />

---

Large Version(500 Pixels)

XML Blogger Users :

Classic Templates Users / Other Blogs & Websites :
<a title="Hunk du Jour" href="http://www.hunkdujour.com/" name="Hunk du Jour"><img alt="Latest Blog Photo from Hunk du Jour, with hot celebrity men daily!" src="http://www.hunkdujour.com/images/hunkdujour/featured_today/today_500.jpg" border="0" /></a><br /><a href="http://www.hunkdujour.com/blog/archives/2006/01/hunk_du_jour_for_your_site.asp">Put on Your Page</a><br />