What's New!!!

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!!!
Debi

Monday Party Links


Tuesday Party Links
Thursday Party Links
Friday Party Links

Saturday link Parties


Sunday Link Parties


Posted by at
Labels: ,

21 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. This is a great tip especially to those new to the blogosphere.
    Short but very precise info… Appreciate your sharing this one.
    A must read article!
    Feel free to surf my webpage : dog health

    ReplyDelete

  9. 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

  10. 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

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

    Anne xo

    http://randomcoolstuff101.blogspot.com

    ReplyDelete

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

    ReplyDelete

Thank you so much for sending us a message. We reply to every question via email (if your email is linked to your comment) and we really really appreciate each comment!!

Please make sure that you are in Google not Google+ when you leave a comment. Otherwise we can not send you an email to reply.
Debi and Charly

Subscribe to: Post Comments (Atom)

Button Swap

PhotobucketBlue Eyed Beauty Blog
Simplee Sue