Copy Right: All pictures and designs are the rights of individual shops. ETT has received permission to use their photos and information for our blogs. Permission must be obtained from the individual shops in order to use their items. Written portion of the blog must be received by the writer of ETT blog.
Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Wednesday, July 14, 2010

How To Make An Etsy Mini For ANY Shop

By Vickie Porter from In My Head Studios


Etsy: Your place to buy & sell all things handmade
inmyheadstudios.etsy.com

An Etsy Mini is a way to have items from your Etsy shop show up on any page you can put the HTML code for it. It's a very useful tool for blogging and promoting.

When you want an Etsy Mini for someone the usual way to go about it is to have to ask the shop keeper for their code. But if you know how to read, it is possible to create an Etsy Mini for any shop. All you need is your Etsy Mini code, the shop name and the shop ID number – which is found in the right sidebar of the shop’s profile page.

Ready to get your hands dirty with a little HTML? Below I show you how to change your Etsy Mini - the Flash version of the HTML code – to another shop’s Etsy Mini.

1. First thing to do is go to “Your Etsy” then click “Etsy Mini”.
2. Make selections for the options based on how you want the finished Etsy Mini for the other shop to show up. Choose "Items from my shop".
3. Copy the Flash version of the HTML by highlighting all of it and doing a regular copy of the text.
4. Paste this code into a document that you can edit: Word or Text Editor, for example.
5. Go to the shop you want the Etsy Mini code for and copy their shop ID number from their profile page.
6. Paste this at the end of your document so we can come back to it.
7. Highlight and copy the shop name – inmyheadstudios for example.
8. Paste that to the bottom of your document as well.
9. Now it’s time to switch the code up. All you have to do is replace the shop ID number and shop name (user name) in your Etsy Mini code.

Here is my Etsy Mini code:
<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
Wait! Don't run off yet because the code above looks like gobbledeegook to you!! Stay with me! This is EASY!

In this example I’m going to change the code to make a Mini for my good friend Jenco13.

My user ID number (5354473) shows up twice in the HTML code as shown below:
<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
All you have to do is switch out the user ID number for the other shop. Simple copy and paste action. As you can see from Jen's profile page her shop ID number is 5555413.

10. The “user name” shows up in the HTML code in four places as shown below:

<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
Again all you have to do is switch out the shop user name for the other shop. Simple copy and paste action.

I switched out the information from Jenco13’s shop and now I have the code for her Etsy Mini:

<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5555413&user_name= Jenco13 &item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5555413&user_name= Jenco13 &item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http:// Jenco13.etsy.com"> Jenco13.etsy.com</a></td></tr></table>
This is what Jenco13's Etsy Mini now looks like:


Etsy: Your place to buy & sell all things handmade
Jenco13.etsy.com


See? That wasn't all that hard! Knowing a bit about HTML can be a big help!

To see more simple HTML you can use go to this Google support article about HTML. This article adds more to what the last one showed.

Hope this helps you out when you need an Etsy Mini for another shop!

Tuesday, April 21, 2009

Backlinks - New Blog Feature

Backlinks have now been enabled on the Etsy Twitter Team (ETT) Blog, making it easier and faster to share articles, news about the Shop of the Week, ETT Treasuries and more, on your own blog.

What are backlinks? They are posts on a person’s blog which contain a link to an original post or article on another blog. They work much the same way that Re-Tweeting does, sharing the original article with your readers. The more backlinks to a blog, the higher it will rise in the search rankings, the more viewers and followers it will get, and ultimately, the more exposure it will generate for the team and all of its member shops.

So creating a backlink to a post on the ETT blog is a great way to help everyone on the team, get your participation credits for the month, and solve the “what am I going to post on my blog today?” dilemma all at the same time!

First, scroll down to the end of the blog post, and next to word “Comments”, you will see “Links to This Post”.


Click on"Links to This Post" and then on "Create a Link", and it will pop up a screen with the link code and generate a new Blogger blog post with the original link in it.


This window is the same as if you had clicked "New Post" from your Blogger dashboard. You can add more writing to it before posting. Then click publish and you are done!

If you have more than one blog, you will see a drop-down list in the upper right hand corner that allows you to select which blog to use.

For non-Blogger blogs, the link code provided will allow you to backlink to the original post.

The backlink will only be logged if you use this process and not if you just make a link to the team blog from your blog. Having the links logged this way helps our search results. In addition, when you create a backlink, your link shows up on the team blog at the end of the post you linked to. So it's more advertising for your blog!

Please use this new feature, as it will help get more views to our team blog! Try it! You might like it! Thanks!

Blog Archive