Home..........About..........Online Shop..........Etsy Shop..........Folksy Shop..........Newsletter....

Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Thursday, May 21, 2009

Etsy Mini Part 4 - How to make a Featured Artist Etsy Mini

This is Part 4 of my tutorials on using the Etsy Mini Widget, here I will show you how to tweak the Etsy Mini HTML code so you can feature other artists.

For more information on using your Etsy Mini:
Part 1 - What is an Etsy Mini? How to build an Etsy Mini
Part 2 - How to post an Etsy Mini on your blog
Part 3 - How to post an Etsy Mini on your Facebook Page

It is possible to make an Etsy mini from another store, for example if you wanted to have an “artist of the week” Etsy mini on your blog. The trick is to make an Etsy mini for your own store, in the dimensions and size that you want your featured artist to have on your blog. Then you need to find their user_id and replace yours for theirs.

Here's an example. Let´s say I wanted to make an Etsy mini from this great store I found recently called reclaim2fame.etsy.com. First I would build an Etsy Mini for my own store, making it the size and dimensions I want to show reclaim2fame´s listings in.

This is the code I get for that:

I copy and paste that code into a word document so I can edit it a bit later.

Now, I want to turn it into an Etsy mini for reclaim2fame´s store. All I need to do it look at his Etsy shop Policies page. The url will look something like http://www.etsy.com/shop_...user_id=5932649. The bit I need is his user id 5932649.

So I take the Etsy mini code for my store, and I replace my own Etsy id with his like this:

Code for my storeBecomes Code for reclaim2fame´s Etsy Mini

By using this technique you can create an Etsy mini for any store you like, without needing to convo the seller to ask them to build one for you.

For more information on using your Etsy Mini:
Part 1 - What is an Etsy Mini? How to build an Etsy Mini
Part 2 - How to post an Etsy Mini on your blog
Part 3 - How to post an Etsy Mini on your Facebook Page

Etsy Mini Part 2 - How to put an Etsy Mini on your Blog

This is Part 2 of my tutorials on using the Etsy Mini Widget - here I will show you how to add your Etsy Mini to your your blog sidebar and into a post.
(This tutorial is for Blogger only, Wordpress does not support any Etsy Mini code)

For more information on using your Etsy Mini:
Part 1 - What is an Etsy Mini? How to build an Etsy Mini
Part 3 - How to post an Etsy Mini on your Facebook Page
Part 4 - How to tweak the Etsy Mini HTML code so you can feature other artists.

How to put an Etsy Mini in a blog sidebar
Blog sidebars are narrow, so you need to make sure that the Etsy Mini you build to go here is only one column wide for gallery size images or 2 columns wide for thumbnail size.

1) Once you have built the mini you want to use, copy the Javascript code (the top box) and save it in a text document. Alternatively you can just keep your Etsy mini builder open in a separate tab/window so you can come back to it later.
2) Log into Blogger
3) Click on "Dashboard"
4) Click on "Layout" this will take you to the customize page of your blog.
5) Click on "Add a Gadget"


6) A selection of Gadgets for your blog will pop up. For the Etsy Mini you need to select "HTML Gadget"
7) In the next window give your Etsy Mini a name (optional), paste your JavaScript code into the main box and click "Save".

8) You can move your Gadgets around by clicking and dragging them. When you are happy with your layout just click "Save"

- You can add multiple Etsy minis to the same gadget if you want, just paste more code underneath the first. However I think it works better to create a new html gadget for each Etsy mini, it makes it much easier when you want to move things around on your blog.

How to put an Etsy Mini in a blog post
1) Log into your blog and then click "New Post"
2) Then Click the "Edit HTML" tab

3) Paste the JavaScript code for your Etsy Mini into the box. If you click the "compose" or "preview" tab you wont be able to see your Etsy Mini. This is ok, just so long as the code is in your "Edit HTML" tab you will be able to see it on your blog when it is published.

For more information on using your Etsy Mini:
Part 1 - What is an Etsy Mini? How to build an Etsy Mini
Part 3 - How to post an Etsy Mini on your Facebook Page
Part 4 - How to tweak the Etsy Mini HTML code so you can feature other artists.

Popular Posts