Friday, April 2, 2010

How to manually add a customizable Twitter stream widget to Blogger

From this tutorial, you will be able to add your Twitter updates to your website.

twitterexample

search

PREVIEW
see it in action





You will need these file(s) for this tutorial:

file_png_thumb2 twitterexample.png
box_zip_thumb2 twitterstream.zip

To add a customizable Twitter stream widget:

1. From your Blogger dashboard, navigate to Layouts and then Edit HTML.

2. Click “Add a Gadget” and select “HTML/JavaScript” and copy/paste the following section code inside the textbox.

3. In the above code, you will need to add you Twitter ID and select save.

Add style with CSS:

4. Next, you will need to add the CSS section code the footer. To do this, copy and paste the following section code below right after: ]]></b:skin>

5. You should preview your blog first to see if all codes have been implemented correctly. If so, save your template and you’re finished.

Labels: , ,

1 Comments:

Blogger Beben said...

wow...its great
thanks

April 04, 2010  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home