Blog-Button What?
A Blog-Button is a tiny image with scrolling text box underneath comprising the button's code. These text box are codes that makes it easy for other people to to add/promote your blog on their own blog/website and can effortlessly link on your blog. Sounds cool right?!
It's super easy, and here's how I did it :
1. Make/Choose and Image and resize to fit your sidebar blog. Publish the image on a new post. (Image-Resize-New post-publish post)
This is my Image :
( I use Paint to resize it to 150x150pix)
2. Copy your Image URL. How? Once you have publish your Image into a post,simply click the image and it will take you to a new web address. Copy the entire address and save it onto a word document. (Post (where your image is published)-click Image-Copy Image URL)
Mine is: http://2.bp.blogspot.com/pI0x9irgczI/ThtTmkTRptI/AAAAAAAAAX4/4WbqfV6keI8/s1600/button.jpg
3. Go to your blog, select design-select layout. Click on "Add a gadget" and choose HTML/Javascript. Type Title Box on free will.
4. Place this code in the text box :
1st & 2nd text line (read as 1 Line only ) : your Image URL -( remember when I asked you to save it on a word document?)
The 3rd & 4th text line is your Blog URL
The 5th text line is your Blog Title
Feel free to play around with your button style-you can change boarder, color, width & height of your Blog-Button.
Almost there... Once you've done this, DELETE & RETYPE this symbol " .There are 6 in total.
5. Save and view your Blog - click on your button to make sure it brings you to your Blog Homepage. Also, copy & paste the codes on your post (for try-out) to make sure it works. It should appear like this :
<a href="http://www.mummyvin.blogspot.com" target="_blank"><img src="http://2.bp.blogspot.com/-pI0x9irgczI/ThtTmkTRptI/AAAAAAAAAX4/4WbqfV6keI8/s1600/button.jpg" alt="~Thoughts-To-Tell~#34; width="125" height="125" /></a>
No comments:
Post a Comment
Share Me Your View ~: