Glen Goffin Photography

Showing posts with label banner. Show all posts
Showing posts with label banner. Show all posts

Thursday, April 8, 2010

93 Blogger Tip - Adding a Flash Slideshow Header

I'm really excited about the new "Blogger in Draft" features that Google have released.  If you are a Google blogger, you really should try them.  Simply go here:  http://draft.blogger.com.   There are two really cool features that I've begun to explore - Advanced Templates and CSS.

Hopefully you may have noticed that I now have this rad slideshow header.  Previously, the editing tools didn't allow you to insert HTML or javascript references into the header banner.  The best you could do was an image and a simple line of text.  That's why most blogger sites have the same vibe.  Along with that annoying blogger strip at the very very top.  That's my next project - getting rid of that thing somehow.

Once you're in draft.blogger.com, navigate to the template designer, pick your template and then move to Layout (as above).   You'll see that you now have a banner below the header (yay!).  You'll have to leave template designer to update that widget.  At the top of this screen is a menu item:  "Back to Blogger".  Use that and then go to Customize -> Layout.  There you will be able to add script to your banner.  It should look something like this:



Now you can edit each section.  If you are a SmugMug user like me, you would add script like the following (sorry for the small type):






and VOILA!   All I have to do is add images to a particular gallery and they get fed to the banner.

Peace,
Glen

PS - I've started a new site aimed at brides and wedding planners.  Let me know what you think of it.  http://glengoffin.blogspot.com