kunoichi

Archive for the ‘custom blogger’ Category

Introducing Blogger Buster

In Blogging, custom blogger on June 24, 2007 at 5:32 pm

I love blogging, and since I’ve been asked so many questions about the customisations I made to this blog, I decided to start another: Blogger Buster!

My new blog is solely about blogging, featuring posts about customisations, domains, SEO, widgets and loads of other blogging inspired posts. I’m no expert at blogging, but I do like to help others out when I can, so my posts are about things that I’ve tried and successfully accomplished myself.

You can see my new blog here:

Please let me know what you think, or if there’s a specific blogging question you’d like me to try and answer in a post!

A blog widget for Mums to be!

In Blogging, custom blogger, freebies, kids on June 19, 2007 at 12:24 pm

I found this gorgeous little widget at WidgetBox.com which I just had to share with you:

The countdown on this one isn’t for me, but shows the due date for my friend who’s recently discovered she’s expecting after a long period of infidelity. I just know she’ll love it when she sees it!

To get your own free baby countdown timer which is fully customisable, visit this link:

http://www.widgetbox.com/widget/baby-ticker

Technorati Tags:

How I set up my Blogger custom domain

In custom blogger on May 12, 2007 at 4:14 pm

I used GoDaddy to register my domain name, as this company seemed the cheapest dot.com domain provider, and also because they supply a free email address and basic hosting account with each domain, which has come in rather handy.

However, I’d read quite a few complaints about using GoDaddy for custom domains with Blogger hosting, so I was rather careful to make sure I did everything correctly!

Please do note that you can only link your site as http://yoursite.com or http://www.yoursite.com. Not both. It just doesn’t work that way. My advice is to use the www prefix, and if you can make a simple redirect page in your host root, as I’ll explain later

I followed Blogger’s advice to the letter, and everything works fine. Here are the basics of their tutorial, or you can read the whole thing yourself on this page.

  1. Buy your chosen domain name and create your account.
  2. Once your domain has been registered, log in to your control panel, and choose to “manage domains”.
  3. Click on the area marked Total DNS Control, and then on Total DNS Control And MX Records.
  4. Look for a record prefixed “WWW”. If there isn’t one, add a new CNAME record; if there is one, you’ll need to edit this record instead.
  5. Insert these settings exactly as they are described! For the “Name” type “www” (as in www.yoursite.com). For the Host Name, you need to enter “ghs.google.com“. Don’t change or enter anything else except for these two functions. If this is a new CNAME, click “add”. If you are editing an existing CNAME, click “update” and “continue”.

Before you link this domain to your Blogspot blog, you may well want to check that all the settings are correct. To do this, you’ll need to “ping” your new domain and ensure the host points to ghs.google.com.

If you’re a Windows user, this is quite simple to do using the “command” feature. Windows 98 and ME have a “command prompt” program in the start menu; Windows XP has the “run…” feature, which brings up a box; simply type in CMD, hit enter and you’ll get your command prompt.

Then all you need to do is enter the following:

ping www.yourdomainname.com

substituting yourdomain.com for your domain name and suffix. Hit enter, and see what happens. It should look something like this:

Pinging ghs.1.google.com [72.14.207.121] with 32 bytes of data:
Reply from 72.14.207.121:
bytes=32 time=85ms TTL=247
Reply from
72.14.207.121: bytes=32 time=89ms
TTL=247
Reply from 72.14.207.121:
bytes=32 time=86ms TTL=247
Reply from
72.14.207.121: bytes=32 time=86ms
TTL=247
Ping statistics for 72.14.207.121:
Packets: Sent = 4, Received =
4, Lost = 0 (0% loss), Approximate round trip
times in milli-seconds:
Minimum = 85ms, Maximum = 89ms, Average = 86ms

Notice that the ping recognises that my site is hosted with ghs.1.google.com. This means that I can (and indeed, have) followed the next step in telling Blogspot my new domain name. If you don’t notice the host is registered as Google, wait a little longer before following the next step.

Log in to your Blogger control panel. In the settings section, click on the publishing tab. Near the top of this page, you’ll notice “publish to a custom domain”. This is what you want to do.

When prompted, enter the domain name you have directed to the ghs.google.com host, including the www prefix! Continue, and you should see that your new settings have been saved.

View your blog to ensure everything works and looks okay. Don’t worry if at first you get a “404 file not found” page: it can take a few days for DNS settings to propogate across the whole internet. You can always switch back to Blogspot hosting and try again in a day or two. When this does work okay, you’ll see your blog exactly how it is normally seen, with the exception that your new domain name is in the address bar. Blogger takes care of all the inter-blog links, page titles and such for you, and even redirects traffic from your old name.blogspot.com address to your new www.yoursite.com address! This is great as it means it’s unlikely you’ll lose traffic or page ranking stats.

Now here’s the awkward part: as I mentioned earlier, you can only have http://www.yourblog.com or http://yourblog.com. Not both. Blogger/Google simply haven’t recognised that this may be important, and only offer the function of linking one address to your blog. But in a strange way, this is good: you don’t have to worry about having two seperate blogs listed in Technorati, for example.

I advised that you use the www prefix for a good reason. Many domain providers offer a single page (often called a “holding page”) with each domain name. This will show when you type http://yourblog.com, even though www.yourblog.com will link to your Blogger blog.

So make use of it!

If you are able to edit the HTML, you could create a redirect page to automatically redirect visitors to your www address. That way, you won’t lose any visitors at all. To make the page redirect to your www address, you need to insert this code between the head tags, substituting “mysite.com” for your domain name. You can do this using an HTML editor (I prefer Notepad).

<head><meta http-equiv=”refresh” content=”0; url=http://www.mysite.com” /></head>

The part content=”0; means that there is no pause before the browser is redirected. You can change this to “5″ for example, to give a 5 second pause if you also want to include an explanation for the redirect in the body of the page. It is also a good idea to include a hyperlink to your www address in the body of the page, just in case the visitor’s browser doesn’t recognise the redirect command.

If you look at my redirect page at http://glamumous.com, you’ll notice that there is an 8 second pause and an explanation for the redirect. Play around and see what works for you!

Similar posts:

Technorati Tags:

… Soon to be Glamumous.com!

In custom blogger on May 11, 2007 at 12:28 am

In the next few days, the address for Glamumous will change from glamumous.blogspot.com to glamumous.com!

I’ve decided to buy my custom domain, and maintain Blogspot’s excellent free hosting. An added bonus is that glamumous.blogspot.com will automatically redirect to the new address. I also have a new email address: amanda at glamumous.com!

Great, eh?

Technorati Tags:

My new blog header

In custom blogger on May 9, 2007 at 12:42 pm

Last night, I finally got around to customising my blog header, which turned out to be much easier than I thought it would be!

I made the header using a combination of Publisher and Photoshop, then uploaded it to my hosting account on another server. I’m rather proud of how well the design turned out!

Then, rather then change the background image through the header widget, I read Peter Chen’s excellent tutorial and added an extra widget to the header section; this enabled me to add an extra widget (HTML/Javascript), in which I created an image link to my header enclosed in link tags to the Glamumous home page.

After much tweaking of the header-wrapper/background images and the like, I finally have the (almost) finished design you see now. Please leave your comments to let me know what you think so far!

Similar posts:

Technorati Tags:

Free Blog Design Giveaway!

In custom blogger, freebies on May 8, 2007 at 11:51 am

Everyday Mommy is giving away a free Blogger or Typepad makeover as a Mother’s Day Giveaway! What a great idea! To be in with a chance of winning this great prize, simply leave a comment on Everyday Mommy’s post here explaining why you’d like the blog design, and including a link to your URL.

Good luck!

Great, I can post by cameraphone!

In Blogging, custom blogger, kids on May 7, 2007 at 8:11 pm


Great, I can post by cameraphone!
Originally uploaded by
AmandaFaz.

Here’s a picture of my little princess, my first post by camera phone! Thankfully, blogging by phone isn’t limited to those who live in the US! Using a flickr account you can post images straight to your Blogger blog. Thanks flickr!

To learn how to blog by cameraphone using Flickr, read this page, focusing on the “Do you have a cameraphone?” and “Do you blog?” sections.

Technorati Tags: | | | |

Using Haloscan to enable trackbacks (only) in New Blogger

In custom blogger on May 7, 2007 at 12:44 am

Trackbacks are a way of linking blogs to each other when referencing another blogger’s post. They’re quite useful and interesting to use, but unfortunately Blogger has not yet made this an inherent feature of the new Blogger software.

As an alternative, I decided to install Haloscan on my blog, to enable trackback links. So far, I’ve found Haloscan to be very useful! It has a feature where you can automatically install Haloscan comments and trackback features into your Blogger template, which is great for those who have a classic template and don’t wish to use Blogger’s comments system.

Unfortunately, I don’t fall into either category: my template is now heavily modified, and I do want to use Blogger’s comments! So I tried to install only the trackback links. Big problems there…

To cut a (very) long story short, I believe I have found the way to do this. Here’s my step by step guide to what has worked for me:

  1. Get yourself a free account with Haloscan
  2. Once you have your account (and most importantly, your username), open your Blogger dashboard, then click on Template>Edit HTML. Ensure “expand widgets” is ticked.
    Just before the closing head tag, insert this code, being sure to replace “yourhaloscanusername” with your appropriate UN:

    <script src=”http://www.haloscan.com/load/yourhaloscanusername”
    type=”text/javascript”>

  3. Then add this code where you want your Trackback link to appear, again replacing the username:

    <a class=’comment-link’
    expr:href=’”http://www.haloscan.com/tb/yourhaloscanusername/” + data:post.id +
    “/”‘ expr:onclick=’”HaloScanTB(” + “\”"+ data:post.id + “\”" + “);return
    false;”‘><script
    type=’text/javascript’>postCountTB(‘<data:post.id/>’);</script></a>

  4. I included this just after the comment link as in the following example:
    <b:if cond=’data:post.allowComments’> <a
    class=’comment-link’ expr:href=’data:post.addCommentUrl’
    expr:onclick=’data:post.addCommentOnclick’><b:if
    cond=’data:post.numComments == 1′>1
    <data:top.commentLabel/><b:else/><data:post.numComments/>
    data:top.commentLabelPlural/></b:if></a>
    </b:if> </b:if><a class=’comment-link’
    expr:href=’”http://www.haloscan.com/tb/yourhaloscanusername/”
    +
    data:post.id + “/”‘ expr:onclick=’”HaloScanTB(” + “\”"+ data:post.id + “\”"
    +
    “);return false;”‘<script
    type=’text/javascript’>postCountTB(‘<data:post.id/>’);</script></a>

  5. Preview your template first to make sure everything works okay. If it does, then save your template and begin to receive your trackbacks!

Please let me know if this modification works for you by leaving me a comment below. Happy trackbacking!

Related posts:

Technorati Tags:

Creating a 3 column Blogger template

In custom blogger on May 3, 2007 at 5:01 pm

As you can see, my Rounders4 template now has extra sidebars to the left of the main column. This has been the most difficult, and yet most satisfying customisation I have made to my Blogger template yet!

I won’t explain every detail as this would make my post extremely long and boring, so instead I’ll just go through the basics of the process in order to give you the general idea.

  1. I copied the CSS relating to the layout of the sidebars, and made this unique by substituting “sidebar” for “left-sidebar” wherever found. So this:

    #sidebar-wrapper {width: 240px;float: left;word-wrap: break-word;overflow:
    hidden;}

    Became this:

    #left-sidebar-wrapper {width: 220px;float: left;word-wrap: break-word;overflow:
    hidden;}

    Note that I also changed the width of the sidebar wrapper, as I didn’t want it to be too wide!

  2. I then added the new sidebar to the left of the main template by ading the following lines of code just before the “main-wrapper”:
    <div id=’left-sidebar-wrapper’><b:section class=’sidebar’ id=’left-sidebar’ preferred=’yes’/></div>

  3. Finally I changed the width of the #outer-wrapper and #header-wrapper elements to include the width of the new sidebar.

After much tweaking of margins/background images/widgets and such, I finally have the template you see now. It wasn’t easy, but I think it was well worth the effort!

The only “problem” I have with this template is that things look odd when I alter the layout in my dashboard: it looks as though the right hand sidebar should be displayed underneath the main section, but it doesn’t… To make sure everything worked correctly in all browsers and screen sizes, I did check with Browsershots.org (a free and rather useful service), and everything seems perfect ion all formats I have previewed.

If you would like to use my template for your own (New) Blogger blog, please get in touch and I’ll send you the basics as XML.

Related posts:

Technorati Tags:

Creating a "label cloud" in the sidebar

In custom blogger on May 2, 2007 at 5:47 pm

Adding social bookmark buttons to my Blogger templates

In Blogging, custom blogger on April 25, 2007 at 2:06 pm


Of course I want to promote my blog! Who doesn’t? Well, after reading Seth’s guide to increasing blog traffic, I realised that “social bookmarking” is one way to help me gain more readers.

Adding links in the sidebar of my Blogger blog was simple enough, but I also wanted to have a bookmarklet link at the end of every post, and had many troubles finding a good solution for this.

Eventually (after much trial and error!), I found this site which has a nifty button generator and easy installation instructions for inserting the correct code into your blog template. As you can see, I now have a button at the end of my posts which links to most social-bookmarking sites, so you readers can add my posts to your favorite sites.

If you like my posts, that is…

Fancy doing this to your own blog posts? Then visit Add This! and create your own button. Then edit the HTML in your template (be sure to tick the “expand widget templates” box) and add the appropriate code below the div class=”‘post-footer’” line. Preview before saving to ensure everything looks okay.

My advice is to add below the line: p class=”‘post-footer-line” as it makes things look a little neater overall! Simple, eh?

Related posts:

Technorati Tags:

Customising Blogger

In custom blogger on April 23, 2007 at 4:45 pm

Like many new bloggers, I have the uncontrollable urge to customise my blog to my own particular specifications in order to make my blog unique and work exactly as I want it to.

It can’t be helped, despite my resolutions to concentrate only on Glam-Mum-Ous subjects… So for the next few weeks, I’ll blog a series of articles about what I’m doing to my Blogger template.

At least until I’ve got it out of my system!

I’ve started with the classic Rounders4 Blogger template, as I like the colour scheme and the segmentation of the sidebars. Here’s what I plan to do in order to evolve my template to something completely glamumous:

  1. Add a custom header
  2. Create a 3 column layout (featuring an extra sidebar on the left)
  3. Add trackback functionality
  4. Create a “label cloud”, so that my post labels are in a pretty cloud shape instead of simply a long list!
  5. Perhaps more… I’ve yet to decide what else I’d like to do!

From this point forward, all posts related to the customisation of my blog will be featured under the label “customising blogger“. Watch this space for changes in the near future, and please leave your comments and opinions on my design as it develops.

Related posts:

Technorati Tags: | | |