Sunday, July 26, 2009

Etsymini 101: Myspace

Update! Myspace has stirred up their html again. What worked at the end of July no longer works (surprise, surprise) so I have made some changes/additions.

For the most current (June 2011) Etsymini code that works in the new Myspace Layout please see here. Thanks!

---------------------------------------------------------------------------------------------------

Hello my lovelies, here is something I wrote up to help out my team mates on the EtsyDarkTeam and now I thought I'd share one of my posting sekrits here. Just a couple of the many things I do to try to keep my posts consistent and neat looking. By no means is this a "must do" for you. I just thought I'd put these up for those of you who are as... particular, yeah particular, as I am about it ;)

I'm sure you've noticed that some blogs do not like Etsyminis, they eat the formatting. Here is a flash/html combo for a clean looking Etsymini on Myspace! Etsyminis on LJ & Blogger will be in another post.
Note: Areas you need to replace with your shop info is in red & CAPS.

♦♦♦♦ ♦♦♦♦ ♦♦♦♦ ♦♦♦♦

Myspace Comments/Bulletins:
This is for a 3 Rows, 2 Columns Etsymini on Myspace which is good since the comment space from page to page varies greatly and you don't want to inadvertently wonk someone's page formatting! They'll likely delete your post. And in good form, say hello, tell them their stuff is cool, something, anything before just slapping up a personal ad. It's more likely to get you noticed & appreciated rather than just another number on the "friend" list. At least, that's my opinion ;):

*Place your "thanks for the add" type message here*
<br>
<div align="center"><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=3&columns=2" width="186" height="280"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=3&columns=2" width="186" height="280" /></object></div><div align="center"><a href="http://www.etsy.com/shop/SHOP NAME GOES HERE"><br>Etsy<br>Buy Handmade<br><b><u>SHOP NAME GOES HERE</u></b></a></div>

4 Rows, 4 Columns...

*Place your "thanks for the add" type message here*
<br>
<div align="center"><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=4&columns=4" width="374" height="374"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=4&columns=4" width="374" height="374" /></object></div><div align="center"><a href="http://www.etsy.com/shop/SHOP NAME GOES HERE"><br>Etsy<br>Buy Handmade<br><b><u>SHOP NAME GOES HERE</u></b></a></div>

♦♦♦♦ ♦♦♦♦ ♦♦♦♦ ♦♦♦♦

Myspace Layouts:
The above doesn't work well in the page layouts. These do...

4 Rows, 4 Columns...

<center><table style="text-align: center;"><tr><td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="410" width="410">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=
SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=4&columns=4" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash"allowScriptAccess="never" allowNetworking="internal" src="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=
SHOP ID # GOES HERE&user_name=SHOP NAME GOES HERE&item_source=shop&item_size=thumbnail&rows=4&columns=4" height="410" width="410" wmode="transparent" /></object></td></tr><tr><td><a style="text-decoration: none; font-family:Arial, Helvetica, sans-serif;color:#cc0000; font-size:14px; font-weight: bold;" href="http://SHOP URL GOES HERE" target="_blank">Etsy</a><br /><a style="text-decoration: none; font-size:10px; font-family:Arial, Helvetica, sans-serif;" href="http://SHOP URL GOES HERE" target="_blank">Buy Handmade</a><br /><b><a style="font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;" href="http://SHOP URL GOES HERE" target="_blank">SHOP NAME GOES HERE</a></b></td></tr></table></center>

♦♦♦♦ ♦♦♦♦ ♦♦♦♦ ♦♦♦♦

FAQ:

Where do I find my shop #?
Go to your Etsy shop page. Hover over the "See who favorites this" link towards the bottom of the left hand column. Look at the taskbar at the bottom of your interwebs window, see the string of #s at the end of the previewed url? That is your shop #!

What is my shop name?
It is just your user name alone, for example:
www.SWStitchery.Etsy.com = no cookie for you.
SWStitchery.Etsy.com = try again, please.
SWStitchery = correct!

Nerd notes: The "param" html may look redundant, and you can see an Etsymini without it if you use Firefox, but it will not be viewable in IE (it'll be a big white box) & you will get scroll bars on LJ.
Sneaky tip: Copy&paste the above html into Notepad on your computer, fill in all your info and save it to your desktop! Now it's nice and handy anytime you need an Etsymini :)

Try it out and have fun posting! xx~Static

3 comments:

Blog Widget by LinkWithin