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!!!
You give the best tutorials out there Debi - thanks so much!
ReplyDeleteHi Suzan,
DeleteI am happy that you like the tutorial. I was so excited to figure this out. Let me know if it works for you.
Debi
Thanks for sharing, Debi - never know when I might need it! Have a wonderful week,
ReplyDeleteLinda
Hi Linda,
DeleteYou are the person who inspired me. You just made one for my blog for your pages. I was so impressed. Thanks for visiting.
Debi
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!
ReplyDelete~Nici
Hi Nici,
DeleteYour 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
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. :)
ReplyDeletethis is the first time I have been able to do it. Let me know if it works for you.
DeleteDebi
So, are you saying you have to have a Photobucket account? Can the link be off your desktop?
ReplyDeleteThe 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.
DeleteDebi
Thank you sooooo much for this great info! I am pinning and bookmarking. LOL HUGS sweet friend! :)
ReplyDeleteHi Kathy,
DeleteThanks so much for pinning this. I really appreciate. Let me know if you have any problems with the coding.
Debi
This is wonderful! Thank you so much!
ReplyDeleteHi Christina,
DeleteThanks so much for visiting. Let me know if you have any questions or problems with this.
Debi
Great Tutorial! I'm pinning this one!
ReplyDeleteHi Jeanette,
DeleteThanks so much for pinning. Let me know if you have any questions.
Debi
My button is always getting messed up. Thanks for the tutorial and thanks for sharing at Mom's Library!
ReplyDeleteHi Liz,
DeleteHopefully, this will help, if you have done one before, this will be an easy fix. Let me know if you have any questions.
Debi
This the best and easiest tutorial! thank you Debi.. will share to my circles.
ReplyDeleteAnne xo
http://randomcoolstuff101.blogspot.com
Great post, Debi! Thanks for the tutorial and link to Rachel's site. I have to pin this.
ReplyDeleteDebbie :)
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!
ReplyDeleteHi Lynn,
DeleteI 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