Category Archives: Blogspot

Open Links in New Window

April 29, 2009   Tutorial Blog   No comments

You want open link in new window or tabs. The links in a Link List and Labels that are normally in the sidebar widget. You would need to change the HTML code in your template. Here, we shall talk about the hack that you can put into your template.

Text Links and Image Links

You change code HTML as follows:

<a href=”URL” target=”_blank” title=”TITLE”>Text</a>

The HTML code of a picture or image link looks like this:

<a href=”URL” target=”_blank” title=”TITLE”><img src=”Image URL” border=”0″ width=”80″ height=”15″ alt=”Description”></a>

The part of the code that tells the browser to open the link in a new browser window or new tab is the target attribute (in blue). If you want the readers to view the link in the same browser window, simply remove target=”_blank” from the code.

Read More

Remove Older Post in Blogspot.com

April 23, 2009   Tutorial Blog   1 Comment

In the new default Blogger templates, you will see at the bottom of the page the words “Subscribe to: Posts (Atom)”. On every other page, you there are the words “Newer Post”, “Home” and “Older Posts”. These serve a good purpose. Nevertheless, some people may like a neater layout by removing these links and this guide will discuss the simplest method that involves minimal change to the template.

Remove Older Post, Home and Newer Post links

Remove Older Link

Remove Older Link

When there is an older post than the post on the page, Blogger automatically displays a link to the older post. Similarly, if there is a newer post, there will be a link to that post. If you are writing a serial story, where one chapter leads to another, this is a good navigational tool for your readers. However, for many of the blogs, like ours, readers are interested in particular topics. They will look at the article list, labels or tags that you have in your site and are not likely to browse through every single article. Removing these links therefore makes sense and may make your Blog less cluttered and unsightly.

Do note that Blogger displays 20 posts on the page. If you have, for example, 30 posts bearing a certain label, people clicking that label will only see the latest 20 posts. To view the remaining 10 posts, they have to click the “Older Posts” link.

Read More

Adsense in Post of Blogspot

April 16, 2009   Tutorial Blog   1 Comment

The tips for improving the performance of your Google Adsense ads is knowing where to place the ads. In this guide, we shall discuss the modification you can make to your Blog template to have your Google Adsense ads appear between your post title and post body, or between your post body and post footer. Also, we shall have the AdSense ads appear on every individual post.

Many people believe that having AdSense ads just before or after the Blog posts will best optimize their performance. For the purposes of this article and to give you an idea how it would look, we have inserted the AdSense code into our template to have the ads appear immediately below the article and before the post footer. If you think you would like to do the same for your Blog, the following are the steps you should take.

Choosing a best placement for your AdSense ads will attract more attention, attention leads to clicks, and clicks bring you AdSense revenue. Easier said. While people may have theories on where the ideal AdSense spot ought to be, there is really no standard answer because it depends very much on your Blog’s layout, contents, theme, etc. If you have been following the changes made to our Blog, you would agree that we are no guru at this. We had merely placed the ads where they fit aesthetically and not where they will get the most attention. Nevertheless, if you would accept our two cents’ worth of opinion, try to put yourself in the minds of your readers. Ask questions like why readers visit your Blog, which section of the Blog are they most interested in, and whether placing an ad at a particular area will distract, annoy or please them.

Read More

Post Footer Customize Template (2)

April 07, 2009   Tutorial Blog   1 Comment

We continue from where we left off in Post Footer – Customize Template (I). In the first part, we went through how you can change and customize the appearance of the “Posted by author” link and replace it with another name or picture. You could also remove the timestamp if you want. In this part, we continue with customization of the “Comments”, “Labels” and other icons shown in the Blogger Post Footer.

Comments

1. Settings

If you simply want to enable or disable Comments, login into your Dashboard and under Settings -> Comments, you will see the options for “Comments”. You can either “Show” or “Hide”. You can choose “Hide” so as not to show the Comment link, without deleting existing comments.

2. Change the word “Comments”

Should you want to retain the Comment link but change the word “Comments” to something else, scroll to this part of the template:

<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>
</span>

Read More

Post Footer Customize Template 1

April 02, 2009   Tutorial Blog   11 Comments

In this Tutorial, we discuss the various ways you can customize the Post Footer and change the Blogger template. The steps will cover how to change the “Posted by author”, “Comments”, “Labels” links in the Post Footer, replacing them with other names or pictures.

This is how a typical Post Footer looks like. It includes the author’s name, time of the post, number of comments, number of backlinks, icon for readers to email the post, icon for you to edit your post, as well as Labels.

footer post

Footer Post

Update:

If you are looking to change the text, alter some settings or re-arrange the positions of the Post Footer elements,you can go to Template -> Page Elements and click the “Edit” link on the Blog Posts widget. You will see a screen like this:

Blog Posts

Blog Posts

Even though this is a simple way to make minor adjustments, you will not be able to insert pictures, signatures, change the author’s name, etc. To do these other things to the Post Footer, you may want to read the rest of our guides here and customize your Footer.

Read More

Hide or Remove Navbar In Blogger

March 27, 2009   Tutorial Blog   No comments

The Blogger or Blogspot Navbar is a default feature that appears at the top of every Blogger powered blog. It is a useful navigation tool which allows readers to search the blog for targeted content, mark the blog as objectionable, and randomly view other member blogs.

Navbar of Blogspot

Navbar of Blogspot

The Navbar can be disabled for users who publish contents via FTP, but it will appear on all freely hosted Blogspot blogs. While the feature is undeniably useful, some people find that its position at the top of the page looks obtrusive even with a choice of 4 colors. Some therefore pick a template with a black background to blend well with a black navigation bar. There are also parents and educators who find the ‘view random blogs’ feature inappropriate, as their children may inadvertently view objectionable blogs.

Read More

Add Images or Icons to sidebar links

March 20, 2009   Tutorial Blog   1 Comment

Sidebars are sometimes crowded with lots of text. There are many ways to make some of the items stand out. In my case, I decided that I will add icons next to the links, to differentiate links from normal text. I will also draw a thin line after each link. To be consistent, the color of these lines shall be the border color.

Note: This is the style we used for our Minima template. Since each type of template has its unique margin, padding and style settings, this guide may not apply to these other templates. You can try to adapt this to your template. Preview the change, and adjust the margins and paddings. Often, a bit of experiment with these values will do the trick. If they still don’t look satisfactory, do not save the template.

First, scout around for a picture that you would like to use. In this site, I have used an arrow image. You can use any photo editing software to reduce the image size to about 9px x 9px; I used Google’s Photo Editing Software Picasa.

After having an image, upload it onto a free server. You can read about using free hosts like Google Page Creator and Google Groups. We also have a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. Take note of the URL of the Image file.

Read More
Page 3 of 3123
  • ISM (Image Space Media) Referral Banner$1.99/mo Web Hosting