Etsymini 101: Myspace, take 2 (or is it 3? 4?)

Update! Again! With the new Myspace page layouts everything has gone out the window yet again. See the "Myspace Layout" section below for the latest tweeks.

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

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 little something for a clean looking Etsymini on Myspace! Etsyminis on LJ & Blogger are in another post.

Note: Areas you need to replace with your shop info is in red & CAPS.

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

Myspace Comments/Bulletins:
Sorry, I haven't had time to retest these but you can try my old code which you can find here.

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

Myspace Layouts:

I ran into issues recently (June 2011) with the newer Myspace layout since they changed what they accept as code YET again *sigh*. I found that using centering on the text portions work fine but the object, the Etsymini itself, refuses to budge no matter what I tried. So, with a little experimenting I found that 5 columns fit perfectly into the wider sections of the new Myspace layout. If you are using the narrower sections of the Myspace layout for your Etsymini try using the 3 column Etsymini code below. That *should* work. In theory :)

Here's two examples to help you along. To see mine in action with the 5 column code below go to http://www.myspace.com/staticwhite

4 Rows, 3 Columns for the narrower sections of the new Myspace layout...

<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="374" width="281">
<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=3&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=3" height="374" width="281" wmode="transparent" />
</object></p><p align="center"><a href="http://SHOP URL GOES HERE><font size="4" style="text-decoration: none; font-family:Arial, Helvetica, sans-serif;color:#cc0000; font-size:14px; font-weight: bold;">Etsy</font><br><font size="2" style="text-decoration: none; color:#cc0000; font-size:10px; font-family:Arial, Helvetica, sans-serif;">Buy Handmade</font><br><b><font size="3" style="font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-size: 12px; text-decoration: none;">SHOP NAME GOES HERE</a></b></p>

3 Rows, 5 Columns for the wider sections of the new Myspace layout:

<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="280" width="468">
<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=3&columns=5" />
<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=3&columns=5" height="280" width="468" wmode="transparent" />
</object></p><p align="center"><a href="http://SHOP URL GOES HERE><font size="4" style="text-decoration: none; font-family:Arial, Helvetica, sans-serif;color:#cc0000; font-size:14px; font-weight: bold;">Etsy</font><br><font size="2" style="text-decoration: none; color:#cc0000; font-size:10px; font-family:Arial, Helvetica, sans-serif;">Buy Handmade</font><br><b><font size="3" style="font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-size: 12px; text-decoration: none;">SHOP NAME GOES HERE</a></b></p>

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

FAQs:

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

Myspace & EtsyMinis Headache

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 to my original "EtsyMini 101 - Myspace" post. Here is the link for your convenience:

http://staticwhite.blogspot.com/2009/07/etsymini-101-myspace.html

I, on the other hand, had to learn it the hard way! I went to use the codes I've been using for months and everything borked on me. *Sigh* But it's pretty now. It. Is. Pretty.

So, if you appreciate my hard work please follow my blog, leave a comment now and again, heart my shops... Just a little love is all I ask. If you really, really like me you'll head over to one of my shops and buy something StaticWhite (supplies) or SWStitchery (creations). Yes. Yes, I like that idea very much :D

If you are an EtsyDarkTeam member, I have left additional sizes on the super sekrit forum. You know where ;)

Etsymini 101: Livejournal & Blogger

Ok back to the Etsyminis.

Myspace is the the biggest pain in the rear when it comes to the Etsyminis, Livejournal is not so bad, and Blogger is by far the easiest to work with!

On Livejournal I use a bigger EtsyMini because the average page format is much wider. Also there are communities solely for selling so the size won't much matter unless you're hogging 1/2 the page :p
Now LJ is finicky, so this may not always work correctly but it's a 100x better than what you will get than just copy&pasting from Etsy. Also the ones Etsy gives you will show up in Firefox but not IE!

Ok below is for a 4 column, 4 row Etsymini for LJ.:

<center><lj-embed id="4">
<center><object height="374" width="374" 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" type="application/x-shockwave-flash"><param height="400" width="374" 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" name="movie" /></object><br /><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://www.etsy.com/shop.php?user_id=SHOP ID # GOES HERE">Etsy<br />Buy Handmade<br /><b><u>SHOP NAME GOES HERE</u></b></a></center>
</lj-embed></center>

If you like using the "Gallery" type Etsymini here's a 1 column, 3 row version for LJ to get you started:

<center><lj-embed id="2">
<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=gallery&rows=3&columns=1" width="170" height="546"><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=gallery&rows=3&columns=1" width="170" height="600" /></object><br><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://SHOP NAME GOES HERE.etsy.com">Etsy: Your place to buy & sell all things handmade</a><br><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://SHOP NAME GOES HERE.etsy.com">SHOP NAME GOES HERE.etsy.com</a></center>
</lj-embed></center>

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

Blogger is a similar situation to LJ. A 5 column Etsymini on Blogger is generally too wide, go with a 4x4 if you want to go big. But the good thing is you can copy&paste straight from Etsy ~or~ you can use the LJ version above just fine!

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

FAQ:
Where do I find my shop #?
Go to your Etsy shop page. Look at the url. See the string of #s at the end of it? 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!

How do I get rid of those damnable scroll bars on LJ?
If you make an Etsymini in a larger size, to get rid of scroll bars on LJ increase the param height by +25 (or more if needed) & width by +10 (or more if needed) compared to the object height & width. Don't forget to embed the whole shabang or all your formatting will be for nothing.
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

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