Adding image Banner to Your Header Blog

Okay, now you are ready to set your banner in your blog. Here, this is some guides to add a banner to your header.

For classic template :

1. Login to blogger with your ID.
2. Click Template.
3. Click Edit HTML tab.
4. Backing up your template (very important!)
   
5. Find these code below :
   #header{
   .........
   .........
   .........
   }
   
6. Insert your banner URL like this :
   
   #header{
   .........
   .........
   .........
   Background:url(http://kangrohman.googlepages.com/blogtutor.jpg) no-repeat center top;
   }
   
7. Click Save Changes Template button.
8. Done.

For new Blogger template :

1. Login to blogger with your ID
2. click Layout.
3. Click Edit HTML tab.
4. backing up your template (very importat!).
5. Find these code below :
   #header{
   .........
   .........
   .........
   }
   
6. Insert your banner URL like this :
   
   #header{
   .........
   .........
   .........
   Background:url(http://yoururl.com/blogtutor.jpg) no-repeat center top;
   }
   
7. Click Save Template button.
8. Done.

Especially for new blogger, you can do some different trick.

1. Login to blogger with your ID.
2. Click Layout.
3. Click Page Element tab.
4. Click edit at Haeder Element, refer to picture below :
   
   
   
5. Check the radio button for From your computer, Click Browse.. button and then insert your banner file at your computer. Choose Behind title and description if you want your banner behind your blog title or Instead of title and description if your banner want at the front of your blog title.
   
   
   
6. Click Save button.
7. Done. Now you have a picture at your blog.

Continue Reading...

Remove The 'Showing Posts With Label' Message From Your Blogger Results

When you click on a label or do a search in a blog you get a list of posts using that label or search term.Above the list of posts you will see a small message and link similar to this :

"Showing posts with label XXX XXX. Show all posts" .

You can see a screenshot of the message circled in red below after i clicked the label 'Blogger Templates' on this blog :

A lot of people dont like the message and want to remove it.There is nothing stopping you from removing it if you want so here are the steps..

How To Remove the message

Step 1. In your dashboard click 'Layout' ► 'Edit Html' ► Tick the 'Expand Widget Templates' Box.

The next step requires replacing a section of code so do make sure you have your template backed up use the link at the top of the post to see how.

Step 2. Find the following Code in your blogs html :

Tip: Click CTRL and F for a search bar.Find the first line of the code.Once you have the first line you can find the rest below it.

Step 3. Replace that code you found with the code below :

Finishing Notes.

Once you have made the change the message should no longer appear when someone clicks a label or does a search within your blog.

Continue Reading...