A standard reply in the wp.com forum has been that you cannot add flash, iframe, or javascript based objects (because you’re not allowed to use such codes in wp.com blogs, for security reasons), and that widgets can only be placed in the sidebar or bottombar of a blog.
But actually flash-based objects can be added, provided you transform the embed code into the appropriate shortcode; and this shortcode works in text widgets (for your sidebar/bottombar), but it works in posts and pages as well (in the HTML editor).
A
Some sites provide a post-to-WP button that creates an auto-post in your blog (with the appropriate shortcode in it). If you want the widget in your sidebar, you switch the post editor to HTML, copy the shortcode, go to Appearance>Widgets, add a Text widget, paste the shortcode, save (then back to Posts to delete the auto-post).
Example 1 – some gorgeous islamic widgets here:
http://www.al-habib.info/
Instructions here:
http://blog.al-habib.info/insert-flash-widget-wordpress-sidebar/
Example 2 – see my post on the Mixpod audio players:
https://wpbtips.wordpress.com/2009/12/05/alternative-audio-players/
B
Sometimes the post-to-WP button doesn’t work; or you might prefer not using it; plus there are other widget sites that provide no such button. In that case you’ll have to copy the flash embed code (after you select options, if any) and create a working shortcode out of it.
a. Copy the widget URL from the embed code (proper URL usually ends with “swf” or “widget”).
b. Copy the necessary attributes and values from the embed code.
If they’re written this way:
ATTRIBUTE="VALUE"
you copy them as they are.
If they’re written this way:
<param name="ATTRIBUTE" value="VALUE">
(or any other way)
you change them to:
ATTRIBUTE="VALUE"
Some variables in customizable widgets may show up like this:
flashvars="VARIABLE1=VALUE&VARIABLE2=VALUE&VARIABLE3=VALUE"
If you see such a string of options joined by ambersands but without the flashvars attribute, you need to turn them into the above. Same thing if you see such options appended to the actual URL after a questionmark.
c. Turn the whole into a shortcode this way:
[gigya src="WIDGET URL HERE" ATTRIBUTE1="VALUE" ATTRIBUTE2="VALUE" ETC. ]
Paste into text widget, or into html post or page editor.
Note that some attributes aren’t needed, and in some you can change the value; or you can add attributes not included. See here for details: http://kb2.adobe.com/cps/127/tn_12701.html
Also note that this technique works for flash objects in general, not just widgets.
Examples
• A simple calendar
Embed code:
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzkwOTU4NDg2OTkmcHQ9MTI3OTA5NTg1MzAzNiZwPTIyMzA1MiZkPSZnPTEmbz1kNTJmYzY5NzFmYTY*ZjQ4OTNh/OWRmNTFlZTk4NmQyMyZvZj*w.gif" /><embed allowScriptAccess="never" src="http://widgia.com/widgets/calendar/calendar.swf" quality="high" width="206" height="215"></embed><br /><a href="http://widgia.com/" target="_blank" style="font-size: 10px; font-family: verdana;">A Widgia Widget</a>
Shortcode:
[gigya src="http://widgia.com/widgets/calendar/calendar.swf" quality="high" width="206" height="215" ]
Result:
Width & height can be changed. Might be necessary if you want the calendar in your sidebar – see my post on sidebar width.
• Another calendar
Embed code:
<div style="width: 190px; height: 323px;"><object type="application/x-shockwave-flash" data="http://www.widgipedia.com/widgets/jeanphi/calendar-animated-water-5869-8192_134217728.widget?__install_id=1279080358677&__view=expanded&wmode=opaque&bgcolor=0x&lan=en" width="190" height="323"> <param name="movie" value="http://www.widgipedia.com/widgets/jeanphi/calendar-animated-water-5869-8192_134217728.widget?__install_id=1279080358677&__view=expanded&wmode=opaque&bgcolor=0x&lan=en"> <param name="quality" value="high"><param name="wmode" value="opaque"><param name="allowScriptAccess" value="always"><param name="width" value="190"><param name="height" value="323"><param name="bgcolor" value="#"><param name="lan" value="en"><param name="FlashVars" value="wmode=opaque&bgcolor=0x&lan=en"> [etc. etc. – the rest is links to original site and to latest Adobe Flash Player]
Shortcode:
[gigya src="http://www.widgipedia.com/widgets/jeanphi/calendar-animated-water-5869-8192_134217728.widget" quality="high" wmode="opaque" width="190" height="323" bgcolor="#ffffff" lan="en" ]
Result:
Width, height, and language can be changed.
I’ve set the background color to white (#ffffff). Depending on the theme you’re using, you may need a different color – see the “Color” links in my left sidebar. Or you could delete the bg attribute, and change the wmode value from “opaque” to “trasnsparent”; but this doesn’t work in all versions of (naturally…) Explorer.
Some widget sites
• Widgia.com
Lots of widgets, grouped in categories. When you find one you like, click “Get this widget”; if you see that it’s flash, not javascript, use the post-to-WP button or copy the embed code and proceed as shown above.
• Widgipedia.com
Lots of widgets, unfortunately not grouped in categories. Browse through or use the search box. Watch out: the site includes widgets for various platforms; make sure the widget you select says “Platform: Flash”. Don’t copy what the site calls “Widget embed” code, because that’s javascript: click “Get Widget” and copy the “alternate code”, then proceed as shown above.
• Widgetbox.com
Thousands of pages of widgets. Browse through, or browse by tag, or use the search box. When you find one you like, click name of widget, click “Get Widget”, copy embed code from popup after you click “Flash” (if there’s no Flash tab, forget the widget) and proceed as shown above. Unfortunately this site imposes an ad popup and a “Get Widget” tab below each widget unless you “go pro” with them (become a paying subscriber).
• Wishafriend.com
Many flash widgets (some childish). Browse by category or use the search box. When you find one you like, click “Get Code”: use the post-to-WP button, or copy embed code and proceed as shown above.
• Magicwidgets.com and PagePlugins.com
Various customizable widgets.
Stay tuned for several posts with various widgets and worked-out shortcodes.
Update: see Widgets in my top nav menu.
Related posts:
The gigya shortcode 1 – inserting videos
Inserting Kickstarter videos
The gigya shortcode 2 – inserting Flickr slideshows
Inserting Webshots slideshows
Inserting Calameo docs
Inserting Issuu docs
Inserting Prezi docs
https://wpbtips.wordpress.com/
Oh wow! Pretty cool!
There was a “gigya src” thread before in 2009 in the wordpress.com forums, but unfortunately, it did not have much luck!
http://en.forums.wordpress.com/topic/embedding-flash-object-using-gigya-code-works?replies=2
I hope you have grand success with these Flash hacks. What an awesome gift to the wordpress.com community.
psst: I feel so jealous that I couldn’t spot the “gigya src” trick. I thought my bookmarklets for wordpress.com were cool. But I see your Gigya posts and I can hear this Doors song in full volume in my head:
“Break on through to the other side”.
:D
Impressive as always! The amount of work you put in to researching and preparing this and all the topics you post on is really, really appreciated.
@NG: Thanks! I think your exaggerating, but maybe it is indeed a bit of a breakthrough.
(Love the Doors!)
As I’m saying in the first post of this series, I discovered the gigya shortcode when I tried the Mixpod audio players. I recently spotted the thread you link to, too, and I was surprised it had gone completely unnoticed.
@Jennifer: Thanks! There’s much more to come: next post will be a few more calendars, then some posts with clocks, then weather widgets and other stuff…
Really amazing! Thank you very much, Panos.
You’re welcome and thanks, Galois. (You had had a preview of all that with the clock!)
I was wondering if the code here can be transformed into a Flash code, the gigya way. If the js bits can be written differently, then we can have image galleries created at Pictobrowser in wp.com! :D
I am sorry if I am asking for too many things lately. Your Flash hacks have got me totally hooked!
[gigya src="http://www.db798.com/pictobrowser.swf" width="500" height="500" flashvars="source=sets&names=School Interior Design by MISTIRI&userName=Art Mistiri&userId=50714956@N08&ids=72157624160298598&titles=on&displayNotes=on&thumbAutoHide=off&imageSize=medium&vAlign=mid&vertOffset=0&colorHexVar=EEEEEE&bgAlpha=90" ]
Is this what it’s supposed to be? I was able do it because most of the code is flash and variables – I don’t know if the javascript part of it does anything else in addition.
But actually it’s just a photoset from Flickr, so it can be inserted the way I’m showing here:
https://wpbtips.wordpress.com/2010/07/17/gigya-2-flickr-slideshows/
Oh my, cool! :D
Gosh, you are a hero, man!
I think that’s how it is supposed to be. There is only one image cos in my hurry, I selected only one image url for the slide show. :(
And thanks for the how-to. You can remove the slide show from your comment now if you like, I have the code I need (it was visible in the comment in my “My comments” page.)
Thanks again and I just want to say something… you will get great things in return in one way or other for the time, energy, talent and hard work you invest for free so that things get easier for the rest of us. It’s karma!
You’re welcome, and thanks for the exaggerations!
Hello,
thank you for this post, i have follow your instructions to add a flash-based widget to my wp.com sidebar blog.
@Illuminato: You’re welcome!
I just noticed that the widgets (from wix.com) I was using have disappeared from the sidebar of my wordpress.com blog…
I couldn’t get the swf coding to work. What am I doing wrong. Below is the original and the re-written code:
Original coding …
My rewrite of the coding …
[gigya src="http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf" quality="high" wmode="movie"
width="300" height="250" bgcolor="#00A1FF" lan="en"]
Oops. Lets try this: http://theirbatedbreath.files.wordpress.com/2010/08/coding.jpg
@Illuminato & daviddrobbins: See here:
https://wpbtips.wordpress.com/2010/08/16/widgets-for-wpcom-3-analog-clocks/2/#comment-4058
(@daviddrobbins: You’re missing a few things in your rewrite, but that’s not the problem at the moment…)
Preliminary staff reply here:
http://en.forums.wordpress.com/topic/gigya-shortcode-no-longer-works?replies=11#post-498572
http://en.forums.wordpress.com/topic/gigya-shortcode-no-longer-works?replies=16#post-498600
Hi, the natural widgets from twitter can work with gigya code??
i try with de example but a cant made work.
please help! and thanks for this amazing blog!
@atom: Hi, but unfortunately I don’t know what “the natural widgets from twitter” are. Please point to an example!
Hi panos, i asking for this widget http://twitter.com/goodies/widget_profile and this code
new TWTR.Widget({
version: 2,
type: ‘profile’,
rpp: 5,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: ‘#333333’,
color: ‘#ffffff’
},
tweets: {
background: ‘#000000’,
color: ‘#ffffff’,
links: ‘#4aed05’
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: true,
behavior: ‘all’
}
}).render().setUser(‘lef_fixed_gear’).start();
Thanks for help!!!
You’re welcome, but I’m afraid I cannot help: that’s javascript, and we cannot use javascript in wp.com…
do you know some flash widget for twitter??
with the same function for twitter.
No, because I’ve never used twitter. I’ll try to look for one, though, and let you know if I find something.
Hi Panos,
I was just lurking in your blog and this comment caught my attention. Thing is, I have found some Twitter widgets in Flash and I wanted to post them some time in very near future. But if you want to do a Twitter Flash widget post instead, I will gladly do something else (and fantasize about the hits I would he gotten for that post!) and give you the names of the services. Waiting for your answer!
Great – you go ahead and do it, because you’ll do it better than me. As I said above, I’m not using Twitter so I wouldn’t really be able to test and evaluate such widgets. Thanks!
Hi again!
I have published my post about Twitter Flash widgets for wordpress.com. Thanks for not wanting to do it yourself!
{big grin}
[Post HERE – P.]
Pity about .js not working with the gigya shortcode. Would make life so much easier if gigya also worked with .js
@NG: Hi, good, you’re welcome, etc.!
@RM: Well, we can’t have everything (and WP doesn’t even mention gigya)…
hello, here I am again I have been relatively well with Gigya code, but I have a small problem with the background of the widget, I can not fit the sidebar and not as fit. http://i1203.photobucket.com/albums/bb389/WladimirLabrana/problem.jpg
And this is the code I hold based on your example: gigya src=”http://bloggybits.com/widget.swf”> flashvars=”wid=2787&wmode=transparent&quality=high&width=210&height=360&allowScriptAccess=LefonAir&allowFullScreen=false&type=application/x-shockwave-flash”
can be doing wrong?
thanks for your blog!
@atom: Yes, doing a bit wrong! This is what you must paste into a text widget:
[gigya src="http://bloggybits.com/widget.swf" wmode="transparent" quality="high" width="210" width="360" allowScriptAccess="LefonAir" allowFullScreen="false" FlashVars="wid=2787" ]
If you wish to have a different bg color, replace this:
wmode="transparent"
with this:
wmode="opaque" bgcolor="#ff7500"
(ff7500 is just an example – use the hex for the color you prefer; for hex color codes, click “Colors” in my left sidebar.)
Thanks it work now!!!! you are a master!!!
Thanks thanks thanks!
@Panos,
That’s so cool. I couldn’t help Atom. :(
@atom,
Thank God you asked Panos. I was just about to ask Panos for help too!
thank you both for the help, managed to look less ugly twitter.
both are very helpful blog.
:D :D
@both: You’re welcome!
@NG:
a) I added a link to your post in your comment above (Sep. 6 / 01:29).
b) It would help people if you published a specimen shortcode below each widget. To make the shortcodes show up in the post, convert them here:
http://www.plus2net.com/html_tutorial/tags-page.php
Then replace the opening bracket with this (minus the spaces):
& # 9 1 ;
Thanks for the reply Panos! What am I missing in the coding? I can’t seem to figure it out. (As you can tell, I’m a total newbie — just learning as I go.)
@daviddrobbins: Should be this:
[gigya src="http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf?timestamp=1282170624" allowfullscreen="true" quality="high" width="300" height="250" bgcolor="#00a1ff" flashvars="highlightcolor=0x00a1ff&theme=black&widget_id=http://cdn.topspin.net/api/v1/artist/2554/email_for_media/25215?timestamp=1275932255" ]
Thanks so much Panos for the help. Fantastic!
@DR: You’re welcome!
panos,
can grooveshark widgets be added?
plz, help me with this one;
param name="wmode" value="window"
param name="allowScriptAccess" value="always"
param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22509197&style=metal&bbg=9c9797&bfg=ffffff&bt=000000&bth=9c9797&pbg=000000&pbgh=ffffff&pfg=9c9797&pfgh=000000&si=000000&lbg=000000&lbgh=ffffff&lfg=9c9797&lfgh=000000&sb=000000&sbh=ffffff&p=0"
embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="204" height="394"
flashvars="hostname=cowbell.grooveshark.com&widgetID=22509197&style=metal&bbg=9c9797&bfg=ffffff&bt=000000&bth=9c9797&pbg=000000&pbgh=ffffff&pfg=9c9797&pfgh=000000&si=000000&lbg=000000&lbgh=ffffff&lfg=9c9797&lfgh=000000&sb=000000&sbh=ffffff&p=0" allowScriptAccess="always"
wmode="window"
This is what you need to paste (in the HTML post or page editor, or in a text widget):
Dimensions can be changed.
you are a life saver. i mean it.
@wagazade: You’re exaggerating, but you’re welcome!
http://stuff.freeflashtoys.com/swf/simpets/simpet.swf?pet_type=4&pet_name=Grass&gender=0&background=4&c1=16774997&c2=6815564&c3=12517273&pyzam_toy_id=6051276
How do i turn this into a shortcode?
how do you also transform pageplugin codes? I don’t get it
Sorry if i’m bugging you but…..how do you transform freeflashtoys codes into short codes…. :/
Well, you do it the way I show in this post.
If you want me to give you the exact shortcode for the one you’re linking to above, I need the complete embed code from the original page. Click “Get the Code”, copy, paste here this way:
[sourcecode language=”html”]
CODE HERE
[/sourcecode]
Ah, I just saw you’ve pasted the code in the forum. Shortcode:
[gigya src="http://stuff.freeflashtoys.com/swf/simpets/simpet.swf" flashvars="pet_type=4&pet_name=Crystal&gender=0&background=4&c1=16774929&c2=39859&c3=8977407&pyzam_toy_id=6049783" quality=high wmode="Transparent" width="525" height="350" ]
Dimensions can be changed.
Hello Panos and thank you for your communication about gigya code. I succeded in implementing some code….
BUT… and I searched in your blog but was not able to discover if you mentioned it,… how do you write your gigya or other codes in your pages so that it is readable by us ? I tried backsticks or P2net tool but only got big white square. If you could give me your secret, it would be very nice.
Hi!
The one way is the sourcecode shortcode. I’ve explained this to some commenters, for instance here.
The other way (the one I use) is an HTML converter. But the shortcode brackets aren’t functional in HTML, so it doesn’t convert them; so to display shortcodes in particular, you have to manually change the initial bracket to the HTML entity for it:
& # 9 1 ;
(minus the spaces)
PS I don’t have secrets: it’s under Links 2 in my left sidebar.
I had seen your first sourcecode shortcode… but did not succeed in a page…Maybe only for comments ?
I had used the html converter but did not have the crucial information about the initial bracket….. and …IT WORKS ! (of course you know that but I mean I succeeded to get what I wanted in my page).
Merci beaucoup for this and for the time you took to answer my question.
You’re welcome.
No, the sourcecode shortcode works in posts and pages too (provided you use it in the HTML editor, of course).
Okay, so…
& # 9 1 ;
(minus the spaces) produces [
But what about ]
Like, pleeeeeeese?! :)
Also, using the sourcecode method converts the code into an iframe code! :(
It’s the opening bracket that produces the shortcode. If you replace the opening bracket with the html entity for it, the closing bracket can remain as it is.
Sourcecode method is ugly anyway.
Thanks much, Panos! Now I can show gigya code in my blog, too! :)
[Comment deleted – P.]
Meaning?
Sorry I was just testing the code to embed a slideshow. I’m new to this and apparently I did it wrong. I was able to figure it out based on your other blogs (thx!). I wish there’s a means to delete a post. Now I’m trying to figure out how to embed an image from Flickr on my post.
[Rest of comment deleted – P.]
Well…that didn’t work :(
I replaced the URL in the shortcode you provided above for the calendar widget with the URL of my image from Flickr. A blank window pane appeared instead.
Trying to embed this image:
Testing how to embed a slideshow? And then testing how to embed a Flickr image? In my blog? Next time do your testing in your own blog.
Amazing!
Panos, your blog has become a testing ground. ;-)
Hi Galois! Unbelievable…
My excitement levels go through the roof whenever i read your blog. This is just amazing, thank you Panos for everything you do for the wp.com community.
Thanks Lola – nice to hear from you again!
Is there any way I can turn my issuu publication into a shortcode to post on WP? The code is
http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf
Thanks for this really helpful blog.
sorry about the previous message – full code is
http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf
argh. i am super technically dumb. don’t even know how to get the whole code put here!
@chaikadai: Yes you can, since it’s flash. But what you pasted is the link to the Issuu player, not the document. Link to the page with your document please.
Hi Panos,
This is the link to my document. Thanks.
Click the Share button, click Embed, customize if you wish, copy Embed code, turn to shortcode, paste shortcode into HTML post or page editor. In this case the shortcode is:
thanks a lot for this help. We now have it up on our own website, which helps a lot of our readers.
We don’t know how to convert ours into a shortcode.
Could somebody help?
Here is the link:
Thanks a lot~
@chaikadai: You’re welcome.
@Minshu Mo: You get the embed code as I explained to chaikadai and turn it into a shortcode as I showed above or as I explain in my post. Your shortcode:
How do I make this work in Pages?
http://widget.tunecore.com/swf/tc_run_h_v2.swf?widget_id=1885
THANKS.
You click Share, copy the code, turn it into a shortcode the way I explain in my post:
[gigya src="http://widget.tunecore.com/swf/tc_run_h_v2.swf?widget_id=1885” allowfullscreen="true" width="400" height="160" ]
I truly appreciate finding you Panos. You are wonderful and I thank you! Because of your generous spirit, come see what I have been able to do so far—prior to finding you I was stumped for life. Frustrated. Now I am finding pleasure in doing things in my new blog. Thank you from the heart….Edie
My blog:
https://edie2k2.wordpress.com/
You’re welcome, thanks for the kind words, glad if my blog helps!
Re your blog,
Motion is one of my favorite themes;
nice slideshow at the bottom of your sidebar;
couple of sidebar items need better positioning;
nice music, but I would strongly advise against auto-start: guaranteed to send some visitors away immediately.
I appreciate your feedback Panos and will adjust the auto-start as you suggest. Alot of folks don’t like auto-start, I know. can you tell me how to position in the sidebar? Or point me to the info on how to? Thanks in advance—and for taking the time to check out my blog.
Panos, I need your help. I have noticed that the gigya code produces a large space between anything coded under it—otherwise I would put my slideshow at the top of the poem in the sidebar. Is there a way to get around that huge space and just have one space? *scratching head*
I took some elements out of the sidebar until I can adjust them properly. And to be sure— you are more genius than you give yourself credit for. You opened up a whole new vista for me, for which I am grateful.
“Can you tell me how to position in the sidebar? Or point me to the info on how to?”
Yes I can, but it depends on the object. Which one(s)?
“The gigya code produces a large space between anything coded under it”.
No it doesn’t! If it does, you’ve probably made some mistake with the shortcode. Paste here what you pasted in the text widget, or (better) link to the page that gives the embed code for that slideshow.
“Yes I can, but it depends on the object. Which one(s)?”
The poem. Straight text.
“No it doesn’t! ”
That is rather harsh. Nevermind.
“If it does, you’ve probably made some mistake with the shortcode. Paste here what you pasted in the text widget, or (better) link to the page that gives the embed code for that slideshow.”
I’ll figure it out somehow. I like the challenge. Take care.
When I mentioned positioning, I was thinking about the Coltrane photo plus two items you removed: no right border. Anyway, what would you like to change with the poem?
PS (since you seemed to be offended): Now that you have corrected the dimensions of your slideshow, I hope you’ll realize that what you found “harsh” was merely objective.
Hi Panos … I corrected the element that I was thinking about with the poem. Originally I wanted the slideshow on top of it but found it had a big space under it. I looked at the slideshow code again and tweaked it until I got it the way I wanted. I also converted the opaque music player to transparent to make it fit properly—but I’ve yet to put it back. I kind of like it without.
In relation to your (!) No big deal… I’m fine. Being so new, I already realize I have a long way to go—and as stated, I LOVE the journey, and will be whistling a happy tune as I figure things out. Why, it took me HOURS and hours to figure out the opaque to transparent music player conversion code, alone. I was ecstatic when I ‘got it’.
Heartfelt appreciation for the things that you contribute.
Edie
You’re welcome. If you love figuring things out, then my guess is you’ll get to love HTML. (So maybe start experimenting with my posts on formatting text.)
I’m hardly a neophyte in the html arena, however, each site has it’s own set of particulars when it comes to formatting and the like. I don’t mind the acclimating process. I found your post on sidebar measurements which was waaay helpful!
Text formatting is important I guess—if that’s your thing. Mine, of course is trouble-shooting and seeing code come alive after I’ve tinkered on it. I can’t think of anything that is more satisfying. I’m ‘still’ floating on a cloud in relation to my music players—-indeed!
Panos, thank you so much for taking the time to do and share all this with everyone! I hope you con’t mind me asking a question… I am trying to load the swagbucks widget onto my side bar but I have no idea how. I read your post, but I am so new to this that it was kind of like reading Japanese. About the only thing I did take away was that the code should end with .swf. Well the flash code that SB gives ends with swflash.cab. Does this mean that I can’t use this widget at all? Thanks again for the information and I hope you can help me. Let me know if you need more information from me.
@Edie2k2:
Ah sorry, I thought you didn’t know HTML – that’s why I suggested my posts on formatting text as a starting point.
@reinventionave:
If the code is javascript it can’t be used, if it’s flash it can. Please link to the page with the widget so I can check.
It’s okay Panos. I still checked out the formatting info and gleaned from it. I am somewhat of a mad scientist with HTML. I love experimenting with it. You can check out my handiwork at my website if you want:
http://msoldschool.ning.com
I used your formatting section to center the text on my poem too at my new relaxation blog here:
http://indigosunset.wordpress.com/
You are a treasure for us Panos and very much appreciated.
Keep up the good work!
I’d love to see “reinventionave’s” code too. Maybe I can help.
Re your indigo blog, I see you put my info on sidebar width to good use!
For one of my “mad science” tricks, check the circle in this post (assuming, of course, that you’re not using Explorer):
https://wpbtips.wordpress.com/2009/11/21/borders-pt-2/
Oh no! You are a mad scientist too??? *clapping thunderously* I am on it right now. (rubbing hands together).
You make me leap with joy Panos! I’ll let you know what happens with the “circle” trick. Thank you!!!!!!
Well, I did it! I changed a few variables (cause that’s what MS’s (Mad Scientists) DO….) It was FUN! Now I’m hooked for life—both here at WP and to your genius tips! This is my kind of thing right here. I am in HEAVEN! Check the sidebar:
https://edie2k2.wordpress.com/
And Muchos Gracias! Are you a teacher or professor Panos? You amaze me!
There is a flash code, but I can’t get to the code from my work computer. I will post it by 4:30pm CST this afternoon. Thanks again!
@Edie2k2
Ha! You’re not the first one to ask that:
http://en.forums.wordpress.com/topic/contact-info-in-sidebar?replies=16#post-282456
@reinventionave
You’re welcome. But I didn’t ask for the code, I asked for a link to where you found the widget.
I am going to feel really dumb if this isn’t what you asked for…but here is the link to the page that the widget is on…
http://www.swagbucks.com/?cmd=gn-s1-widgetgrab
I KNEW it! And not just “a” teacher. You are extraordinary.
I’m almost in shock that I found you accidentally—but I’ll ‘take’ it! Your writings are a masterpiece of information—and so instead of asking anymore questions I’ll explore what you’ve already shared—then implement what I find intriguing.
*thunderous applause* Thank you thank you THANK YOU to infinity and beyond Panos!
@reinventionave: No I‘ll feel dumb! That’s what I asked for, but I can’t get to the codes unless I sign up with them, so you were right, you had to give me the code…
But! By visiting that page I saw what it’s about. So I’ll refer you to auxclass’ wise advice:
http://en.forums.wordpress.com/topic/cant-get-the-swagbucks-widget-to-load?replies=6#post-539016
Put more bluntly, if you use this thing your blog will be suspended.
@Edie2k2: You’re welcome and thanks for the compliments, and please stop exaggerating!
Well then that’s all I need to know isn’t it! I appreciate your time, I would hate to lose my blog over a widget! Take care I think I’m gonna just copy off of Edie2k2 and start exploring! This stuff is confusing, but it isn’t gonna stop me!
You are too modest Panos, but I’ll stop (not) exaggerating.
I call it like I see it. I am not going to tell anybody about you because I want your knowledge all to myself. Greedy?? Uh, no comment.
One more thing Panos. I don’t know how to tell java stuff from the acceptable here at WP. I don’t think my music is java but I am now afraid since I read the info to reinventiveave—-so tell me, should I take my music players down? Thanks!
No need to worry about your music players.
Javascript code includes the word “javascript” or “script”, and it’s technically impossible to insert: if you paste javascript code, it’s automatically stripped out.
Reinventionave’s case is different: if the site provides a flash code, you can insert the widget by turning the code into a gigya shortcode. But that particular widget would be against the WP.com TOS: no monetizing via wp.com blogs unless it’s items you create yourself or services you provide.
Succinct and much appreciated. I looked at the code again and did notice it was swf and not javascript and the TOS is certainly understandable. Thank you Panos.
You’re welcome, Edie!
Hi Panos
I put google maps, with street view, in my site.
I would like to insert a text widget in the sidebar: can I do?
I made several attempts to no avail.
If necessary I will send you the code.
I forgot: Best wishes for the New Year.
Franco.
All the best to you too Franco. I think the googlemaps shortcode doesn’t work in text widgets, and I think there’s no workaround. But send me the code and/or link to the google page so I can check for sure. Only I won’t be able to reply soon.
Great post Panos! I’ve been looking for a word around for GrooveShark ever since ClearSpring dropped support for the widgets.
On a unrelated note – what style sheet are you using to display your examples? I’m writing a post on gigya and the widgets themselves display, but not the code I want to show. I tried the
Panos,
I so admire the way you deal with all these requests for help! I wish I had just a sliver of your knowledge – that would save me hours of searching and fiddling.
Nothing to ask; just wanted to say you’re a great guy!
@David: Thanks!
I turn the codes into the HTML entities for them. The auto-converter I use won’t convert the opening bracket of the shortcode, as the bracket isn’t a functioning element in HTML, so I have to do that one manually. See HTML converter and HTML entities under Links 1 in my left sidebar.
@Marika: Thank you, and best wishes for the new year!
A few years ago I didn’t have a sliver of this knowledge either: it all started with my looking for help in the wp.com forum, and gradually evolved into a hobby.
Hi Panos
You mean we could all get good as you?
(Besides being a great six modest)
Franco.
Yes. If you don’t get tired of searching, learning, and experimenting.
Hi, thanks for your excellent information! I apologize for asking for assistance, I know you must be terribly busy, but I just cannot figure it out, I’m completely stuck. If you can, please help. I am trying to embed this Issue document on a post, but each thing I try gives me an “ooops, cannot load document” error:
This is the embed code from http://issuu.com/bagitmovie
[Code relic removed – P.]
This is one I tried, not working:
[Shortcode removed – P.]
Can you help?
One more question:
I LOVE the slideshow Edie above has:
https://edie2k2.wordpress.com/
Is that via VodPod? I have tried to make my own test, and it will not work, using the code in just a Text widget, in a post, or even in Vodpod, please, can you tell me what I am doing wrong? Here is my test code from http://www.imageloop.com/en/slideshow/334d3b9f-c2fa-1f58-9ab0-12313b030221/exportlooop.htm :
[Code relic removed – P.]
If you have any suggestions or help for these two problems, please let me know whenever convenient, thank you (and Netty Gritty, I love her site, too!) so very much!
Stacey
Thanks Stacey! I was so happy to find Panos’ information and everything you need, code-wise is above. My slideshows are not VodPod—they are from another source and work by using Panos’ shortcode found above. My other slideshow is:
http://indigosunset.wordpress.com/
I hope this helps,
Edie2k2
Thank you, Edie, wonderful site! It certainly does help, I finally figured out the Gigya shortcode; I am sure it was accidental, lol, but it works!
Panos, please accept my apologies for wasting your time and space, I have your code working now, I am thrilled, I never knew how we could add all that to our side bars.
Exceptional information and blog, thank you both so much!
:)
You are very welcome Stacey and I must say your blog is extraordinary! I really loved the family photo. How beautiful.
I was so excited to find the info by Panos that I went bananas with accolades—he shut me down on that though. *laughing* Way too modest for what he has accomplished here. I stayed up all night like a mad scientist experimenting with his codes and loved every minute! I will NEVER stop being grateful! If I can lend anything more feel free to ask—and have a nice evening.
:)
That’s gorgeous, Edie, and very lovely music … I love the image with the rain as well ~ very cool! :)
@ Stacey:
1) You cannot paste code in a comment and expect it to show up. If it’s code allowed in comments it will produce the intended result, if it’s not it will be stripped out. Shortcodes can be pasted without the opening square bracket. Other HTML can be pasted using the “sourcecode” shortcode:
http://en.support.wordpress.com/code/posting-source-code/
2) In your first example you had omitted part of the flashvars string, in the second I don’t know what you did. For what it’s worth, your two shortcodes should be like that:
[gigya src="http://www.imageloop.com/swf/looopSlider2.swf" height="300" width="525" quality="high" wmode="transparent" flashvars="id=334d3b9f-c2fa-1f58-9ab0-12313b030221&c=01,01,02,01" ]
Thank you so very much, that is incredibly helpful, I could not get the Issuu figured out for anything.
Very sorry about the code, I didn’t even think of that but I know now.
I appreciate your time and assistance, thank you much, Panos.
You’re welcome. Note that I copied and converted the Issuu embed code without changing any of the default options. If you change some of them, the shortcode will be somewhat different, but anyway now you’ve got the idea.
Hi Panos,
Thanks to you I’ve been able to insert livestream video into my blog!!
Now I’d like to embed a facebook “like” box, WordPress says I can’t do it and I thought maybe you have a solution.
FB offers two different codes. One is an ifame which I understand is out of the question and the other is this:
I’d be so grateful if you could you make this work on WordPress..!
Thanks,
Maria
Code disappeared…
Hi Maria,
As you’ve probably seen, codes that are “out of the question” are stripped out if you paste them in the post editor; same thing applies to comments. In fact, comments are a lot more limited – see my post Html allowed in comments. And if you use coding allowed in comments, again it won’t show up: it will produce the intended result.
So, to show me some code you need to paste it here using the sourcecode shortcode, or paste it here after you convert it in an Html converter*, or paste it in Textsnip* and give me the URL you’ll get. (* See Links 1 in my left sidebar)
I won’t have anything to do with Facebook, so I can’t readily help. But once I see your “other” FB code I can tell you if and how it can be used, and I can also give you the link to a suggested workaround I haven’t tested myself:
http://en.forums.wordpress.com/topic/its-possible-facebook-share-and-like-buttonsat-the-same-time?replies=59
Thank you, Panos!! Her’s the code:
Maria
“Script” means javascript: also out of the question!
So try the workaround I already linked to, or ask Sanjida here (she’s come up with a new trick, and I’m not familiar with that either):
http://shongjog.wordpress.com/2011/01/20/how-to-add-a-facebook-likebox-in-a-wordpress-com-blog-part-2/
Thank you Panos, once again!
Netty’s trick looks promising – at least I did manage to have an iframe on my blog! Everything else was wrong, but I’ll keep trying!
You’re welcome – sorry I couldn’t help directly!
Hey mate, some great stuff here. Question for you. Is it possible to use gigya shortcode to insert a database using flash that has retrieved from an SQL database through PHP?
I want to keep an updated list on my blog of stuff I have on an SQL database at home.
Thanks
I’m not familiar with PHP or SQL. But if you’re talking about a flash file (swf), it should be possible – provided you get a URL for the file by uploading it to a suitable site.
Hi, I am new in wordpress and the gigya shortcode is exactly what I am looking for. However, the code (copied and pasted from the top of this page) does not work, but just displays as text. I have tried it as a post html, as a page html and also as a widget text. I am using a free template from woothemes but I think this does not affect what is happening. Is there any plugin that allows the shortcode to work or anything else I could check? Thanks in advance!
Hi, but see point 1 here:
https://wpbtips.wordpress.com/comment-guidelines/
Thanks so much for this info! Saved the online lives of my Prezi presentations and Issuu publications! :)
@Jason: You’re welcome. (Sorry, your comment had been withheld as spam.)
My question is very short, hopefully as short as the shortcode as in gigya.
Hear goes: Can I or can’t I embed gigya (issuu) into my wordpress.com blog. I keep on getting an error message: “Oops, can’t load document” etc.
Thanks
Can.
https://wpbtips.wordpress.com/2011/01/18/inserting-issuu-docs/
Hello Panos,
Bravo !
Thank you very much for this article, your explanations and examples, very clear and very useful. I’m not very used with wp.com environment and what you have explained helped me al lot.
Thanks again.
Dom.
You’re welcome and thanks! Glad you find it clear: some users find it impossibly complicated.
Hi Panos!
I’m trying to embed the word of the day widget from transparent languages:
http://www.transparent.com/wotd/today/spanish.html
I’ve never tinkered with any kind of code before – I tried following your instructions to the best of my understanding, but it didn’t work.
I would be so grateful if you would take a look and see if this is impossible, or if my attempt to write a shortcode simply failed.
Thank you so much!
Molly
This one has a seemingly very large amount of code, so it must look pretty scary to someone not accustomed to such stuff. (Even my own initial reaction was “what the f is all that?”)
But it’s a customizable widget, so you must first select the version you prefer, then copy the resultant code and show it to me via Textsnip (see here: https://wpbtips.wordpress.com/comment-guidelines/ ), or at least tell me which size and color options you prefer.
Thanks. I like the default options of large size and grayish colors – most readable. Maybe part of my problem was that I only included one color, and it looks like there are several to specify for each option? Anyhow here it is.
http://textsnip.com/c942fd
I’m worried that part of it is secretly javascript (a secret to me, that is). You are supposed to be able to click on the widget for audio pronouncing the Spanish word and sentence – I don’t know if this is doable in wp.
I have to say, you make this stuff look fun…
Thanks for being awesome.
This is what you need to paste (in the HTML editor or in a text widget):
Dimensions can be changed.
It works! I had to resize it to fit in the sidebar, but it still shows the sentence (unlike the “small” version that the website offers) so I’m glad we did it this way. And the audio plays!
I am so glad I found your blog – I would have given up on WP entirely otherwise.
Thanks for your generosity!
You’re welcome!
(Of course it works: first I test, then I reply!)
heyas panos!
thanks a million for the gigya instructions! i’ve been going nuts trying to find a random quote thingy.
i have a question — is there any flash it won’t work with? or any reason it would fail to work? because the only custom random quote widget i found is at oxylus, and i don’t want to buy it if it isn’t going to work on my wordpress.com blog.
http://www.oxylusflash.com/flashfiles/random-quote-or-testimonial-rotator-01-as3
i DO have a domain where i can host the flash and data files. so i just upload the pieces there and thats the url for the gigya src, right? set the size, and the widget will read from my quote file on my (other) site…? sorry, i’m not flash/gigya savvy. can you tell by looking at the widget description?
thanks for any insight you can offer :)
Yes, it’ll probably work that way, but I can’t guarantee for something I can’t test myself. Better contact them directly about this.
I keep trying to post the reverbnation widget as in option A but it doesn’t work. what am I doing wrong?
Which widget? Reverbnation offers several.
Okay, I’m a complete idiot where these are concerned apparently. I’ve used these instructions: https://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/ and even tried this shortcode help: https://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/ and every time I’ve saved, the text widget doesn’t show the cool little weather icon. All I see is a link to a full size weather window.
Here is the embed code I received from YoWindow:
http://swf.yowindow.com/wimo/hpPal/hpPal.swf
YoWindow.com
NWS
And here is the short code I thought I had correct: [gigya src=”http://swf.yowindow.com/wimo/hpPal/hpPal.swf” width=”220″ height=”150″ “wmode” value=”opaque” “flashvars” value=”location_id=gn:4685907&location_name=Denton&time_format=12
&unit_system=us&background=#FFFFFF©right_bar=false”
I know nothing about HTML so you’ll have to talk to me like a 2 yr. old. so I can get thru this without throwing something. Any help you can provide would be greatly appreciated.
I don’t like talking to idiots or 2-year olds, but knowing nothing about HTML doesn’t make you either one of the two!
Your mistake is that you’ve written this:
“wmode” value=”opaque”
instead of this:
wmode=”opaque”
Same thing with the flashvars.
Go to my weather post, copypaste the whole code I’m giving there, then just change my values with yours, i.e. change these:
280 – 194 – 264371 – Athens – 24 – metric – 280px
to:
220 – 150 – 4685907 – Denton – 12 – us – 220px
PS Next time you’ll need to show me some code, check point 4 here first:
https://wpbtips.wordpress.com/comment-guidelines/
I really need help with the weather widget thing too.Please send me link that will work
I’ve got three pages with weather widgets:
https://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/
https://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/2/
https://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/3/
All the instructions are there.
@Tunda-Look at my post with the yowindow link and use it. Obviously, you want to select YOUR location. It will supply you with an embed code. What I did was copy it to Notepad so I had it correct and no internet tab toggling.
Once you’ve done that, go to this link: https://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/
Follow THESE directions Panos gave me:
Go to my weather post (I’ve provided that above Tunda) , copypaste the whole code I’m giving there, then just change my values with yours, i.e. change these:
280 – 194 – 264371 – Athens – 24 – metric – 280px
to:
220 – 150 – ????? (will be found in embed code of YOUR city) – (the city YOU live in) – 12 – us – 220px
Worked like a charm for me!
@Panos-Thank you so much for the help. You’re completely awesome! ; )
(I’m assuming you’ll want US instead of metric)
Hi,
I am using the [gigya] shortcode to embed flash, yet I’m getting an unwanted 8 pixel white border to the right and the bottom of the flash.swf.
I’ve had a look at the source code in IE8 and the Gigya code seems to put an iframe around the .swf which is 8 pixels bigger than I specify.
If I type [gigya src="myflashmovie.swf" width="32" height="32"] etc. the actual iframe it produces is 40×40.
Is there any way to force the Gigya code to create a 32×32 iframe?
http://en.forums.wordpress.com/topic/gigya-shortcode-8-pixel-border
@reneewriter65: You’re welcome!
@Andy:
Answered here:
http://en.forums.wordpress.com/topic/gigya-shortcode-8-pixel-border?replies=15#post-582068
Hello!
Very nice post, thank you! Tried it with the grooveshark widget and it worked out perfectly.. do you know if there’s any way one could use the same method for the yahoo media player? i really prefer this one for various reasons, but i cannot figure out how to embed it..!?!?
thank you
Hi,
Link to an example please.
uh sry, this is the player http://mediaplayer.yahoo.com/
and i would like to use it on my wordpress.com blog.. saw it at http://aurgasm.us/
I didn’t mean link to the player page: I had no difficulty finding that myself. I meant link to an object you wanted to embed. The yahoo media player requires javascript, which we’re not allowed to use, so I wanted to give you an example using the yahoo flash player instead, and then you would tell me if this was a satisfactory alternative.
But I just found that the site hosting the yahoo flash player is dead. So I’m afraid there’s nothing we can do.
oh ok. thank you for the effort anyway, I’m going to continue to use both the wordpress audio mode and grooveshark then!
xx
You’re welcome.
a) Re the wp audio player you’re using in your posts: is the green background intentional or not?
b) Are you aware of these?
https://wpbtips.wordpress.com/2009/12/05/alternative-audio-players/
a) yes kind of, i was fooling around with the colors but i didn’t know how to see them in preview (like right away with this colors palette) and then i just left it that way..
b) yes thanks, great post :)
i actually dig the wp player, there’s only two things i’m missing:
a) that it isn’t possible that once u start playing one song, it would subsequently play all the others too, no matter if they are in the same post or not
b) that i haven’t figured out how to make it possible, that everytime you start playing one song while another one is playing, the former one would stop automatically ..
greets,
thanks again for the advise!
Your a and b aren’t possible as long as you’re using a separate audio player for each track. But you can put all the tracks of one post into one audio player – see here:
https://wpbtips.wordpress.com/2009/05/17/audio-player-additional-options/
thanks!
hello need help here….can someone configure the right code for this widget to make it useable on my blog??
[ Code relic removed – P. ]
“Someone”? This is a blog, not a forum.
If you ever wish to show me some code again, check point 4 here first:
https://wpbtips.wordpress.com/comment-guidelines/
The widget you want gives an iframe code: you’re not allowed to use that in wp.com blogs. Only flash embed codes can be converted as per my post.
Hello,
I’m new with WordPress can you help me to transform this flash code to a compatible flash code for WordPress.
be careful I add this * at the start and end of the code
Tanks in advance
Regards
Frédéric
—–
[Code relic removed – P.]
Thank you so much for your help!! I spent days making my flash and then had to export it as .mov and save it as .gif in Photoshop just so that I can upload it as a .gif file on WordPress. And after all that hard work, the flash looks all messed up as .gif. Thanks to your gigya advice, I can now use the .swf itself!
I have one question, though. How can I make the swf have a link on my WordPress page? Cause it’s on the first page of my blog and I wanted it to be clickable and lead users to a specific page on my blog..
Thanks so much in advance <3
@Frédéric: To display code, see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
@Charlene: Beautiful!
But I’m afraid I can’t help with your question: I guess it needs tampering with the swf itself, and I have no experience with that.
@Panos tanks for the help how to display code
I give you the url of the code
http://textsnip.com/22d247
I hope you can help me
Regards
Frédéric
WP shortcode:
[gigya src="http://meteo.sf.tv/sfmeteo/media/embed/embed_big.swf" quality="high" allowFullScreen="true" width="573" height="322" ]
Dimensions can be changed.
Tanks Panos but It didn’t work see the result here :
http://www.iceagetv.com/lesprevisions/?page_id=437
I juste copy and past code on my page wordpress (html mode)
Can you help me
Fred
Sorry, I should have checked your site before replying. See point 1 here:
https://wpbtips.wordpress.com/comment-guidelines/
I can’t quite figure out this whole deal on getting my Issuu publication to become visible on my blog. Help and guidance would be greatly appreciated.
Relevant post here:
https://wpbtips.wordpress.com/2011/01/18/inserting-issuu-docs/
Yeah, i tried it and shows up but only says it can’t load the document. Thanks anyways..
Link to the post or page in question please, so I can see what’s wrong.
http://thepennygaff.wordpress.com/2011/05/31/issue-no-1/
I checked the sourcecode of your page, and the code is messed up, probably because you pasted it in the visual editor. Switch the editor to HTML, delete everything, paste the original if you’ve saved it – otherwise I can give you the right code myself.
alright it is working like a charm now. i really appreciate it.
You’re welcome.
I would suggest you center it:
<div align="center">
SHORTCODE HERE
</div>
Im sorry if I comment in the wrong post before, i hope this is the right one, I use this command
[gigya src="http://clockwidgets.net/clocks/d7_001/clockwidget.swf" width="180" height="180" wmode="transparent"]
the problem is the clock is embedded but it isn’t clickable. what command should i add to make it clickable and linked to http://clockwidgets.net?
best regards
Open your text widget, make sure the option “Automatically add paragraphs” is not ticked, and paste this above the gigya shortcode:
<div style="position:relative;top:170px;margin-top:-160px;border:none;">
<a href="http://clockwidgets.net" target="_blank">
<div style="height:150px;"> </div></a>
</div>
This will create an invisible linking rectangle in front of the clock.
it worked!! you are absolutely THE BEST Panos :) many thanks bro !!
You’re welcome!
If you wish to better understand the trick:
The inner div…/div part says create a blank rectangle, 150px high (roughly the height of the clock image).
The a…/a part says make that rectangle a link to that URL.
The outer div…/div part says move it downwards (roughly where the clock is).
Hi Panos,
I noted the message you left.
First of all, I thank you for your knowledge and kindness helping others. Your post helped me a lot while I made a flash widget for my blog.
I cited your post with your Original Link at the bottom of the post so that more people benefit an open and free knowledge world. I respect author’s intelligence, so I always state the original link with any posts I cited. Nothing stolen.
Thank you for your response.
But I’m afraid you’ve got things wrong. Writing about an article you consider useful or interesting, and linking to it, is legitimate. Reposting the whole article is content theft. The fact that you mention where you stole the content from doesn’t make it less of a theft. You could only repost my articles if I had a Creative Commons licence (or other similar notice) that expressly allowed reposting. I don’t, so fair use allows the use of short excerpts only.
So first please google for the facts then please remove the article or wait for more official news.
(From http://en.support.wordpress.com/content-theft-what-to-do/. “Immediate action” means your blog will be suspended till you remove all stolen content.)
You should realize that a blog is meant for posting your own content, not copy-pasting complete articles from other sites, as you systematically seem to do.
Thanks for your efforts to help us use flash type things in WordPress. My question is how would you use this to put some Feedzilla widgets on a WordPress page???
You can’t, because the code they provide is javascript, not flash.
To Master Panos..sir i would like to inform you that i’m one of the thousands frequent visitor of your blog. Your site has been very useful as reference to newbie bloggers like me and everyone else who would like to improve their site however with a little knowledge on how to do it. I have learned quite a few tricks but have not mastered them yet since i only try them to my single blog. There’s still much to learn from your site and would like to thank you for the knowledge that you share to others. Also i would like you to witness the output of your teaching..here is my blog with most of your wicked widgets. :D
http://www.orangekamote.wordpress.com
BTw, this is my first comment in your blog. I thought it would be best if i already have a little output to show at least. ^^ Thank You and more power!
You’re most welcome!
Good that you’ve tried to limit the color range.
But don’t overdo it: adding many such widgets increases the loading time of your page.
Is there any way to make this embed work on my site, college-rehab.com. I want it to play but its not working
http://on.hulkcdn.com/static/embed.swf
I’m only seeing an audio player in the link you gave. If that’s what you want to embed, you just use the WP audio player shortcode as shown in the relevant Support doc:
http://en.support.wordpress.com/audio/
But upload your mp3 to Fileden, not Hulkshare, and make sure its name doesn’t include spaces or punctuation marks.
For other options, check my posts on audio.
For ideas, I need a link to the original!
Here is the link to the original:
http://kentbook.jessicaepperson.com/kent5.swf
Sorry, I didn’t mean the original swf: I could easily see that in the sourcecode of your page. I meant the original site where you got the code from.
Or did you create the swf yourself? If that’s the case, I’m afraid I can’t help: I know how to embed them, but I know nothing about how they are created, so I can’t tell if you’ve done something wrong.
Has anyone successfully used this to make Feedzilla work on a WordPress page? If so can you give me an example of your code? Thanks.
Feedzilla widgets use javascript, not flash.
And if the Etsy thing wasn’t enough, apparently now ravelry (a huge online fiber community) has a flash widget for displaying one’s projects on our blogs. Guess where I posted about gigya. :)
(I think I might owe you at least one nice dinner by now.)
Can you ink to an example? Or show me the code if you have an account with them?
With pleasure! :) http://www.sarahspins.com/ravelry-flash/
Ah that’s more interesting than the Etsy widget! Do you need help with that? Or should I make a post about it?
Hi Panos,
You have just solve my problem that trouble me since the window live space close down and transfer me to WP.com!!!
But here is some question that i hope you can help me.
I’m trying to transfer the code below to gigya shortcode for days but it dosen’t work.
Can you help me to figure out is this possible to be use in gigya code?
Original code: http://textsnip.com/ee74f6
Shortcode here:
http://textsnip.com/d3f005
Explanation: when the src URL is “blahblah?moreblahblah”, you must turn it to “blahblah” flashvars=”moreblahblah”.
Hi there! i’m trying to post an events widget from revebnation into my wordpress sidebar, with no luck. I get to the point where you say I must find the attribute=value, but that isn’t in the code at all. I am an admitted novice when it comes to anything code oriented. you help would be so appreciated:).
This is the code:
[Code relic removed – P.]
Thanks man!
Nate
Hi,
Try again after checking point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
Hi
I love your blog and tips, and they helped me for some widgets. Now i try to embedd a drawing board from this site:
http://www.flash-gear.com/index.php?a .
I try everything, like you describe, but it dosent works, i dont know why. Other flash tools works well. Can you help me? Can you get it, if you try this?
Greetings!
Barbara
Hi,
I guess it’s not possible because the gigya shortcode is exclusively for swf files while this is a PHP script.
Thank you! Greetings!
You’re welcome – sorry I didn’t have the answer you were hoping for!
Hi I input my own values into your shortcode template but got a very strange slideshow on my sidebar. It has very large areas of black above and below the pictures. Can you help?
Otherwise is it possible to convert the Flickr dynamic flash badge into something usable in WP.com?
[Code removed – P.]
Sorry for pasting the entire code here but I gather from your comments that helps you solve our problems?
Cheers,
Hi,
Pasting the code may help, but a link to your blog, with the problem there for me to check, helps more: I can’t help with a problem I can’t see! (Plus some problems are theme-related.)
I removed the other code you pasted: it can only be used in self-hosted blogs.
And, by the way, you commented on the wrong post – obviously you meant to post here:
https://wpbtips.wordpress.com/2010/07/17/gigya-2-flickr-slideshows/
Dear Panos,
I know everyone else asks for help about this topic, and I’m no different. I posted about this in WordPress support: http://en.forums.wordpress.com/topic/embeding-prezi?replies=3
I said:
I blog at http://www.thebadernation.com. It’s a political blog, so let’s forgot about the politics, and please help me.
I wanted to comment on his Prezi:
http://prezi.com/px0pojvpfy33/obama/
It says the code is:
[Code relic removed – P.]
I know you can try to use gigya shortcode (https://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/), but I have no idea what it means, and I try to do it. But there’s just so many letters, and I don’t know code.
Help?
I can’t copy the code, but you can look at the wordpress page:
http://en.forums.wordpress.com/topic/embeding-prezi?replies=3
Also asked, and answered, here:
https://wpbtips.wordpress.com/2011/02/20/widgets-for-wp-com-8b-more-countdown-tickers/#comment-29872
Previous (long) comment had been withheld because of the number of links.
Hi, thanks so much for the gigya lessons! (and everything else) I’ve used your instructions on this post in the past to get similar flash widgets working, but I can’t figure out what I’m doing wrong on this one. Could you possibly help me out?
http://textsnip.com/e87e4c
Cheers,
Hi,
For codes of this type, the easy way is just copy this part:
<embed id="ETC ETC ETC"></embed>
and turn it to this:
[gigya id="ETC ETC ETC" ]
Thank you. You are a genius… I don’t think I ever would have gotten that one! :)
You’re welcome. This case was easier than you think, but my post doesn’t help because it tries to cover all the possible types of code.
Does this include iframe widgets?? I am trying to embed
http://www.britannica.com/bcom/ig/topic/gadget.html?id=79590
from http://www.britannica.com/bps/widgetsTool?topicId=424573
No it doesn’t include iframes: as the post says, only flash. (HTML tag in the code: “object” or “embed” or both; filetype: swf).
Hello, Panos
Ever getting great helps from you!
I’m working on a particular presentation page
which need differents images as background in turn and a single flash animated message over its
I tried a way of multiple videos in a row, but transitions still appears very bad
Don’t you see a nice trick to achieve this
Of course, this front page s’d have an autostart and an auto loop also
I’ll be grateful for any suggestion
MY THANKS
Hi,
But I’m afraid your description isn’t clear to me. If you could make a sketch and show me what exactly you want where, I might be able to understand better.
Hi!
I have an italian blog about japanese languge. I’d really like to put on the blog a-kanji-per-day widget, but I can’t find one that isn’t script nor iframe…
Have you ever find one?
Ok, probably you don’t know what I’m talking about (unless you like japanese) and/or I’m asking for too much…
So, plan B
I tried your method with this “kanji clock” (it’s flash and there is an alternate code, with the url .widget?__install ecc)
Here it is:
http://www.widgipedia.com/web-widgets/details/NichieDesignOffice/Japanese-kanji-clock_2814.html
Following your instructions I’ve written this code (without * …and tried with and then without bgcolor and lang, just to be sure: these param weren’t in the “alternate code” from the site)
[*gigya src=”h**p://www.widgipedia.com/widgets/NichieDesignOffice/Japanese-kanji-clock-e2814-8192_134217728.widget” quality=”high” wmode=”transparent” width=”130″ height=”130″ bgcolor=”#ffffff” lan=”en”*]
…but it doesn’t appear…
the blog makes space for it, but it just doesn’t appear… please, help! (*__*)
Anything you could tell me will be very, very, very appreciated, ’cause I really don’t know whatelse I could do but giving up…
Hi,
I’ve had a long-time interest in Japanese art and culture, so I know quite well what a kanji is!
Your shortcode isn’t exactly correct, but correcting it won’t make a difference. The designer of this clock has apparently removed it:
http://www.cyberdesign.co.jp/widgets/kanji.swf
I searched the three largest widget sites but couldn’t find any working flash kanji widget. You might be interested in one of these (they show words or phrases, but that’s the closest I could get to what you’re looking for):
http://www.transparent.com/wotd/today/japanese.html
http://www.japanesepod101.com/japanese-phrases/
If you like one of the two and need help with the shortcode (you probably will for at least the one of the two), let me know.
Thank you very much!
Japanese words are way better than the clock ^__^
I managed to do something with one of them (the one from japanesepod), as you said… but probably… well, certainly, I made some mistakes…
[*gigya src=”h**p://http://www.transparent.com/wotd/small.swf” quality=”high” wmode=”transparent” width=”160″ height=”190″ bgcolor=”#bbbbbb”*]
Btw I’ll probably use the other one (it has kana), but I’d like my users to chose, so… here the other attempt:
[*gigya src=”h**p://http://www.japanesepod101.com/japanese-phrases/small_language.swf” quality=”high” wmode=”transparent” width=”160″ height=”190″ bgcolor=”#2b2b2b”*]
The color is fine like it is, black, I don’t really care, but custom configurator makes it better with Background Transparency set to 0% instead of 25% …but I just couldn’t understand how I can remove it…
Overall I probably did even worse than before…there was an url with .js and one with .cab and that really confused me and… well, please, see if you can make right my “nonsensical code” (^_^”)
jaa, yoroshiku onegai shimasu m(_ _)m
Hello, I think it brilliant to be able to include flash items in my blog, however, I did want to make sure that my readers who do not have flash (for example, via some mobile phones etc), would have an “alternative” text or image displayed when the flash content does not work.. I for one have come across messages such as “if this item does not display please download flash player…link” etc
Would any of you guys know whether it is possible to include alternative text eg alt= or similar statement in the gigya shortcode html?
Many Thanks
S
Hi,
Interesting question.
If you mean whether you can display a text you add yourself, no (I can tell you why, if you’re curious). But if you only mean whether you’ll get some sort of alert, yes you will (without having to do anything): decent browsers will recognize the file type and produce some message that links to the Adobe flash installer.
By the way, this is my blog, not a forum: there are no “us guys” here other than me.
My answer doesn’t show up…. it’s probably in your spam queue…
I don’t rember to have to wait for moderation the first time ergo it’s in the spam queue, I guess.
So I’m replying again just to be sure… ’cause with such a “grown”l site (with a lot of traffic) you probably won’t notice it, I fear.
Hi again, and thanks for alerting me: Akismet catches more than 200 spam comments a day in my blog, so as you’ve realized I cannot possibly check them all the time.
I retrieved your comment from the spam folder. But I can’t tell why Akismet mistook it for spam. And I don’t moderate comments (except if they contain more than 2 links).
Now, to the main stuff… I think you’ve got a misunderstanding: my impression is that you’re trying to take some data from the original codes and make them fit the sample shortcodes I’m giving in the post. Doesn’t work that way! You’ve got to take all the necessary elements from the original code and make the correct conversion. Depending on the widget, these elements vary. Plus both of the widgets I suggested have options. So first select the size and the color scheme you prefer, then copy the resulting codes and show them to me so I can convert them. But watch out, don’t paste the codes in your comment; use Textsnip instead – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
Thanks Panos, now I understand better the whole matter… and, yeah, I’d misunderstood a few things^^
Btw here is the code for the first one:
http://textsnip.com/3590a3
…and here is the second one:
http://textsnip.com/999f38
As japanese would say, yoroshiku tanomimasu m(_ _)m
Shortcodes here:
http://textsnip.com/4f5341
Thanks a lot, Panos! ^___^
You’re welcome Riccardo.
hi a want to put a shoot in my wordpress but the code don’t work please help me , thx in advance
View shoutbox
ShoutMix chat widget
You need to copy the code and show it to me; see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
http://textsnip.com/3fee1c
after convert:http://textsnip.com/b91023
Sorry, that’s an iframe – can’t be used in wp.com blogs. As my post explains, the gigya workaround is for flash only (codes with the “object” and/or “embed” tag).
I haven’t found the gigya code to embedd PodOmatic players. I’ve been playing with the Gigya code, the player appaers but there appears a moderately huge black box with the player atop. I need only the player. Podomatic code is:
[Code relic removed – P.]
Thanks Panos!
Sorry… again:::
This is the Podomatic code:
[Code relic removed – P.]
Uff… sorry again,the podomatic link: http://grabaciones.podomatic.com/entry/2011-12-09T06_24_00-08_00
If you click Share, there’s as auto-post-to-WP button.
If that fails, use Textsnip to show me the code – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
I found that code, it is rather hidden in the options. Thanks! Problem solved…
Sorry? Are you a previous commenter under a different username perhaps?
Yes, the same user, different PCs on different days. Sorry for the inconvenience.
Hi panos, is it possible to alter this code for wordpress.
What code? Use Textsnip after checking point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
But I can tell you in advance that if it says “script” or “iframe” you cannot, if it says “object” and/or “embed” you can.
IT says script so i’ll not bother panos, thank you.
Ok – sorry it’s a no can do!
[Code relic removed – P.]
this is code for reverbnation widget please help with changing code!
See pojnt 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
OMG, a few weeks ago I actually found some other links for countdown timers i believe through you/wordpress.com support and used them, but since wrote over them. Now I find myself needing one again, but those options vanished for some reason, so I’ve been trolling, and trolling for simple digital countdown timers. The best looking — or least-offensive looking — one I can find so far is at timeanddate.com “free for your blog”. Anyway, I’ve tweaked this over and over, but I just CANNOT get this thing to show up! Help would be much appreciated! Here’s the code:
[Code relic removed – P.]
Don’t know if you need it or not, but my wordpress location is at : dailyflagfordailybread.wordpress.com
1) You can’t display code by simply pasting it in a comment – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
2) If you mean the timer found at http://timeanddate.com/clocks/freecountdown.html , the code they give is an iframe – can’t be used. The gigya shortcode is for flash codes only (codes with the tag “embed” and/or “object”).
3) See here for possible alternatives:
https://wpbtips.wordpress.com/2010/10/28/widgets-for-wpcom-8-countdown-timers/
https://wpbtips.wordpress.com/2011/02/20/widgets-for-wp-com-8b-more-countdown-tickers/
TY so very much for your prompt reply! As a newbie, I honed in on your site immediately during my many frantic searches trying to meet an extremely tight deadine, and I must tell you that you have unwittingly been paramount in helping me surmount innumerable obstacles along my learning journey. You braced me as I began, helping me gain confidence with each mincing step. During my pussyfooting, you held my hand. Before I knew it, I dared to leap, knowing full well you’d be there in the background lest I needed a safety net. Again, with the clock literally ticking, you not only stepped in to assist, you zoomed in. I just cannot thank you enough. I am pleased to say that there is a countdown timer on each and every page as was urgently needed. Although our project ends in “5 Days, 12 hrs, 11 mins, and 12 secs” (HA) and I shall not require any more assistance, I shall continue to troll your amazing, generous, incredible support site! — Posted earlier as Eunoia1995.
I did all that? You’re exaggerating but thanks!
I have a code that I cannot insert it is [Code relic removed – P.] can anyone help
a) As I’m fond of saying when I see this, this isn’t a forum, this is my blog: there are no anyones here other than me.
b) You can’t display code by pasting it in a comment – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
Thank you so much for the information you provide, I tried to follow it up but seems to have gotten lost. I am trying to embed a podoMatic player in my blog but to no avail.
The code it gives me to embed is:
[Code relic removed – P.]
I tired to follow your short codes but cant seem to make it work. Could you please help me
oops im sorry, i see that i wasnt suppose to post a code, i followed your info, here is my textsnip:
http://textsnip.com/d0a6e5
You can’t, because it’s an iframe. As my post explains, the gigya workaround is for flash only.
PS You nee to correct your username link: there’s no point linking to your gravatar page when that page is empty.
thanks for your help and prompt response
http://textsnip.com/8c49ea
This is the code I’m getting…I can’t figure out with the explanation above how to get this to work.
Answered here:
https://wpbtips.wordpress.com/2011/06/29/inserting-grooveshark-audio-players/#comment-48672
do you know how to make this code work:
[Code relic removed – P.]
I just want to display yen-rupiah conversion, and tried some codes but it just don’t work :(
Either link to the webpage on which you found that widget, or use Textsnip to show me the code – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
ooh I’m teribly sorry. http://textsnip.com/7dc7e2 here it is. I can’t figure out using the gigya code with these..
Sorry, that’s javascript: can’t be used on wordpress.com. The gigya shortcode is for flash only (code tags “object” and/or “embed”).
Hi Panos… what about this http://textsnip.com/b538f3? I’m stuck… thanks in advance! :)
Hi, but
a) I need a link to the blog in question.
b) The code you copypasted is incomplete and can’t be used: there’s no URL for the flash file (instead of “VRGT.swf” it should be saying “http etc etc. VRGT.swf”). Where did you get that code from?
Hi Panos,
here’s the complete code http://textsnip.com/e76c46 and my site url: http://l1nvx.wordpress.com/
I get that code from this site: http://www.medjugorje.hr/it/multimedia/passeggiata-virtuale/
Thanks!
Sorry, that’s an iframe: we can’t use it in a wordpress.com blog.
Dude, you’re a bona fide genius. Works a charm with the Reverbnation widgets. MANY thanks.
I’ve found this, (appearently) really simple kanji widget and I was wondering if it can be added in wp blogs…
Here I’ve pasted the customizable code… http://textsnip.com/71f9bd
Unfortunately I still don’t get how I should modify the code….
Can I ask you to help me with this? m(_ _)m
(Ah, btw the site is http://www.kanjimyblog.com/)
That’s javascript and iframe: we can’t use it; as my post says, the gigya shortcode is for flash only.
Ok, sorry, the previous one (I asked you sometime ago) started with “script”, too, so I thaught that perhaps it could be possible… unfortunately that’s as “far” as my “competence” goes… ^__^;;;
Thx^^