Wednesday, March 23, 2011

Buttons for your Blog

Since starting my venture into the blogging community I have done some research on how to make my blogs easier to access.

I have since taught myself how to make a Linky Button that people can copy the html from my page so they can have your icon on their page that links back to your page (that was a mouthful!)

I have also figured out the html and java script necessary to make Social networking buttons for Facebook, Twitter, RSS Feeds, Favorites list, and Email. This was quiet a bit of figuring on my part, but I got them to work and I will attempt to put the process here in the simplest way I can.

You will first need the images you will be using for your button(s). You will need to upload them to a website like Photobucket so that you will have a URL for your images. There are a lot of super cute, fancy and fun social networking buttons that are offered free. I just went to Google and searched "free social networking buttons." The site I like the best so far is Webtreats. Your Linky Button image should be approximately 150 pixels x 150 pixels. I like the social networking buttons around 75 x 75.

The Add to Favorites Button should work on both Firefox and Internet Explorer. I am not sure about any other browsers though.

The HTML required for your buttons will look like this. Simply copy and paste these into an HTML widget on your blog and replace any of the writing in capitals with your information.

For example, where it says YOUR BLOG URL HERE, I would delete that and replace it with http://leetahinwriting.blogspot.com.

Where it says NAME OF BLOG HERE, I would delete that and replace it with Leetah In Writing.

Where it says PICTURE URL HERE, I would delete that and replace it with the "Direct Link" from Photobucket to my picture. Mine happens to be http://i80.photobucket.com/albums/j167/lilsprouts/VictorianButtonImage.jpg

Where it says YOUR USERNAME/PAGENAME HERE, I would delete that and replace it with my username on my Facebook account or Twitter account. personal Facebook pages don't automatically have a username, you will have to set one in your account settings, however, it is better to have a Facebook page for your blog anyways, and that will have a Page name. For my cooking blog, this part of the link looks like this, http://www.facebook.com/AFK.Dinner. For Twitter it is https://twitter.com/AFK_Dinner.

Where it says YOUR EMAIL ADDRESS HERE, simply type in your email address like you would anywhere else. bloglady@2gud4u.net

For the Linky Button:


For the Facebook Button:


For the Twitter Button:


For the RSS Feed Button:


For the Add to Favorites Button:


For the Email Button:


I hope this helps! Feel free to ask questions or leave comments! Don't be shy!



7 comments:

  1. I had to play around and learn all of this too. It has been a long process.

    Your info is great! Thanks for sharing.

    ReplyDelete
  2. OK, I LOVE your name! I'm visiting from Paisley Passions blog hop. I'm Leda from A lil' bit of This~A lil' bit of That! Great blogs you have. I also loved the talk below. Thanks for visiting.

    ReplyDelete
  3. Thanks for following Just Wedeminute, I'm following back. Love all this info on how to update my blog, last week I just learned out to make the blog button and it was fun!

    ReplyDelete
  4. Following you back! Thanks for stopping by!
    http://theknitwitbyshair.blogspot.com

    ReplyDelete
  5. Hi, thanks for the great info - very helpful as I'm a newbie at this blogging stuff.

    Thanks for visiting my site, now following yours. :)
    http://henryhappened.blogspot.com/

    ReplyDelete
  6. thanks for following...followed you back!

    ReplyDelete
  7. Great stuff! Thank you! I am following you back from The Steady Hand. Following your other blog too!

    ReplyDelete