Knowledge is good only if it is shared. As a new blogger, I had learned to change the Web template, and found out the tips, tricks, hacks, and tweaks of altering the Blogger template, customizing CSS, widgets, layout, blog design, inserting JavaScripts, HTML codes, Google AdSense, and other settings the hard way, through many trials and errors. For the purposes of this guide, I had started with the old Blogger “Minima” template. As I made the changes or learned something new, I had documented them. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change. Hope this guide will help those who are finding the way around, just like me.

Search Tips for New Bloggers

We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Apr 29, 2007

Digg This Story

Animated Banner with Rotating Headlines

This article is about creating a nice looking banner that incorporates rotating headlines of your 5 recent Blog articles. If you have submitted your Blog to different Blog Directories, you would come across some which ask for your banner. It is nothing more than a picture to represent your Blog.

Nonetheless, a nicely designed banner can attract more visitors and add a touch of professionalism to your Blog. I am not a graphic designer and I believe you can produce much nicer pictures. There are also GIF animator softwares on the net which will help you create a moving image, blinking text, and so on. What I intend to do here is to share with you alternative ideas on how you can create your own unique animated banner.

Look at this example I made for my other blog. Notice how the titles of the 5 recent posts, taken from the site's feed, are rotated in the banner. Instead of a plain image, the headline animation adds life and attracts readers who want to read the details of your articles to click the banner.

Famous Motivational and Inspirational Quotes

This is done through a popular feed aggregator service called Feedburner. If you do not have an account with them, go to their main page, type in your Blog URL and follow their instructions to create a free account. Even if you have subscribed to other feed services like Feedblitz, there is no harm having more service providers publicize your Blog for free.

Once you have successfully created an account, you can browse through their services and tools to pick the ones that you like. Here, we shall talk only about their Headline animator. Go to “Publicize” tab and “Headline Animator” to create a new animated banner.

Tips for New Bloggers

The instructions given by Feedburner are pretty simple to follow. The first thing you need to do is to pick a “theme” which can be their standard black and white backgrounds, or their dynamic and seasonal images. If you merely want to test the outcome, pick any of the schemes. The normal banner size is 468px x 60px and you may want to use this for a start. After that, choose the colors, font size, and position the title, date and headline. Click “Activate” when you are done. They will generate a HTML code for you to copy and paste into your template.

Tips for New Bloggers

While this may give you a banner that contains the headlines of your posts, it does not give you a unique identity. If you have the time, you should try to create your own banner image. For instance, if you have a nice picture that you like, crop it or resize it to 468px x 60px using a photo editing software. If you don't have one, you may try Google's Picasa or search the net for other free softwares. If possible, leave a clear background somewhere for the date and headline. Save the image in the .gif (not .jpg) format. A background image can look like these.

Business Fables and Management Lessons

Business Fables and Management Lessons

The image will have to be uploaded onto an image host. There are a number of free hosts available on the net. You can read about using free hosts like Google Page Creator and Google Groups. We have also a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. After uploading the image file, take note of the image URL.

Go back to Feedburner's “Publicize” tab. This time, under the “Theme” select “Provide your own background”. You will be prompted to enter the “Image URL”. Again, you can adjust the positions of the title, date and headline by dragging them to the desired positions. Click “Activate” once you are satisfied with the layout and obtain the generated HTML code.

Business Fables and Management Lessons

Log in to your Dashboard, go to Template ->Page Elements -> Add a Page Element and choose “HTML/JavaScript”. Copy the generated HTML code, paste and save. If you want to use this banner for publicizing your Blog in blog directories or advertisements, your new animated banner URL is your Feedburner feed address with a .gif extension. If you are still unsure, the banner URL for this site is:-

http://feeds.feedburner.com/TipsForNewBloggers.gif

The portion in red is my feed address. If I enter the above banner URL, I will get this image:-

Tips for New Bloggers

Further reading on applying the banner to your Blog:-

Background image for Blogger Header

Add Picture Banner Link to Blogger Header

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Apr 25, 2007

Digg This Story

Hyperlinks and Image Links (II)

We continue from where we left off in Hyperlinks and Image Links (I). We have looked at how we can create text links and discussed the HTML code and common attributes. In this part of the article, we shall focus on adding Images and Image Links into your Blog. We will talk about the “title” and “alt” tags in image links which supposedly help in search engine optimization (SEO). We shall end off with the code you can put on your Blog to allow your readers to link to you from their Blogs.

Image Tag

I assume you have a ready picture, image, photo, or banner. Edit it and resize it using an image editing software. Other than Google's Picasa, there are other free image editing software offered on the net that you can try. As explained in Hyperlinks and Image Links (I), the image has to be uploaded onto an image server which allows direct link to the image. Copy the image URL.

The HTML code for a picture or image is this:-

<img src="Image URL" border="0" width="80" height="15" alt="Description" />


A couple of things to note:-

1. Unlike the anchor tag, the <img> (image) tag has no closing tag.

2. In the code, src means “source” and this is where you will insert the Image URL of the picture that you wish to display on your Blog.

3. Depending on your Blog's configuration, any picture you upload may automatically have a border surrounding it. In the above example, the border is removed. If you want a border, you can change the “0” to “1” pixel or any other value.

4. When your Blog page is downloaded, the browser normally allocates a space for the images contained in your page. Sometimes, the allocated space may be bigger than the image size and when the images are finally downloaded, the contents are adjusted to cater to the images. This adjustment may sometimes be the cause of a slower download. To resolve this, it is usually preferable to insert the width and height of the image (in pixels) to let the browser reserve the exact space for the image.

5. The width and height settings can also be used to resize the image, although the better way to resize any image is to use an image editing software to adjust the image to the size that you want before uploading it.

6. The alt attribute displays the alternative text that readers will see if the images are not successfully downloaded. Some people may disable image downloads to improve the speed of internet access. For the blind readers, this alternate text is what will be read out to them by their computers. Also, search engine spiders are said to read this alternate text and it is all the more advisable to include it for SEO purposes. As a matter of practice, it is good to enter a short Description into the code.

Alignment of image

There are times when you want an image to appear on the left or right of your header or body. You can do this by inserting the alignment tags. In the following example, the image will float to the right:-

<img src="Image URL" border="0" width="80" height="15" alt="Description" align="right" />


Margin around image

The image can appear in the midst of some text and you may want to set a margin or a space around the image where the text will not intrude. The attribute “hspace” sets the horizontal space and the “vspace” sets the vertical space between the image and the surrounding text. Adding on to the above example, the final code after inserting the margin settings (in pixels) will look like this:-

<img src="Image URL" border="0" width="80" height="15" alt="Description" hspace="20" vspace="20" align="right" />


Image Links

We have discussed the image tag and its common attributes. We shall now look at how to turn the image into a hyperlink, so that when people click on the image, they will be brought to a webpage, image, sound file, video file, or document. You can also have a clickable image in your Header that will bring your readers to your Home page. The details are in the article Add Picture Banner Link to Blogger Header.

If you have followed Part I of this article and understood how text links are created, image links are formed in similar manner, except that instead of Text, we insert the image tag.

To recall, the HTML code for a text link is this:-

<a href="URL" target="_blank" title="TITLE">Text</a>


The HTML code for an image hyperlink is this:-

<a href="URL" target="_blank" title="TITLE"><img src="Image URL" border="0" width="80" height="15" alt="Description" /></a>


See the similarities? I shall briefly explain what these attributes mean and why they matter. If you wish to have a clearer idea, please refer to Hyperlinks and Image Links (I).

1. The URL is the location that you want your readers to go to when they click the image. This could point to a webpage, file or document. To test whether the URL is correct, copy the URL, paste it into your web browser and press Enter. You should be able to see the webpage, image, or document, listen to the sound file or view the video file.

2. By inserting the target="_blank" attribute, the link will open in a new browser window or tab. If you want the link to open in the same window or tab, delete it. Should you have difficulty understanding this attribute, I have an example below for you to try out.

3. The TITLE is what you see as a pop-up when you hover your mouse over the link. Similar to the “alt” attribute discussed above, this is supposedly read by search engines and will enhance your SEO. It is good practice to insert the TITLE and the Description.

4. As for the image tag code, this has been fully explained above and I shall not elaborate further. Remember that the hyperlink code has to be closed with the </a> tag as shown in the example.

Putting it together, this code:-

<a href="http://fairy-tales-fables-business.blogspot.com/" target="_blank" title="Business Fables and Management Lessons"><img src= "http://i154.photobucket.com/albums/s255/ownlblog/fablesbanner80x15.gif" border="0" width="80" height="15" alt="Business Fables and Management Lessons" /></a>


Will give you this:-

Business Fables and Management Lessons

Hover your mouse over it and you will see the pop-up Title. If you click this link, it will open in a new window or tab because of the target attribute. At this link, you will notice the image that has been inserted as a background to the Header. If you would like to have your own image in your Header, you may read this article.

How to insert image link HTML code

You can insert the HTML code in your posts. See that you are in the “Edit HTML” mode and not “Compose” mode when you insert the image link code.

Hyperlinks and Image Links

If you want the image link to appear on your sidebar, you can go to Template ->Page Elements -> Add a Page Element and choose “HTML/JavaScript”. Copy the above hyperlink code, paste and save. The blog directory links that you see on the left sidebar of this Blog are done using this method.

“Link to Your Blog” HTML code

Would you like visitors to be able to create a link from their blogs to yours? Putting a code for visitors to copy and paste, akin to what you see on the left sidebar of this Blog requires additional HTML tags. Briefly explained, whatever HTML code you insert into your Blog post or template will be interpreted as a code rather than just lines of text. To tell Blogger not to act on this code, you will need to put the code in a text box or a form field. This is what you can use:-

<textarea rows="4" cols="25" name="NAME" readonly="true">LINK CODE</textarea>


The rows attribute defines how tall the text input box will be and the cols attribute defines how wide, based on the number of characters. You can change the values depending on how much space you want to allocate for the text. The name attribute is more for scripting purposes and you can insert any NAME that you want. Readonly attribute locks the field and while people can block and copy the text, they cannot change it. The LINK CODE in this case is the entire hyperlink code that will link to your Blog. This hyperlink can be either a text link or an image link.

If this still sounds confusing, don't fret. What I did on my left sidebar is to go to Template ->Page Elements -> Add a Page Element and choose “HTML/JavaScript”. You can use the code I have for this Blog but change the relevant particulars to yours:-

Link to Us
<p></p>
<textarea rows="3" cols="18" name="Link to Us" readonly="readonly"><a href="http://tips-for-new-bloggers.blogspot.com/" target="_blank" title="Tips for New Bloggers"><img border="0" alt="Tips for New Bloggers" src="http://i154.photobucket.com/albums/s255/ownlblog/tipsbanner80x15.gif" width="80" height="15" /></a></textarea>



We have a more detailed discussion of the textarea code in our Add Text Box and Textarea article.

Further reading:

If you have a Link List or Labels in your sidebar, and would like to make the links open in new windows or tabs, please refer to the guide at Links, Labels open in New Window.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Digg This Story

Hyperlinks and Image Links (I)

In this article, we shall address the common queries on how to configure links such that they open in a new window when clicked, the HTML code for visitors to link to your blog, the various hyperlink HTML tags and attributes, etc.

A hypertext link or text link is a piece of text which when clicked will bring you to a section of a webpage, another webpage or an electronic document. If it is an icon or image that can be clicked, it is called a hypergraphic link or image link. For simplicity, both can be referred to as hyperlinks or links.

Text Links

To create a hypertext or text link, the HTML code is this:-

<a href="URL" target="_blank" title="TITLE">Text</a>


Allow me to explain:-

1. In HTML, the <a> (anchor) tag is used to create an anchor to link from. It should always be closed with the </a> tag.

2. HREF is an acronym for Hypertext REFerence and specifies the page to link to or the place that you want your readers to be taken to. This place that we are talking about can be a webpage, image, sound file, video file, or document. Replace URL in the above code with the location of the webpage, file or document. If it is anything other than a webpage, you will have to upload it onto a server and obtain the URL of that uploaded file.

3. You can read about using free hosts like Google Page Creator and Google Groups to upload your files. We also have a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. After uploading the file, take note of the URL of the file and insert that into the above code.

4. The target attribute tells the browser to open the link in a new browser window or new tab. If you want the readers to view the link in the same browser window, remove target="_blank" from the code.

5. The title attribute can be used for any page element, e.g. links, tables and images. Give your link a TITLE. In most browsers, when you hover your mouse over the link, the title will pop up. It is useful to insert this title as it is believed that search engine spiders read these words.

6. Text shown between the open and close of the anchor tag is what readers will see as the hyperlink. You can insert any character or words into the Text. In normal blog settings, these will either be underlined, or have a different color from the main text so that people can tell that they are clickable links.

To see how it is put together, this code:-

<a href="http://quotes-motivational-inspirational.blogspot.com/" target="_blank" title="Quotes for Blogs">Famous Motivational and Inspirational Quotes</a>


will give you this line:-

Famous Motivational and Inspirational Quotes

Hover your mouse over the link to see the title. Clicking it will open the page in a new browser window or new tab. If you are interested to do something like the scrolling text in the header of this Famous Quotes blog, you may refer to the article Scrolling Text - Marquee HTML Code.

Link to Section

If you have a long article, you may want to allow people to 'jump' to specific sections of the page so that they need not scroll a lot to locate the section they want. It can be done by using the anchor tag with name attributes.

This is best explained through an example. I have inserted this tag in the later part of this article:-

<a name="demo">Email Links</a>


The name within the code need not be called “demo”. You can call it anything you want - “top”, “bottom”, “label”, whatever.

Next, I create a hyperlink for you to click to go straight to that section.

The HTML code for the hyperlink is this:-

<a href="URL#demo">Click here to go to Email Links</a>


You can type whatever text you want within the above anchor tag. The URL is the URL of your post. To obtain this URL, you will have to save your post and refresh your page. With the URL, go back to yur post to edit it by inserting the URL of your post. Using the above code, this is what you will see and if you click it, you will jump to that section.

Click here to go to Email Links

To give you another example, I shall now use the simple “top” and “bottom” tags which you can use for your Blog. Before you click anything, here are the HTML codes:-

<a name="top"><a href="URL#bottom">Click here to go to bottom</a>


<a name="bottom"><a href="URL#top">Click here to go to top</a>


You can now click this to go to the bottom of this page and click that link again to come back to this segment.

Click here to go to bottom

Email Links

If you would like to have a link for people to click and send you an email, you can use the following code:-

<a href="mailto:EMAIL ADDRESS">Email Author</a>


Your EMAIL ADDRESS will have to be inserted into the code. This will open up the reader's Outlook Express or other default email software with your email address automatically inserted as the addressee. However, if the reader is using Gmail, Yahoo mail, Hotmail or other web-based email, he will have to log in to his account and type in your email address.

How to insert text link HTML code

You can insert the HTML code either in your posts or through a Page Element. The quick method of inserting a hyperlink is through the Blogger inbuilt tool. Look for an icon that looks like this shown in the picture below. Block the text that you want to create a link from and click that icon. Type in the URL that you want to link to and it is done.

Hyperlinks and Image Links

If you want this link to open in a new window and have a title, manually type in the title and target attributes. Check that you are in the “Edit HTML” mode and not “Compose” mode when you insert the attributes.



Should you want the link to appear on your sidebar, you can go to Template ->Page Elements -> Add a Page Element and choose “HTML/JavaScript”. Copy the above hyperlink code, paste and save. The blog directory links that you see on the left sidebar of this Blog are done using this method.

If you have a number of links that you want to put on your sidebar, you may also choose “Link List” when you “Add a Page Element”. Note however that you will not be able to insert the other attributes. I shall cover in a separate article the tweaks that can be done to the template to change the attributes to the link list.

This article continues at Hyperlinks and Image Links (II)

Further reading:

If you have a Link List or Labels in your sidebar, and would like to make the links open in new windows or tabs, please refer to the guide at Links, Labels open in New Window. To have numbered or bulleted links, you may check out the article Numbered List and Bulleted List.


Click here to go to top

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Apr 19, 2007

Digg This Story

Chat Box, Shout Box and Google Talk

The chat box you see on the left sidebar is one of the many FREE interactive tools you can get for your blogs. Call them what you like – tagboard, message board, chat box, chatter box, message box, shout box – they have one thing in common i.e., promoting interaction by allowing your visitors to leave messages or chat with one another. While it is true that your visitors can leave comments on the individual posts, there may be occasions when they have something to say that does not relate to the posts. A chat box will come in handy.

There are quite a number of service providers but we shall comment on the few that we think you can consider trying out. You can search the web for more. The key factors that we looked out for are simple configuration, nice colors and design, guard against comment spam, and ease of use. You may see advertisements in the free plans, but they are usually not that obtrusive and you can probably live with that. These providers may offer paid services as well, with extra features or bigger storage space for your messages. Our advice is to start off with their free service and monitor the usage of your chat box before upgrading your basic plan.

Cbox

Chat Box, Shout Box and Google Talk

We used their chat box for this site primarily because they have the essential features we wanted and the design looks sleek. Sign up with them, and begin configuring your chat box. Under the “Cbox Options” tab, configure the Display, Date and Post Options. Note that under “Post Options”, there is an “Anti-spam” feature. Tick that. Click “Colors & Fonts” and select the colors that will blend well with your blog. Use the “Color Picker” option at the top right corner if you are not familiar with the HTML color code. When you are done, click the “Quick Setup” tab to get your HTML code.

Login to your Blogger Dashboard, go to Template-> Page Elements. Where your sidebar is, click “Add a Page Element” and select “HTML/JavaScript”. Copy the above HTML code, paste it, and save the widget.

If you should receive any spam post, go to “Messages”, ban the user and delete the message. Under “Blocked Users” you can change the duration of the ban.

Shoutmix

Chat Box, Shout Box, and Google Talk

Chat Box, Shout Box and Google Talk

Here, your chat box is called a shoutbox. Once you have entered your bare particulars, choose one of their standard shoutbox styles, and your account is created. Go to the “Style” category. Shoutmix is interesting in that you can tweak the “Labels” in addition to the “Appearance”. Configure the settings under “General”. When you are ready, click the “Use Shoutbox” tab. You can now alter the width and height of your shoutbox and “Generate” the HTML code.

If you have a family-oriented blog, you may turn on the “Profanity Filter” by specifying a list of words that will not be shown in the shoutbox. You can also ban specific users or sites through their “Ban Control” option.

Oggix

Chat Box, Shout Box and Google Talk

A number of blogs have this shoutbox. Other than unlimited messages, you can find a wide range of custom tools and features. For a period of time, their code could not work on the new Blogger platform. That should have been fixed by now. Feel free to use their demo shoutbox and enter test messages before registering with them.

Tag-World

Chat Box, Shout Box and Google Talk

Some features like profanity filter are not available on their free plans. Otherwise, they have the usual customizable layouts, IP blocking, and anti-spam controls that you can find in the earlier sites. A simple tagboard that you can use for your blog.

Google Talk

Chat Box, Shout Box and Google Talk

If the visitors to your blog are family members and friends, get them to register free accounts with Google. You may then add a Google Talk gadget to your blog. Click “Add to your webpage” to configure the size of your widget and generate the HTML code. Your visitors can now chat away on your blog.

Plugoo

Chat Box, Shout Box, and Google Talk

There is this rather different and interesting service which you can check out. Imagine that you are in office, or do not want to be glued to your blog all the time. Should your blog visitor post a message on your chat box, you may not know about it until you have a chance to look at your blog. Plugoo has therefore created a new communication method enabling you to chat with your visitor through your Instant Messenger.

Even in office, most of us use Instant Messenger service to communicate with one another. As long as you have an account (GoogleTalk, Windows Live Messenger, Yahoo! Messenger, AIM, Jabber or ICQ), it can be linked to Plugoo. When visitors to your blog post messages on your Plugoo chat box, you will see the messages in real-time and are able to reply instantly. Your visitors do not need an Instant Messenger to chat with you, and will not know your Instant Messaging account address. The limitation however is that you can only chat with one person at a time.

For more ideas on what to put into your sidebar, check out Blog Widgets, Gadgets and Add-ons (I) and (II).

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Apr 5, 2007

Digg This Story

Submit Blog to Blog Directories (I)

How do you attract more readers and visitors to your Blog? To make your Blog more visible, the solution lies in submitting your Blog URL or RSS Feed to as many good Blog directories as possible. There are hundreds of websites touting themselves as blog search engines, blog directory hosts, feed aggregators, and traffic exchanges. A couple of the website creators are out to make a quick buck, selling their sites and member database on eBay the moment they attract sufficient traffic.

Over the past few weeks, I have submitted this Blog and RSS feed to many of these Blog directories for free. The first submissions were of course to Google and Yahoo; if you have not submitted your Blog URL to them, you may read the earlier articles on submitting sitemap to Google and submitting sitemap to Yahoo. At the same time, submit the Blogger Sitemap to MSN and Ask.com too.


Although my blog is only about 2 months' old at the time of this writing, if I were to enter my blog title “tips for new bloggers” into Google search, I am able to see it appearing at the top of the search results. Many of the other results are those of the blog directories in which this blog was listed. Listing in directories therefore helps in promoting your blog.

Before you proceed to submit your site to these directories, my personal advice is that you create a free web-based email account solely for this purpose. Should the directory hosts decide to sell their sites and database in future, your present email account would not be compromised. This is also to prevent flooding of your personal email with updates sent to you by the many directory administrators.

The aim of this article is to relate to you my experience in those free blog directories that I have tried submitting to. While I appreciate comments on these, please refrain from posting suggestions of new blog directory sites. A number of them may be fly-by-nights and I will not recommend them unless I have personally used them. Others may have specific requirements such as blogs having to be older than 6 months, or blogs covering specific news contents.

Different directories have different forms to fill when submitting your blog. Their instructions are usually easy to follow. However, you may want to note the following:-

1. Some directories require you to register before adding your Blog. While most of them allow you to submit more than one Blog, some may require you to use a different login name for each Blog. What I did in these situations was to create different login names but using the same email address.

2. If you are asked for the RSS Feed or your Feed URL, check that under your Settings -> Site Feed, the “Allow Blog Feed” shows either “Full” or “Short.” Do not choose “None.” Your Feed URL is yourblogURL/feeds/posts/default or yourblogURL/feeds/posts/default?alt=rss where yourblogURL is the URL of your Blog beginning with http:// Do not type in “www” for Blogger blogs. For example, our Atom Feed URL is http://tips-for-new-bloggers.blogspot.com/feeds/posts/default You can test it by typing your feed address into a web browser and view. If you have an external Feed address like a Feedburner Feed address, you may submit that too. I shall go into the details of Feed and Feed directories in a separate article.

3. Where you are to create a picture, banner, or link button to represent your blog, you can use Google's Picasa or any image editing software to create a new picture, or resize a current one to the required dimensions. Normally, you are required to upload it onto a free image host or server and provide the URL of your banner or picture. You can read about using free hosts like Google Page Creator and Google Groups. We also have a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files.

4. The “Reciprocal Link URL” is the main page where you will be putting a link to their blog directory. More likely than not, this will be the URL of your Blog.

5. The “meta keywords” or “tags” are keywords that represent your blog's content. Similarly “meta description” is a short few sentences describing your blog. Basically, “meta” tags provide information about your Blog for search engines to identify and match.

As the directory list is long, the article will be split into several parts, and updated as and when I try out the sites. Some sites track the number of the visitors to your blog. You may see voting gateways, which basically give visitors a chance to vote for your blog if they wish to. If they do not want to vote, there is always an option for them to enter the site without voting. Have a look at the directory sites and submit your blog to those you like.

Traffic Exchange Sites

A number of traffic exchange sites have blog directories which can include links to your blog. You may read my earlier article for a more detailed discussion on traffic exchange programs.

Blog Directories

Technorati Technorati

They supposedly track 75.2 million blogs. Quite naturally, you would want your blog to be one of them. Register with them and submit your blog. Follow their instructions to claim your blog. They will provide you with statistics like the number of blogs that link to you. You can also invite other members to favorite your blog.

Wikablog Wikablog

If you are familiar with Wikipedia, this is the equivalent for blogs. It faces the same problems as Wikipedia i.e., while it is easy to list your blog, it is equally easy for others to edit your listing. Nevertheless, for a new blogger, this is one of the fastest way to have your blog appear in a directory. [Update: This site has been down for quite a while and link is therefore removed.]

Fuel My Blog Fuel My Blog

This is an interesting directory. Unlike the usual text-based blog directories, this site goes by images that you create to represent your blog. When your visitors click a link on your site that says Fuel My Blog!, your image will move up the ranks and appear on the front page, making it more visible to directory viewers.

Blogtoplist Top Blogs

A blog directory listing that is sorted by the number of unique visitors to your blog. Your visitors can also cast a Vote to increase your ranking. The scores are reset every week to allow new bloggers like us a chance to be placed among the top.

Topblogsites

Here, you are ranked by unique hits based on the Votes you receive from your visitors. Many of the comments posted on the directory site are spam comments, and if you can disable comments, you might want to do that. [Update: This site has been down for quite a while and link is therefore removed.]

Mybloggingarea Mybloggingarea

Another directory that ranks you based on the Votes and the number of unique visitors to your site.

Topblogarea Topblogarea

A blog directory that tracks unique visitors. Unlike the earlier ones, visitors do not vote at this directory.

Blogflare

This is a simple, nice blog directory that tracks your unique visitors and pageviews. [Update: This site has been down for quite a while and link is therefore removed.]

Topblogging Topblogging

Here, you are ranked based on unique visitors. Although there is a count for votes in, somehow the code provided by them did not track this vote count.

Blogroll Blogroll

I joined this directory only about a week ago. A simple directory that monitors the Votes and unique hits.

Worldtopblogs World Top Blogs

Ranking is by the Votes cast by the visitors to your blog.

Topbloglists Topbloglists

There is a voting gateway for your visitors but ranking is based on unique pageviews.

This article continues at Submit Blog to Blog Directories (II).

For more visibility, you may want to submit your Blog to Feed Directories and ping your Blog every time your contents are updated. Also, submit your Blog to the various Search Engines for maximum exposure.

While you are looking at blog directories, you may also want to consider earning money while you are surfing the net. AGLOCO seems to have a nice scheme for you which you may want to take a look. You may also want to consider having AuctionAds to display an eBay auction widget which is compatible with AdSense and other ad systems. No harm trying it since it might give you an extra income.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Digg This Story

Submit Blog to Blog Directories (II)

This is a continued list of Blog directories to which you can submit your blog for free. If you have not read the first part, please check out Submit Blog to Blog Directories (I).

Again, I seek your understanding that while comments on your experiences with these sites are welcomed, kindly refrain from posting suggestions of new blog directory sites. As you will see, where there are voting gateways to the blog directories, visitors can either vote if they like the blog or enter the directory site without voting.

Blogvillage

If you can direct more visitors from your blog to visit this Blog Village site, chances are that your blog will appear in the first couple of pages. There is no search function, and viewers have to browse the pages to pick the blogs they want to view.

[Update: Search feature in place on May 6, 2007. Also, beginning Aug 1, 2007, to continue to be listed in the directory, you must have at least one click every month into their site from the voting link displayed in your Blog. They ask you to vote for yourself if you have to. After that vote is cast, your ranking in their directory is based on the Hits Out, meaning to say the more people visit your Blog through their site, the higher your ranking will be. Take note of this because this is unlike other directories which will rank you highly if you can get more readers to visit their site. We encourage you to check out the new blogs through Blogvillage, but if you have a blog listed there, do yourself a favor by clicking on your own blog too to register a Hit Out.]

Blogelites BlogElites

The ranking is based on the number of unique votes from your blog visitors. The score is reset everyday. This directory is plagued by a number of inactive blogs though, and presently all you need is one visit a day to appear on the first page of the directory.

Myblogdirectory My Blog Directory

This directory has an interesting concept. If you can drive some of your visitors to the site, your blog can be featured as the Blog of the Day.

Blogcatalog

The administrator was rather efficient in approving my blog. It has a huge catalog of blogs. I like the presentation and layout, simple and neat.

Blogarama Blogarama

Quite a popular blog directory but has a slow access speed most of the time.

Blogion Blogion

Another simple and neat blog directory.

Bloggeries Bloggeries

For a change, nice graphics and colors with an icon next to your listing to allow visitors to easily rate your blog. [Update: Submission for listing is no longer free.]

Bloghop

Nice design for a blog directory. It allows you to tagsurf, pixelsurf or ratesurf, and if you'd like, you could rate this blog to see the pretty cool graphics too.

Bloggingfusion Blogging Fusion

This is currently not a big directory, but has the makings of a good one.

Blog-search Blog Search

A simple, no-frills blog directory.

Blogpoint

This looks like a new directory to me. The code given to you is supposed to monitor the hits by your visitors to the site.

Blogs-collection

Text-based, simple, and neat blog directory.

Globeofblogs

This was one of the first directories I submitted my blog to, and with their huge backlog, they seemed to be taking a really long time approving the listing. If you are linking to them using a link button, following their HTML code given on their main page will not work because they have not provided the URL of the button in the src tag. What you can do is to pick the button that you like, right-click on it and save the button onto your drive. Next, upload the button onto a free Image Host. Insert the URL into the code where src="URL of button".

Blogoriffic Blogoriffic

On the contrary, approval at this blog directory took a much shorter time. It is however difficult to find the relevant blogs using their search box.

This article continues at Submit Blog to Blog Directories (III).

For more visibility, you may want to submit your Blog to Feed Directories and ping your Blog every time your contents are updated. Also, submit your Blog to the various Search Engines for maximum exposure.

While you are looking at blog directories, you may also want to consider earning money while you are surfing the net. AGLOCO seems to have a nice scheme for you which you may want to take a look. You may also want to consider having AuctionAds to display an eBay auction widget which is compatible with AdSense and other ad systems. No harm trying it since it might give you an extra income.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

Digg This Story

Submit Blog to Blog Directories (III)

This is a continuation from the earlier list of Blog directories to which you can submit your blog for free. For completeness, it is advisable to read the earlier installments Part I and Part II before you read this.

Feel free to share comments on your experiences with these sites but refrain from posting suggestions of new blog directory sites.

Blogflux Blog Flux

Other than a blog directory, the site also provides you with tools and utilities like a pinger form which can submit your feed to several websites.

Blogsearch Blogsearch

Serves its purpose as a blog directory well. You can list your blog in 3 different categories to maximize the exposure to visitors.

Bloghub Bloghub

A fine blog directory which allows visitor ratings.

Findingblogs

This is not a big directory and hence navigation is easy and fast. [Update: Site is inaccessible and link is therefore removed.]

Bloggernity Bloggernity

This has been around for some time and has a large database of blogs.

Bloggernow Bloggernow

Almost the same layout as Bloggernity but this carries a much smaller collection of blogs.

Weblog-index

Simple and easy to navigate blog directory.

5starblogs 5starblogs

I wonder why some blogs have screenshots while many others don't. Anyway, this is a free directory you can consider listing your blog in.

Getblogs Getblogs

I like this directory, mainly due to the sleek design and quick search speed.

Blogtree

Rather interesting to provide a blog genealogy. For some time, the site exceeded its bandwidth and access was cut. The administrator supposedly switched to a new server host and the site seems to be working very fine now. [Update: This site has been down for quite a while and link is therefore removed.]

eBlogzilla

Such an interesting name for a blog directory. Approval for listing didn't take long.

Search4Blogs Search4Blogs

The site is filled with too many advertisements, and the blog directory is a mere secondary aspect of it. Not to my liking, but it is a blog directory nevertheless.

BloggerTalk BloggerTalk

This is a forum for bloggers. They have a blog directory as well, although don't bang on it that your blog will be included.

LSblogs LSblogs

Another directory that is slow in approving your listing.

Be sure to click the Bookmark button below and check back here for a Part IV to this article on free Blog directories to submit your blog to.

For more visibility, you may want to submit your Blog to Feed Directories and ping your Blog every time your contents are updated. Also, submit your Blog to the various Search Engines for maximum exposure.

While you are looking at blog directories, you may also want to consider earning money while you are surfing the net. AGLOCO seems to have a nice scheme for you which you may want to take a look. You may also want to consider having AuctionAds to display an eBay auction widget which is compatible with AdSense and other ad systems. No harm trying it since it might give you an extra income.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button