Tuesday, August 21, 2012

How To Make - Link Party Button and Featured Blogger Button for Blogger

I am so excited. I just made two buttons for my blog. I made a Link Party Button and a Featured Blogger Button for Blogger.  I will tell you, I have been stressing about doing this. I have been reading blogs to find a blog to help, and would get through their directions, and either have nothing, or have a picture and no grab box, or just coding with not picture or grab box. Now, this may just be my inability to follow directions, or maybe because I was working on it at 1:00 AM, but I was not getting it. I finally found a blog that was explained it perfectly. It is How to Make a Blog Button Grab Box on Paper Heart Camera.  It was written by Rachel from And Then She Snapped.
I am going to give you a quick How to Make - Link Party Button and Featured Blogger Button for Blogger, but I would really recommend that you visit How to Make a Blog Button Grab Box on Paper Heart Camera for all of the directions.

How to Make - Link Party Button and Featured Blogger Button for Blogger

1.  The first thing you will need to do is pick an image that you want to use for your button.  I chose a picture that I had taken.


2. Next I worked in Photoshop to crop my image to a square and then I adjusted the size to 125 x 125 pixels.  I am not familiar with a lot of other editing programs, but the Paper Heart Camera post suggests using photobucket.   I think that you can do all of your editing in this program.

3. You can see the size that the picture was cropped to below.  Next, I added the text to the pictures, until, I got them the way that I wanted them.




4.  Next I uploaded them into photobucket, but if you are working in photobucket it is already there.

5.  You will then to work on your html code so that you get your picture and your grab box together.   The code below is what I used for my Link Party Grab Box.  I did this in notepad.  Just copy and paste.

<div align="center"> <a href="http://adornedfromabove.com" target="_blank"><img alt="Adorned From Above" src="http://i1075.photobucket.com/albums/w437/debrabolocofsky/77007e22.jpg" /></a> </div> <div align="center"> <form><textarea rows="4" cols="14"><center><a href="http://adornedfromabove.com" target="_blank"><img alt="Adorned From Above" src="http://i1075.photobucket.com/albums/w437/debrabolocofsky/77007e22.jpg" /></a></center></textarea></form> </div>

Change the red text to your blog's link
Change the blue text to the Name of You Blog
Change the fuscha text to the link for your picture in photobucket

6. To find the link for your picture in photobucket, you will click on your picture and you will see a box around the picture with several boxes of code beneath it.  Click in the direct link box.  It will say copied.  Then just paste it over the link for my picture link.

7. Next, pick your gadget,  it is the HTML/Java Third Party Script.  Give it a name, I named my Link Party Button.  Then I copied the text from Notepad and pasted it into my Widget's text box.

8.  Save, and then I clicked Preview, to make sure that it looked right.  If something is wrong, check your code and your different links.

9.  It should be working fine.  Again, since I am not an expert, I would refer back to How to Make a Blog Button Grab Box on Paper Heart Camera.

I hope that this helps you to make a Blog Button Grab Box if you haven't done one yet.  It really helped me a lot.  Let me know what you think.  I always love hearing from you.

Enjoy!!!

22 comments:

  1. You give the best tutorials out there Debi - thanks so much!

    ReplyDelete
    Replies
    1. Hi Suzan,
      I am happy that you like the tutorial. I was so excited to figure this out. Let me know if it works for you.
      Debi

      Delete
  2. Thanks for sharing, Debi - never know when I might need it! Have a wonderful week,
    Linda

    ReplyDelete
    Replies
    1. Hi Linda,
      You are the person who inspired me. You just made one for my blog for your pages. I was so impressed. Thanks for visiting.
      Debi

      Delete
  3. Thanks for sharing this tip, Debi. Someday I may need it as my blog grows and I start incorporating parties. I wanted to thank you for all your sweet comments you left over at Posed Perfection last week. I really appreciate the encouragement you so freely give. I hope you have a blessed week!
    ~Nici

    ReplyDelete
    Replies
    1. Hi Nici,
      Your blog is going to do fine. Let's get you more traffic, so that you can use link buttons soon. Have a great week, and I love your blog.
      Debi

      Delete
  4. I pinned this. Hopefully it will help others. I, too, have tried to make a blog button without success. I have a friend who is making it for me. :)

    ReplyDelete
    Replies
    1. this is the first time I have been able to do it. Let me know if it works for you.
      Debi

      Delete
  5. So, are you saying you have to have a Photobucket account? Can the link be off your desktop?

    ReplyDelete
    Replies
    1. The picture has to have a url. It needs to be online somewhere, I'm sure you could use it from flikr or anything online. I couldn't just load it from my desk top. I did set up my email in photobucket, so that I could use it. I will talk to my son tomorrow and ask him if there is some other way to do it. He is my picture guru, and I'll let you know.
      Debi

      Delete
  6. Thank you sooooo much for this great info! I am pinning and bookmarking. LOL HUGS sweet friend! :)

    ReplyDelete
    Replies
    1. Hi Kathy,
      Thanks so much for pinning this. I really appreciate. Let me know if you have any problems with the coding.
      Debi

      Delete
  7. Replies
    1. Hi Christina,
      Thanks so much for visiting. Let me know if you have any questions or problems with this.
      Debi

      Delete
  8. Great Tutorial! I'm pinning this one!

    ReplyDelete
    Replies
    1. Hi Jeanette,
      Thanks so much for pinning. Let me know if you have any questions.
      Debi

      Delete
  9. My button is always getting messed up. Thanks for the tutorial and thanks for sharing at Mom's Library!

    ReplyDelete
    Replies
    1. Hi Liz,
      Hopefully, this will help, if you have done one before, this will be an easy fix. Let me know if you have any questions.
      Debi

      Delete
  10. This the best and easiest tutorial! thank you Debi.. will share to my circles.

    Anne xo

    http://randomcoolstuff101.blogspot.com

    ReplyDelete
  11. Great post, Debi! Thanks for the tutorial and link to Rachel's site. I have to pin this.
    Debbie :)

    ReplyDelete
  12. Thank you. I have tried to do these before and was just missing a couple of simple things that kept resulting in failure. Your instructions were so clear. Thank you again!

    ReplyDelete
    Replies
    1. Hi Lynn,
      I just did a new tutorial that will be posted tomorrow for the grab boxes. Google made some changes so the old grab box no longer worked. I'm sorry that I am just getting to it, but this should help you. The instructions are similiar, there is just some change in the code.
      Let me know if it works for you, or if you need any help.
      Debi

      Delete

We love all of your comments and read every one of them. We respond to all comments by email, so it makes us so sad when you are a no-reply comment blogger. Please check you settings, so that we can answer your comments.