Saturday, December 5, 2009

How to showing personal logo on the Side Bar Address Blogger

By Jati Blogger

When us visit the blog, we'll find a blogger logo on the side bar browser on our web address.
Blogger Logo can be replaced with a photo or whatever as you wish. If you want to know how to make it, please follow the steps below:

Step 1:
  1. Prepare photo or picture of what it is cooled.
  2. Crop image size, should be 50x50 pixels with a converter program or Microsoft Office Picture Manager.
  3. Save as a picture with a new name.
Step 2:
  1. Upload images to Picasa Web or other online web image storage.
  2. Click on an album where you save the previous image.
  3. Click RSS.
  4. Click media files according to the saved image.
  5. Copy link in the address bar. example: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5pdx6wWDL8mwrS-7JLyzGiuE7M3N-RJFwLBFOilL6lMDFiQqb1YtTVE7DOQKwM9eqvj6Mn2dhuHnX0Amw4T8HVWW0mZgcjsJMy9AY6xI5ES8XzcsOqG_Sjvc2EV9QSDc4LM_k5EX8OA/
Step 3:
  1. Login at Blogger.com
  2. Click Layout.
  3. Click Edit Html.
  4. Find this code:

<title><data:blog.pagetitle/></title>

<b:skin><![CDATA[<

And enter the following code between them:

<link href='The url photo code' rel='shortcut icon'/>

Replace the code with the url of the URL you copied earlier picasa. This is the result.

<title><data:blog.pagetitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5pdx6wWDL8mwrS-7JLyzGiuE7M3N-RJFwLBFOilL6lMDFiQqb1YtTVE7DOQKwM9eqvj6Mn2dhuHnX0Amw4T8HVWW0mZgcjsJMy9AY6xI5ES8XzcsOqG_Sjvc2EV9QSDc4LM_k5EX8OA/' rel='shortcut icon'/>

<b:skin><![CDATA[
Share:

Lets Share

Bookmark and Share
Powered by Blogger.

Sample Text

Social Icons

Followers

Sample Text

Featured Posts

Leave your message here


ShoutMix chat widget

Pages

BTemplates.com