SEM - Search Engine Marketing Guide

A Read more... button is very useful if you have very long articles, because you can select the amount of text from the beginning of the post to display as a teaser. This post is the first part, in this post i will show you how to design your own read more button, because a stylish button is always better then a simple text link.

1. First we need an image to use as background for the button. I will use this image as example:

Please don`t use my image, try to create your own with any image editor program like Photoshop or even with Paint.

2. Now we need to place a code snippet inside of the template code :

Read more...

Place the code right after the following line:

This code snippet will place a simple Read more... link after all of your posts.

3. Now we will add some CSS code to customize the button:

#read-more-button {

background-color:white;

background-image:url(http://i645.photobucket.com/albums/uu178/coolboycsaba/read-more.png);

height:33px;

width:133px;

padding:2px 0 0 0;

background-repeat:no-repeat;

float:right;

}

a.read-more {

color:white;

font-size:18px;

color:white;

font-weight: normal;

margin:0 0 0 18px;

}

This is the code what i have used for my button. The first part of the code is responding for the button ,the second part for the text of the button. The height and width tags from the first part of the code are defining the size of the button, use the size of your image. The padding is the distance from the button and the objects around it. The first number is defining the top margin, the second number the right margin, the third is number the bottom ,and the last number the left margin. The padding is defining the space between the text inside the button, the values are the same as the margin. Place this code right BEFORE this code: ]]>

If you don`t understand something just ask!

Save your template and read the second part of the post: How to add a read more button to blogger posts -part 2

In the first part of this tutorial I had explained how to add a the button after every post. Now I will show you how to show only a selected amount of text as a teaser from your posts. With this method you will need to select the amount of text to show for each post separately. If you Google for it you will found some automated methods but these are not working well, so it`s better to select the amount of text on your own, because you can select the most interesting part of your posts.

Why remove unncessary links ?

Keep the links on a given page to a reasonable number (fewer than 100).

Whats are the risks of using more than 100 links on a single page?

By using more than 100 links you get a very small risk of getting black flagged or banned by google. The 100 links limit is more just a guideline, lots of high PR websites are using well beyond 100 links, but I think it`s better to listen to Google`s tips so if you have decided to remove some links read this post to see how to remove the links from labels and from timestamps.

#1 How to remove labels links ?

The easiest way to remove the labels links is to remove labels, but you can use the labels as keywords. Write your primary keywords of a post in

labels. Complete the bellow steps to remove only the links so we will have a simple text as labels. This method can drastically reduce the number of links.

1. Log in to Blogger and go to Layout >>> Edit HTML and check the Expand Widget Templates checkbox

2. Find the following code:

,

If you use Firefox press Ctrl + F and type some keywords from the above code in the search form to find the code easier. Here is an image from my test blog template code:

3. Remove the red marked pieces of code from the above code and save your template.

#2 How to remove timestamp link ?

Like at the labels you can simply remove the timestamp at all:

To totally remove the timestamp go to Layout , Page Elements , click on the Edit button from the Blog posts box and uncheck third checkbox:

This was the easiest way ,i have do the same for my blog, i think the timestamp is useles here is how to remove only the link so to have the timestamp as a simple text for those blogger who want to keep the timestamp:

1. Log in to Blogger and go to Layout >>> Edit HTML and check the Expand Widget Templatescheckbox

2. Find the following code:

expr:href='data:post.url' rel='bookmark' title='permanent link'>

You code may be a little different but, here is an image from my test blog template to help you:

3. Remove the red marked piece of code and save your template!

You can directly submit your sitemaps to ;

Google,
Yahoo!,
Ask.com and
Moreover.com

Following are the steps for automatic sitemap submission :-

1. Open This URL - http://mypagerank.net/service_sn_index
2. Enter the sitemap address
3. Select Search Engines to submit
4. Click on submit button
   
5. Wait for engines response