TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Let's review a topic about how to add custom banner in blogger blogspot. Blog should have a Banner in order to create a one-way link to ... nopict

How to Add Banner in Blogger

Let's review a topic about how to add custom banner in blogger blogspot. Blog should have a Banner in order to create a one-way link to other blog, or to do a link exchange with other blog.

How to Add Blogger banner ? ...

1. Visit http://cooltext.com site

2. Choose any logo style you like. You can configure text, font, colour, width of image
(suggest to choose auto width)

3. Click Render Logo

4. Click Get HTML Code

5. Place code of HTML of logo into Notepad

Example of code of HTML of logo provided by Cooltext below :
<a href="http://cooltext.com"><img src="http://images.cooltext.com/1403641.gif" width="54" height="15" alt="BLOG" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=514324142">Create Your Own</a>

NOTES :

In case site asks email address and password.
  • Type your email adress, example : john_doe@yahoo.com
  • Type any password you like, example : johndoe
Or, click Edit This Logo to re-edit logo.

6. Go to Dashboard, click Design, click Add a Gadget

7. Click HTML/JavaScript

8. Place code of HTML below into HTML/JavaScript

<a href="http://tutorialwebforblogger.blogspot.com" target="_blank">
<img border="0" width="80" src="http://images.cooltext.com/1403641.gif" height="15" title="KLIK!"/></a>
<!------------------------------------------------------------>
<textarea rows="4" cols="20"><a href="http://tutorialwebforblogger.blogspot.com" target="_blank">
<img border="0" width="80" src="http://images.cooltext.com/1403641.gif" height="15" title="KLIK!"/></a></textarea>


CODE RESULT :

NOTES :
  • http://tutorialwebforblogger.blogspot.com, change it with your blog URL.
  • 1403641, change it with your code of number of banner in code of HTML of logo that you place in Notepad.
  • width and height mean width and height of banner, you can change it as you like.
  • rows and cols mean rows and cols of text area, you can change it as you like.

There are no comments yet for 'How to Add Banner in Blogger'