Your blog will increase in Page Rank when more and more bloggers link to your blog. Hence to gain more backlinks to your blog provide code for others to copy and paste into their blog template.
You can provide code for only a simple link or for an image link. The advantage with a link is you can specify what anchor text you want in the link. The search engines place a lot of importance on anchor text for indexing blogs.
CODE FOR BUTTON LINK
To provide an image link you will first have to create a button image. Just Google for "button generator". Go to any of these sites and create a button image. Here is one I made for this site :
After creating the button upload it to a free host like Photobucket.com or Googlepages and copy down the link to the image. Paste it in a Notepad file for inserting it into the code as shown below.To put the code in your sidebar login at Blogger.com and click on Layout link on Dashboard. Then click on Add Page Element link at top of sidebar. Choose the Html/Javascript option and paste the following code in the contents window and save :
<p>To link to this blog, copy and paste the code below into your site.</p>
<textarea rows="4" cols="24" style="font-size: 1.1em;" readonly="readonly" onclick="this.select();"><a href="BLOG_URL"><img
src="LINK OF IMAGE" alt="BLOG_DESCRIPTION" /></a></textarea>
Replace the CAPS with the relevant data for your blog. For this blog it will look like this :
---------------------------------
To link to this blog, copy and paste the code below into your site.
---------------------------------
This will give an image link to your blog like this after a blogger pastes the above code in his blog :
CODE FOR A TEXT LINK
The code for a text link is :
<p>To link to this blog, copy and paste the code below into your site.</p>
<textarea id="b_2" rows="4" cols="24" style="font-size: 1.1em;" readonly="readonly" onclick="this.select();"><a href="BLOG_URL">BLOG_TITLE</a></textarea>
Replace the CAPS with your Blog URL and Blog Title. It will look like this :
---------------------------------
To link to this blog, copy and paste the code below into your site.
---------------------------------
22 comments:
Bappy:
Thanx that was really helpful..i am gonna try it!
http://prometheandreamer.blogspot.com
hi vin,
thanks for the tip.
i've put it on all my 5 blogs already.
cheers,
kingkraal
http://cholesterolcare.blogspot.com
Thank you Vin..
I have a new version with
1. put some css code
textarea#txtLime{
color: Lime;
background: transparent
}
2.I use textarea tag with id="txtLime"
for more look at http://laryt.blogspot.com, left slidebar (down)
Your tips and tricks have made my day. My blog has evolved over this past month from plain 2 column format to 3 columns all thanks to you. Keep up the great job of helping the masses deal with Bloggers Help :)
http://royedsworld.blogspot.com
vin, i'm still working on my blog. soon i'll put yours there... thank you for your help all these times ;)
it really nice tip for code for a text link.it was searching for long time for this information and it beneficial.
www.qafar.blogspot.com
Your blog rocks. This is the best advice on the net.
http://Zanesbusiness.blogspot.com
I was going in circles randomly searching the web for the "how to put a button code on site" when you've had it here all along. Thank you, your site is the only one I've found that is absolutely user-friendly!
Book me Vegas... LITERARY!
Thanks for the great tip.
I was able to keep the code off my front page by creating a new page for the HTML code and then adding a picture of a button to the first page that linked to the new page. The button says "Blog Linker"
Thanks that was a fabulous tutorial. Easy to follow and I appreciate all your help.
The Power of Housewife Word of Mouth
Hiya
I want to say Thank you for taking the time to help all of us out here in this blogging jungle.
It took me a little time to get it right, but I got it! I just put this on my blog,,thank you so much!
http://blog-n-scraps.blogspot.com
Hey Thanks a lot pal. Was searching high and low for this function. For referance, check out my site.
http://howtolevelupguide.blogspot.com/
Hi I am new to this so bear with me. I pasted link into my site
http://adsenseadwordsandgoogle.blogspot.com/
Can you have a look ? Is that al I do? Maybe I don't quite get it. And how can I help you in any way for your helping me?
Colnago,
What is it that you do not get? Please give more details.
Hi Vin
Its all good. I managed to put your button on my
"pink adsense" blog as well I have put the code in for others to link to my blog.
Thanks for your help. Much appreciated. I am learning fast.
thanks for your tips...i still working on it!
can u come & have look for me coz my link doesn't come out with the image in my blog~the image couldn't link to my blog when i tried to paste it on my friendster~
thanks in advances!
✿公主✿,
Change this in the code :
<img src=http://i205.photobucket.com/albums/bb255/amylia_ch/anigif.gifalt="/"/></img
src>
TO THIS :
<img src="http://i205.photobucket.com/albums/bb255/amylia_ch/anigif.gif"/>
Do NOT CHANGE THE REST OF THE CODE. Change only what is shown above.
Nice thing to know about.. But is it possible for me to have the text area field to be made un editable... Because in certain browsers, if the user messes up with the text area windows in my blog, the browser for that user displays the same edited content until he clears the cache....Any codes to make it undeitable..
Ranjith,
Which browsers and versions are these? Entering anything in the text area does not enter it in cache.
That was really helpful! I bookmarked your blog, alot of info that I can find here, thanks for sharing!
Your tips are all great and wonderful, particularly for people like me who don't know much about HTML etc. I learnt a lot from here.
Thanks
Why did my button not show up on my blog.
Only the HTML window like the one you have here showed up. Please email me at philip@eztechinternet.com
I tried to post the html here in this comment
but it isn't allowing me to do so. I need to show you what I put in the HTML/java script so you can help me get the "link button" only on my blog.
CLICK HERE TO LEAVE A COMMENT.
Skip to top of post.