Sunday, December 21, 2008


How I Built this Blogger Blog

This page is intended to be the catalog of resources and tips I use to create "Blog Mule." As I add new features and formatting, this page will update accordingly. If you would like to know how I did something not listed here, leave a comment. I'll do my best to get a response up soon.

Search Blog Mule
  • Link: http://bloggerindraft.blogspot.com/search/label/searchbox
  • Description: Allows blog readers to search for any term within the blog or within links contained in the blog. An option exists to allow users to search the web in general too; however, I disabled that feature for Blog Mule.
  • Modifications: This widget is available from the Blogger in Draft interface. Since it works just like any other widget, it's pretty simple to add. Once installed, I pulled up the HTML for the template and made a few background color changes. By default, the widget is set to use the background color of your blog. Since Blog Mule uses blue for the main background and white for post backgrounds, this looked awkward (the widget pulled in the blue background). I swapped out the code for #ffffff and it worked fine. I also changed the color of the active tab to white and the inactive tab to the gray used on Blog Mule, #666666.

Display a list of titles (without content) when labels are clicked

  • Link: http://eknol.blogspot.com/2008/12/display-only-blog-post-title-when.html
  • Description: This code enables you to only to display blog post titles when a label is clicked. By default, Blogger displays all of the content of all of the posts with that label. I find the default works well on my photo blog, The Andy Aupperlee Explosion 5000; but with so many posts-per-day on Blog Mule, it's important to streamline the content so the user has equal access to items both new and old.
  • Modifications: I added a break command after the first line of active code. The default setting renders all the titles for a particular day on the same line, which can be confusing to navigate. Adding the break command puts different titles onto different lines, making the page much easier to navigate.
Drop down menus for specific labels or links
  • Link: http://blogatech.blogspot.com/2006/05/drop-down-menus.html
  • Description: I used this to create simple drop down menus within the basic HTML widget. This is nice for putting custom, specific links to labels or external websites.
  • Modifications: Other than changing text size and colors in the CSS layout, I basically left this code alone.
Display labels in a drop down menu

0 comments:

Post a Comment