Put your logo in the header  of a Blogger blog A step-by-step guide Claudia Bellusci – Feb. 2007
Getting a logo <ul><li>You can make your own logo in one of these websites: </li></ul><ul><li>Official   Seal   Generator ...
Open your template  Click on the Edit HTML tab <ul><li>Download the template and save it into your computer </li></ul>
Scroll down through the code  until you get to the  <body> section. This is almost at the bottom. This is what you will se...
Change the '1' next to maxwidgets= for a ‘2' and save the changes
Click on  Page Elements.  You’ll see a new box has appeared above your blog header  Click on Add a Page Element
Choose the  HTML/JavaScript box and click on Add to blog
If your logo is saved in your computer, paste the image URL enclosed in the following tags: <ul><li><img src=”IMAGE URL” a...
If you have created your logo online,copy and paste the code provided
Preview and save Mmm… it seems I’m too big for this header!
How to resize the logo <ul><li>You can also resize the picture in case it doesn’t fit the header height. You will have to ...
<ul><li>The resulting code would be: </li></ul><img src=”IMAGE URL” WIDTH=&quot;XX&quot;HEIGHT=&quot;XX&quot;align=right>
Preview and save Now I‘m perfect!!
<ul><li>( http:// groups.yahoo.com / group / bloggingforbeginners ) </li></ul>Blogging for Beginners ( EVO 2007 )
Upcoming SlideShare
Loading in …5
×

Put your logo in the header of a Blogger blog

55,715 views

Published on

How to make, embed and edit a logo. A step-by-step guide.

Published in: Technology, Business
5 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total views
55,715
On SlideShare
0
From Embeds
0
Number of Embeds
4,517
Actions
Shares
0
Downloads
0
Comments
5
Likes
8
Embeds 0
No embeds

No notes for slide

Put your logo in the header of a Blogger blog

  1. 1. Put your logo in the header of a Blogger blog A step-by-step guide Claudia Bellusci – Feb. 2007
  2. 2. Getting a logo <ul><li>You can make your own logo in one of these websites: </li></ul><ul><li>Official Seal Generator </li></ul><ul><li>http://www.says-it.com/seal/index.php </li></ul><ul><li>CoolArchive Logo Generator </li></ul><ul><li>http://www.coolarchive.com/logogenerator.php </li></ul><ul><li>Famous Logo Generator </li></ul><ul><li>http://logo54.com/ </li></ul><ul><li>Ultimate Sign Generator </li></ul><ul><li>http://www.2on.com/signs/ </li></ul><ul><li>Startup Company Names and Logos Generator </li></ul><ul><li>http://lekkerdesign.com/ray/folio/projects/ecompanies/ecompanies.htm </li></ul>
  3. 3. Open your template Click on the Edit HTML tab <ul><li>Download the template and save it into your computer </li></ul>
  4. 4. Scroll down through the code until you get to the <body> section. This is almost at the bottom. This is what you will see: <ul><li><body> </li></ul><ul><li><div id='outer-wrapper'> </li></ul><ul><li><div id='header-wrapper'> </li></ul><ul><li><b:section class='header' id='header' maxwidgets='1'> </li></ul><ul><li><b:widget id='HTML5' locked='false' title='' type='HTML'/> </li></ul><ul><li><b:widget id='Header1' locked='true' title='Cyberteachers (Header)' type='Header'/> </li></ul><ul><li></b:section> </li></ul><ul><li></div> </li></ul>
  5. 5. Change the '1' next to maxwidgets= for a ‘2' and save the changes
  6. 6. Click on Page Elements. You’ll see a new box has appeared above your blog header Click on Add a Page Element
  7. 7. Choose the HTML/JavaScript box and click on Add to blog
  8. 8. If your logo is saved in your computer, paste the image URL enclosed in the following tags: <ul><li><img src=”IMAGE URL” align=right> </li></ul><ul><li>You can change the alignment to the left if you wish. </li></ul>
  9. 9. If you have created your logo online,copy and paste the code provided
  10. 10. Preview and save Mmm… it seems I’m too big for this header!
  11. 11. How to resize the logo <ul><li>You can also resize the picture in case it doesn’t fit the header height. You will have to add the following string: </li></ul><ul><li>WIDTH=&quot;XX&quot;HEIGHT=&quot;XX“ </li></ul><ul><li>where the “XX” is a figure that represents your image desired width and height. </li></ul>If the inserted logo is too big or too small, you can edit the element from the layout tab and change the width and height values.
  12. 12. <ul><li>The resulting code would be: </li></ul><img src=”IMAGE URL” WIDTH=&quot;XX&quot;HEIGHT=&quot;XX&quot;align=right>
  13. 13. Preview and save Now I‘m perfect!!
  14. 14. <ul><li>( http:// groups.yahoo.com / group / bloggingforbeginners ) </li></ul>Blogging for Beginners ( EVO 2007 )

×