Picking a Non-Standard Template

A friend of mine, Josh Stump, just turned me onto a fun repository of blog templates that are very cool. Copy and paste one of these into your blogger template and people will think you hired a professional designer.

You'll love the site, as it also includes a helpful list of hacks and ideas on how to enhance your blog. Enjoy!

Now for instructions on how to implement these templates. There are details on the site, but in general I would recommend copying and pasting your current template into a Word or NotePad document and saving it before changing the template. This way you can always go back if the new one doesn't work out. This is especially true if you have edited one of the standard templates, because who wants to do that work again?

To see an example of another blog that utilizes one of their templates see Creative Outlet Labs.

Keeping up with your correspondence

In the olden days, people would have writing desks and would set aside time for keeping up with their correspondence, as they responded to party invitations and letters. Or, at least that is what I remember from the period movies.

The modern day equivalent of that might be checking email and reading blogs. To make the reading blogs part easier, there is a variety of tools out there calls RSS Readers that allow you subscribe to blog content and be alerted everytime there is a new post. I have used several, but the one I am currently using is GoogleReader. Is is easy to set up and can be integrated right into their personalized home page for easy reference.

So, click the link above to open GoogleReader in a new window. Sign up for the free service. Copy and paste this URL into the search field: http://www.bloggerassist.blogspot.com. Hit the "subscribe" button and voila! you now will see whenever there is a new post.

While you are at it, you can subscribe to other blogs that I publish including Creative Outlet Labs and Invention Recycling.

Move Your Profile

On our family site and on this site, I wanted to move the "About Me" profile to the bottom of the page, rather than having it at the top of the site. This helps make the site look less like a blog.

Turns out that changing this is really easy. Again, my friend Jason Hill provided his expertise.

Moving Your About Me Profile
1. Find the text comment string that reads as follows:

<!-- Begin #profile-container -->

2. This portion of code (beginning with this comment and ending with another that reads <!-- End #profile -->) is the About Me Profile that we will be moving.
3. Cut that whole chunk (which may only be a few lines and most of it comments). You will copy it later in the code.
4. Find the following code:

</div></div></div>
<!-- End .box -->

5. Paste that profile code (see step #3 above) below this code. The exact reference in your template might be different, but in general it is below the references to Links, Previous Posts, and Archives.
6. Save changes and republish blog to see changes. That will move the Profile (the green box in our template) and put it beneath the Links and Archive sections.

Note: The word "profile" is reference several times in the Template, most of them in the Style area. Do not move this code.

Hiding the Blogger Menu Bar

So, we love Blogger, but maybe we think the blogger menu bar (see the black bar at the top of this site) looks cluttered and distracting. Here is a hack that my friend Jason Hill taught me. You can see that he also uses it on his blog. I just put it on our family site and it works great. He did caution, however, that is is a "big" hack and should be used with caution. I don't take any responsibility for this not working or breaking something else, but it is easy enough to try.

Removing the Blogger Menu Bar
1. You will need add two lines of code to your Template and remove one. Go to the Template tab and see the "Edit Current" scrolling text window there.
2. Search this field (using the Edit-Find On This Page from your Internet Explorer browser menu bar) for the text "</style>". If there is more than one, just the last one in the template.
3. Once you have found the last one, enter the following code immediately before the closing style tag:

#b-navbar { height:0px; visibility:hidden; display:none }

Note: this needs to be spelled correctly to work. The character after "height:" and before "px" is a zero, although this font makes it hard to read
4. Now, search for the string the reads <div id="header"> using the Find On This Page feature of your browser.
5. When you find it, replace it with the following:

<div id="header" style="margin-top:5px">

6. Now, for the final edit, you can remove the "Powered by Blogger" logo in the bottom of your site by removing the code that begins as follows:

<p id+"powered-by"

Delete the whole line which ends with a </p> tag.
6. Save changes and republish the blog to see the changes.

Your Own URL for Your Blog

You may have noticed that the URL (Universal Resource Locator; aka, the website address) of our family blog is www.DavisFamilyHome.us. It is also accessible using the standard www.davisfamilyhome.blogspot.com, but I find that longer address a bit cumbersome. In order to "hide" the blogspot address under a custom moniker, you use a service provided by your ASP. I used this same effect on my sister's blog (www.RebeccaHull.com) and the blog for our Westside Mothers of Preschooler's group (www.WestsideMOPS.org).

I know there are fancier and more "thorough" ways to create a blog at your own URL and maybe I will learn how to do that and post instructions here. But until then, masking the blogspot URL provides a potentially easier-to-remember URL and helps present a more professional image.

I have used both Network Solutions and GoDaddy! for this service and have found GoDaddy to be less expensive (they don't charge extra for masking the URL) and just as flexible, so I will use them for the instructions.

Creating Your Own URL for Your Blogger Blog

Step A: Securing a URL
1. Go out to www.GoDaddy.com and type in the name of your desired URL name. Although the home page here is WAY too busy, you should be able to find this as they try to draw attention to it with arrows and scrolling offers. Think of a URL that will be easy to remember and spell (as you will want to tell everyone about it). Having your name in it will help with search engine optimization, but might not be what you want to do. Having a descriptive name to the content of the site might help your visitors remember the URL. For instance, if your blog is about sports, you can name the site www.MySportsSite.com or www.SportsNotGames.com. If you have a blog about nothing, you can name your site www.WannaBeJerrySeinfeld.com. You get the idea.
2. You can select from the pull-down box whether you want the site to be a .com, .net, or .org or one of the dozens of different options. We selected a .us suffix for our home site and it has caused some confusion because people want to type .com.
3. Click "Go" to search to see if the URL you requested is available. If it isn't, most sites will provide you with some alternatives to consider or you can enter a second choice.
4. Follow the instructions on the screen for paying for your URL and setting up your secure log-in. GoDaddy assigns an Account ID number.
5. This URL currently doesn't lead anywhere. Most domain name registries will create a "coming soon" page for you, but even that won't be live right away.

Step B: Forwarding your URL to Your Blog
1. I assume you already have a Blogger account. If not, go to www.Blogger.com and enter the name of your blog and the basic contact information required to set up your free blog. It is super easy and free. The address you create (which should be live right away) will be formatted as follows: www.YOURTEXTHERE.blogspot.com.
2. With that URL in hand, go to your Go Daddy accoung and go to the Manage Domain Forwarding link under the Domain Names subhead on the Welcome Page (again, this site is TOO busy, but it was second on the list).
3. Select your new URL from the list presented. On the right hand side of the screen you will be asked to provide a URL to forward it to. Type in your blog address here.
4. If you want the URL of your blog to be hidden from visitors view, click the "Mask Domain" check box. Otherwise, if someone types in your URL they will be redirected to your blog site, but if they bookmark it, they will be bookmarking the blog page, not your URL. You can also type in a title for your site here.
5. Click "Save Changes." It typically takes a little while for this redirect to be active, but certainly by the next day, you can point people to the URL you created in Step A and up will appear your blog.


Note: This URL masking works really well. In fact, it works too well sometimes. If you include a link on your site to some other website that takes people from your blog to other addresses on the Internet, those too, will appear under your home URL. Someone might know how to get around this or "fix" this and I welcome your ideas and expertise in a comment.