Welcome to Blogging for SEO

The Infamous Click Here Now Button

Author Jeffh

Well ever since our word wrap, I have had some problems getting the weblink button to show an image. I noticed that most everyone else had not done this either which is why I set out to figure the problem out.

As you can see from this white water rafting in california website, I was able to solve the problem without editing the XSL file. Below is the css involved in creating this weblink image.

First I set out to make the container box, this allows the whole image to be clicked on as a link. Next I floated it right and positioned it so it was centered. I added a clear border (assuming your page has a white background). Next, I through in a non repeating image. And Finally tossed all of the weblink text to the left (so that the search engines still read it).

Hope this Helps,

Jeff

 #webLinkTop {width:380px;
height:200px;
float:right;
position:relative;
left:-30px;
border: 2px solid #fff;
padding:1em;
background-image:url(’/images/weblink.jpg’);
background-repeat:no-repeat;

}
#webLinkTop h2{
position:relative;left:-99999px;     height:220px;
}