Tutorial: HTML Button with Code Box for Sharing!

Well I have wanted to add a Blog Button like the one seen above to my blog and I wanted it to have a code box attached beneath so that others can post it to their blog easily. I searched for quite some time to figure out how to do this and I used these two links to help figure it out:

1. Zakka Life
2. This forum post

I then had to figure out how to make the code box smaller so that it would fit in my sidebar as the code for the "code box" was making it too wide. I thought I would try to compile a tutorial here to show all the steps I took to do this. Part A. shows you how to create your customized code for your button. Part B. shows you how to use that customized code to create a code box below your button so others can have access to your code to copy and paste on their blog.

Part A. To create the code for my button:

First I selected an image and uploaded it to photobucket.

then I followed the steps outlined in Zakka Life's tutorial as follows:

click on the photo in photobucket that brought up this box (seen in image above) at the bottom right of the screen. I then copied the HTML code seen highlighted in blue.

Then I pasted it in a blank "Word" document. I replaced the highlighted part (see image above) with my blog URL address.

and replaced the highlighted portion above with my shop name.

So the final customized button code looks like this (see image above).

Part B. Create your code box

Now you have to get the code to for the actual "code box" shown here: (See image below)

I pasted this into the same word document just below the previously edited code for my button. I pasted my button code in place of the blue highlighted code seen above.

Then I had trouble getting the code box to fit in my sidebar so I had to figure out how to make it narrower. For this I just tweaked the number shown above in blue (I made mine 15) and it fits fine.

Once again here is the entire final edited code above as seen in my word document once all editing was complete.

Finally I went to my blog and went to "Layout" and clicked on "Add a Gadget" in the right hand sidebar then scrolled down until I reached "HTML/JavaScript" and then I copied the code from my word document pasted the final code (both parts) into the "Contents" and clicked SAVE!

POOF there it is in my right sidebar! I spent two evenings figuring this all out so to save others time I thought I would share my learnings.

Etsy! Front Page screen shots on Flickr.

Don't worry if you don't get to see your Etsy front page moment. There is a Flickr group that posts screen shot of them for you. Check it out and enjoy your moment of Etsy Front Page glory a little longer if you want to. Here is my Front Page Moment that I missed today.

Tea Time Favorite!

I love to browse Etsy for favorites all the time. I sit with a cup of tea (from my favorite mug) mulling over what I can find next. I thought I would use my Tea Time to mull over your favorites and feature my picks of the week from your entries!

So if you would like to submit an item for my "Tea Time Favorite" leave a comment with a link to your item below and post it here as well. I will pick my "Favorite" over a nice cup of tea (usually English Breakfast or Darjeeling tea) this weekend and will post my favorite on this blog early next week. Please have all entries in by Saturday Dec 13.

Remember to post to the comments below and to the forums thread here to share your favorites there as well! Yes post to both places.

How cool are these?

I ran across this great idea for recycling egg cartons and making them into these Fairy Lights. There are "how to" instructions included in this article. I am going to have to try this out.

How to Pick Smart Search Words.

How do you find the most popular search terms to use for marketing your product? For instance, do more people search for "handmade" or "handcrafted"?

Here are two tools I have used to find the best search words to help your product be seen:

1. Google Fight.

handmade vs. handcrafted

2: Google AdWords Keyword Tool.

handmade vs. handcrafted

"Handmade" won hands down!

So there you have it! A few simple tools to help you pick smart search words to use for selling your product online! Try it and see if your product shows up more in searches.

EcoLoops Holiday Earrings!

This pair of EcoLoops earring is made from a Holiday Season Starbucks cup. They are fresh...fun...and are one of a kind for the Holiday Season.

ABOUT my EcoLoops Jewelry:

I have had a serious dilemma with the amount of junk mail that I have to recycle. I have signed up with Green Dimes to try to limit how much gets sent to me but I am still getting more than I like. What can I do with all the paper waste and junk mail I receive other than send it to recycling? I have wanted to create something with it for quite some time and have tried a few things and they just weren’t quite what I liked or wanted until now. I have started making jewelry and earring discs with this junk mail that has been piling up. I have used many things like cereal boxes, mail order catalogs, post cards and the top to the oatmeal canister to create these abstract designs on these jewelry discs. They are constructed with non-toxic adhesives and glazes and are all made out of recycled paper form my home. They are lightweight and have a beautiful finish. They are resistant to moisture but remember they are made from paper and therefore should not be washed or submerged in any liquid. You may clean them with a barely damp or dry cloth.