How to Make a Blog Button with Corresponding Code


A great way to generate traffic to your blog is to create a blog button so that visitors to your blog can very easily copy and paste the button code you've provided onto their own blog or website. This is often a reciprocal swap, where you'll also place buttons to blogs you're a fan of on your own blog as well.

I've taken the html guesswork out of the process, so no worries if you aren't comfortable with coding. Steps below...

How to Create a Blog Button:

1. Create your blog button graphic itself (sized 125 pixels by 125 pixels) using a graphics program such as photoshop.

2. Save the image as a jpg or gif, then upload it to a photo-sharing website (such as http://www.imageshack.us/) that gives you the option to grab the direct html image code link. Leave this window open on your browser so you can come back and copy the html image code it assigns your uploaded button.

3. Open notepad/wordpad/word on your computer.

4. Paste the text below into notepad/wordpad/word

<img src="http://www.image-url-goes-here.com" /><br>
<textarea name="textarea" cols="13" rows="9"><a href="http://www.your-blog-url-goes-here.com" /><img src="http://www.image-url-goes-here.com" /></textarea>

5. Replace the image src code in red with your direct html image code (copied from the photo-sharing website)

6. Replace the a href code in red with your website link (be sure to use http:// format)

7. You’re ready to copy and paste the entire string of code into your blogging layout.

8. If you’re using blogger, go to design/add a gadget/select “html/javascript”, then paste your code into the box.

9. Preview your changes and save if everything appears correctly.

You're all set! If you've followed the steps above, you've created your own blog button!

Comments

Post a Comment

Popular posts from this blog

10 Tips to Developing a Cohesive Brand Online - {As shared on Jacqueline Whitmore’s call 1/18/2011}

Image
I had the honor of hosting a social media call with Jacqueline Whitmore this week. What a wonderful group of talented folks!  During the call, I walked through my “10 Tips to Developing a Cohesive Brand Online”.  I’m sharing these tips with you below for our " Be Inspired Wednesday " together.  If you joined us on the call, don’t hesitate to contact me with any additional questions.  You'll notice my Twitter and Facebook info is found on the right-hand side of this blog (and on my contact page ). I look forward to connecting! 10 Tips to Developing a Cohesive Brand Online 1. Carefully name your business and include your company logo where possible .  Your business name and logo will help brand you online. Work hard on these two things! 2. Develop a compelling and concise branding statement that clearly states who you are / what you do .  It will come in handy (big time) across many social sites, such as Facebook/Twitter/Blogger/Wordpress/Flickr/e...
Read more

visit here to make your own shirts

With the growing popularity of custom t-shirts, demand-responsive t-shirt designers online application will be heavier than before. Most site owners use these rich Internet applications (RIAs) on their fully functional ecommerce website more interactive and customized for the site.  A good integration of the tool design t-shirts that will increase web traffic for up to 20 times higher, the presence of a secure website on the Internet is clearly on the rise. Some of them may already be using software applications t-shirts online, but if you are the people who invest in custom t-shirt designer and are looking for some real guidance as my friend techniques this article for you. Here are some of the most valuable aspects that you should keep in mind when buying a t-shirt online ecommerce website design for you. visit here to make your own shirts
Read more

How to Get the New Facebook Timeline Layout BEFORE it Rolls Out

Image
If you've been following Facebook in the media this week, you're already aware of some pretty big changes.  Some are already here, and others are on their way. If you need to get up-to-speed, read this article about the newest changes. One of the new changes that especially intrigued me was the new "Timeline" layout.  The video below does a good job of explaining this new layout. I was able to roll-out the new "timeline" format on my Facebook profile BEFORE it rolls out to the general public by following the steps outlined in this Mashable article .  It's 8 steps and takes a few minutes, but if you're eager to give the features a test-drive, it will get the job done.  I'll be checking out the new features today! My next post will walk you through some of the features. In the meantime, here's a sneak peek at what my new profile looks like: Have a great day, and remember to visit my personal blog, LauraCatherine.co if you're lookin...
Read more