Adding Separators (Vertical Lines) Between Pages Links in Blogger Dynamic View

Before

After

The header bar in a Dynamic View template could accommodate several horizontal Pages links as well as external links (before resorting to a drop-down menu when the number of links increases). A couple of users have been wondering if a separator line could be placed in between the links. The answer is yes, and that's what this tutorial is going to be about.

Blog Update

To all readers,

I've been busy with Deepavali celebration, and thus was unable to reply your comments and emails. I will start replying all emails/comments very soon, and a new post will be published in a day or two.

Stay tuned, and sorry for any inconveniences caused.
Cheers and God bless.

Changing Blogger's Default Homepage

The very first tutorial published in this blog was a walkthrough on how you can set-up a welcome screen in your blog, so that you won't be presented with Blogger's default homepage. I thought it's about time to update the old walkthrough, as an easier way to set-up a custom landing page is now available to us. Basically, this walkthrough is gonna teach you how you can set a custom page to be the first page that your readers will be seeing upon visiting your blog (from hereon referred to as 'new landing page'). This can be useful if you want to include some sort of welcome screen, content warning, or whatever tickles your fancy. And yes, it works on non-dynamic as well as dynamic view templates!


Click here for a video tutorial!

Comment Form Above Comment Contents in Blogger Threaded Comment System

I've done this before. Unfortunately, my old tutorial won't work anymore with Blogger's new comment system. Thus the reason why you're seeing this tutorial. So, comment forms are placed at the end of actual comment contents, right at the very bottom of your individual post pages. It does look alright when you don't have much comments in a given post. But personally, I think it is a royal pain in the derriere to scroll all the way towards the bottom, especially when you have lots and lots of comments in your post page. And honestly, I think it might be a little more encouraging to place the comment form right at the top, so that your readers will see it first before having to actually go through all the previously left comments.

This tweak will bring your comment form towards the top of your comment contents, right below the end of your post. I'm referring to the generic comment form of course. The placing of individual reply comment form will not be changed (the comment form that you'll see when you click on the 'reply' link on an individual comment)

Changing Specific Link Color in Blogger Templates

Before

After

Links are usually underlined (upon hovering) and shown in different text color, so that they are easily distinguishable from plain text. However, the Template Designer tool doesn't allow you to change specific link colors. In other words, the link color that you choose will be applied globally, to all the links in your blog. There are users who'd like some links to stand out from the rest, blog reader chowgypsy is one of them. In this tutorial, I've prepared a list of code to specifically change some of the common links that you might wanna apply different colors to.