Search This Blog

Monday, February 27, 2006

How to add stuff to the sidebar

To add stuff to the sidebar, one will have to temper with the template or edit the profile. For this, it will help if you know enough of HTML to be able to do some simple editing. A good place to learn HTML is the W3Schools (close new window to return to this page. Otherwise, you will just have to follow the examples. To edit the template, log into Dashboard, select the relevant blog, click the TEMPLATE tab (see screenshot). Backup the template by clicking inside the editor, press ctrl+A, right-click, select copy, then paste into Notepad. Save with a suitable name, preferably including the date.

What can one add to the sidebar. Some link lists, Google targeted ads, Amazon ads, an extra paragraph, etc. The easiest way to add links is to edit those already provided in the template. See "How to edit links in the sidebar" (click "BACK" button to return to this page). To add Google AdSense to the sidebar, you first have to have an AdSense account. To find out more about Google AdSense, go to AdSense Alert (close new window to return to this page). You can apply for an account there as well. If you have an AdSense account, you can go to Generating scripts for your Google ads, searchbar and referral buttons (close new window to get back to this page). This post will guide you as to which part of the template to paste the scrips: Adding content via the template (close new window to return to this page). The same thing will apply for Amazon ads. To add an extra paragraph, see "How to put a new paragraph in the sidebar" (click "BACK" button to return to this page). If this is not clear enough, add your comments in the comments section, and I'll see how this post can be improved to make it clearer.

Books from Amazon

Essential Blogging : Selecting and Using Weblog Tools

Monday, February 13, 2006

How to delete a post

deleting a post
click on screenshot to enlarge it

  1. Sign into Dashboard
  2. Select relevant blog
  3. Click POSTING tab
  4. Click EDIT POSTS tab
  5. Look for offending post.
  6. On the far right side of the offending post, click DELETE
Publishing a Blog with Blogger: Visual QuickProject Guide

Wednesday, February 08, 2006

How to backup your template

Backing up your template is important, and can one day save you tons of work. Always backup your template before you make any changes to it. This way, if anything goes wrong, you can alway backtrack and everything will be as before.

This is how to backup your template. Sign into Dashboard, select the relevant blog, click TEMPLATE tab and you will be in the Template Edit window. Highlight all the text in the template, right-click and copy (or ctrl+C), open notepad, paste the copied template into notepad. Save with a suitable name. I would suggest the title of the blog followed by the date.

Fof an improved version of this post, go to Backing up your template, changing template, etc.

How to put an image in the sidebar

UPDATE: For another better version of this post, go to Blogger Tips and Tricks - How to put images in the sidebar

If you want to load an image in the sidebar, you can't upload it the same way as if you are putting it in the content column using Blogger upload facility. You will first have to host the photo on the web, perhaps using the popular photobucket and get the url for the photo. Alternatively you can use a workaround to get Blogger to host for you. If you do, first, post an empty post with the photo uploaded in the normal way. You may click on the photo to highlight it, then click on the corner and drag it to the size you want in the COMPOSE mode (wysiwyg window). Open the post, and click on the photo. You will be taken to a page with only the photo. As an example, I will upload an image in this post. If you click on the image (try it) you will see that the url of the image is
. Copy the url of the (your) photo. Click the TEMPLATE tab to open the template editor. Then in the sidebar, where you want the photo, type in this code:

<p><img src="" alt="photo title" /></p>.

You should substitute the url with your photo url, photo title with your photo title in alt="photo title".

Where in your template you paste the code will depend on where you want the photo. Say, if you want it, for example, just after the profile, you should paste it after

<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

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

For other positions, refer to this post as a guide: Blogger template tutorial - adding content via the template

UPDATE: For another better version of this post, go to Blogger Tips and Tricks - How to put images in the sidebar

Tuesday, February 07, 2006

How to copy features from websites you like.

Following is a link to a blog I really like. Landrover Enthusiast. How do I creat the side bar things he has such as "Trip Photos"; "Accessories 4 Your Rover"; etc.? How do I creat titles like he has?

When you see somne features on a website that you like, and will like to copy it, the thing to do is to go to the menu bar, click VIEW > PAGE SOURCE to see the source codes. In this case, this resulted in turning up the following:

<h2 class="sidebar-title">Rover Links</h2>

<li><a href="">Land Rover Adventures</a></li>
<li><a href="">Southern California Land Rover</a></li>
<li><a href="">Death Valley</a></li>
<li><a href="">Land Rover</a></li>

<li><a href="">Yorks & Lancs Automotive</a></li>


<h2 class="sidebar-title">Trip Photos</h2>
<li><a href="">Trip Photos</a>
<li><a href=",0">Rio De Janeiro</a></li>

<li><a href="">Rover Rendezvous 5</a></li>
<li><a href="">Rover Rendezvous 5</a></li>


To change the title, all you have to do is to substitue, for example, Rover Links in this code <h2 class="sidebar-title">Rover Links</h2> with New Title so that it become <h2 class="sidebar-title">New Title</h2>

and substitute the in <li><a href="">Land Rover Adventures</a></li> with Do this with the other links, and add or delete as required. Then all you have to do is to paste the modified codes into the template in the place where you want them to be.

There is a better version of this post at How to copy features from websites you like

Books from Amazon

Book: Blogging for Dummies

Thursday, February 02, 2006

How to comment out the profile

Update 22 May 2007: This post is for those using the old classic template. If you are using the New Blogger template, get into LAYOUT, click the EDIT link in the ABOUT ME Page Element, then click REMOVE PAGE ELEMENT.

Some bloggers don't like their profile to be seen on their blog. If so, it is easy to remove or hide the profile. To remove the profile, sign into the Dashboard, select the blog, click the TEMPLATE tab to open the template editor. Then look for this block of code.
<!-- Begin #profile-container -->


<!-- End #profile -->

The profile can be commented out by surrounding the profile container with the comment tags <!-- and --> so that the code end up like this:
<!-- Begin #profile-container -->
<!-- End #profile -->

If you do this, you can still easily reverse the process by removing the comment tags when you changed your mind. If you wish, you may also completely delete the profile HTML codes shown in either boxes, but this will mean you will have to add the codes back in again if you change your mind.
Related Posts Plugin for WordPress, Blogger...

Find topics by using the Google custom search box above which can search multiple blogs, or the SEARCH BLOG in the left corner of navbar. You can also find topics in the Label List and Categrories in the right sidebar.

For more information and special deals related to any of the issues on this page, place your cursor over the double-underlined links. All information supplied by

Disclaimer: This blog has no relation with Wiley Publications