If you read a lot of blogs you'll probably have noticed that quite a few of them have blog badges and grab boxes in their sidebars. This allows readers to place your badge on their blogs and can help improve traffic to your site as well as helping you to rank higher in search results. You can even swap badges with other bloggers in a mutually beneficial arrangement. So today i'm going to show you how to place the badge on your site with a grab box underneath containing the code for the badge.
Step 1
First of all create your badge. This can be created in Photoshop, Gimp, Paint or an online photo editing site like Picnik. Bear in mind the width of your sidebar when creating your badge and make a note of its dimensions as you'll need this information later on.
Step 2
Upload your image to Photobucket or Flickr and grab the direct link. Make a note of this link.
Step 3
Navigate to your blogging platforms dashboard. If your on Blogger you'll need to go to the Layout page and Wordpress users will need the widgets page.
Paste the code below into a text widget (wordpress) or HTML widget (Blogger).
<a href="YOUR URL"><img alt="Blog" height="85" src="IMGLINK" width="250" /></a>
<textarea cols="31" name="textarea" rows="5" style="height: 85px; width: 250px;"><a href="YOUR URL"><img width ="100" alt="Blog" src=IMGLINK" height="100" /></a></textarea>
Now replace YOURURL in the code above with your blog's domain address.
Replace IMGLINK with the direct link you made a note of earlier.
Now you'll need the dimensions of your image. Next to height where it says 85 just replace that number with the height of your image. Do the same with the number next width. Pretty self explanatory really.
You'll notice I have a badge and grab box in my sidebar and that is how I created it. Feel free to grab my badge (cheeky I know)!
0 comments:
Post a Comment