Feedburner Chicklet and Headline Animator.

You can modify the feedburner chicklet to display the colors you want in your blog. You can also tweak the code to change the text displayed. You can display the Headline Animator as your Blog Header. You will then have your header display the rotating headlines of your posts displayed in the blog header..........

MODIFYING THE FEEDBURNER CHICKLET

First you will have to register at Feedburner and burn your blog feed as shown in Feedburner and Blog Feeds. Then login to your account and click on your Blog name. Click on Publicize and then on Feed Count in the sidebar. Copy the HTML code given. It will look something like my code below :

<p><a href="http://feeds.feedburner.com/DummiesGuideToGoogleBloggerBeta"><img src="http://feeds.feedburner.com/~fc/DummiesGuideToGoogleBloggerBeta?bg=FF3333&fg=FFFF66&anim=1" height="26" width="88" style="border:0" alt="" /></a></p>

To change the text add "&label=DIEHARDFANS" after "anim=1". You can add whatever text you want instead of DIEHARDFANS. To change the background color change the hex color code in this part of the code : "bg=FF3333". To change the foreground color change it here :"fg=FFFF66". See Below :

You can also change the width and height attributes. To get hex color codes go here. Compare the above with the unmodified chicklet at the top of the left column of this blog.

REPLACE BLOG HEADER WITH HEADLINE ANIMATOR

You can put Feedburner Headline Animator into your Blog Header. This will rotate all your post headlines at the top of your blog. To do this first you need a header picture for your blog. Create a gif picture file. Put it in a Html/Javascript Page Element as shown in Removing Title Not Recommended but here is the How To.



Next login to Feedburner and click on name of your blog. Then click on Publicize and then on Headline Animator in the sidebar. Scroll down till you come to ClickThrough URL. Here paste the URL of your blog. This is because you will be using it in the header. Then click the drop down arrow under Theme and select Provide Your own Background. In Background Image URL box paste the Url of the image you have Uploaded to a freehost.and click the Load Button. The image will appear in the bottom. Click and drag the Title, Date and post titles headings to position the and then click on activate. Scroll upwards and click the Down arrow in Add To text box. Select "Other. Just Gimme the code" at the bottom. Click Next to get the code and paste this code in your Html/Javascript Page Element in the blog header. See the one I created below :



Check out the new Blog Header above with animated post headlines.