Google Chrome 18 has been released! Download now

Make web links “bold” automatically in Blogger Blog Posts

Advertisement
Do you like this post?

making-links-prominent-in-blog-postsTo make the web links/URL’s in your blog posts prominent, making them bold by adding <b></b> is the easiest way to catch the readers attention towards web links in the posts.

Because in most of the blogger templates, you’ll see that while reading, it is difficult to differentiate between plain text and web links.

Unless they change color when mouse cursor is hovered over them. Readers might miss the links that look exactly the same as plain text.


So, adding <b></b> around the link(s) in your blog posts, is the easiest way to make link(s) prominent.
But consider a post that you are writing with 100 links in it.
What will you do, to make all of them prominent? Make them all bold, by adding <b></b> tags one by one?

Definitely nobody will like to do that!

So, I have a very simple solution for this that will make all the links bold in your blog posts automatically, as soon as you publish. So, you don’t have to worry about adding <b></b> tags around each and every web link while writing.

1. Go to your blog’s template, “Edit HTML” page.

2. Downloading the Template’s backup is always recommended before making any changes, So download the backup!

3. Search (Press Ctrl+F)

]]></b:skin>

3. And Just ABOVE it copy/paste the following code:


.post a{font-weight:bold; text-decoration:none}
.post a:hover{text-decoration:underline}

4. Hit “Preview ” button first. If it works, then you should “Save”.

In the code above, first line makes the links bold, and second line makes all the links underlined whenever mouse is hovered over them.

That’s it!

This little change in the template, will make the all the links bold automatically, in all the posts that you have already published, and in the posts that you will make from now on.

Have something to say? Leave your comments below

Liked the Above Article? Share it!

| |
Get Updates via Email:   
Translate this page

Check Out These Related Articles Too:

© 2012 tipsOtricks. All rights reserved | Copyright Policy | Disclaimer | Privacy Policy
page counter TipsoTricks Subscribers
More in Blogspot
Inserting Adsense ads inside Blogger Blog Posts

Placing adsense inside the blog posts increases adsense ads CTR (click through rate). Using simple layout page, you can place...

Insert HTML/JavaScript Code inside Blogger Blog Posts – Quick Method

All the Bloggers of Blogger.com know that inserting HTML/JavaScript code into the posts directly is not allowed, as it is...

Close
More in Blogspot
Inserting Adsense ads inside Blogger Blog Posts

Placing adsense inside the blog posts increases adsense ads CTR (click through rate). Using simple layout page, you can place...

Insert HTML/JavaScript Code inside Blogger Blog Posts – Quick Method

All the Bloggers of Blogger.com know that inserting HTML/JavaScript code into the posts directly is not allowed, as it is...

Close