you're reading:
Flash, Gigya, Html & inline css codes, Messages, Shortcodes, Sidebar, Widgets

Widgets for blogs: 11 – messages with animated background

7: “Eye candy”

Two examples:

Resizable. 10 different animated bgs. Text size, color, font and angle customizable; drag to reposition.

Visit this page:
Customize, copy “end result” code, turn to shortcode like this:

[gigya src="" flashvars="keywordText=iGoogle Widgets& HERE&text1size=34&textxpos=96&textypos=130" quality="high" width="336" height="280" ]

[gigya src="" flashvars="keywordText=iGoogle Widgets& HERE&text1size=69&textxpos=62&textypos=101" quality="high" width="336" height="280" ]

Please don’t paste code in comments – see comment guidelines.


36 thoughts on “Widgets for blogs: 11 – messages with animated background

  1. Hi Panos
    thanks !
    messages on page 1 and page 3 are the ones that I love all the more.

    Posted by putignanonelmirino | January 9, 2011, 11:58
  2. Well I had promised there’d be more!

    Posted by Panos | January 9, 2011, 12:13
  3. These are so cool Panos! I’m always searching for stuff like this to use on holiday posts. Keep ’em coming, please!

    Posted by IzaakMak | January 9, 2011, 21:24
  4. Will do, will do!

    Posted by Panos | January 10, 2011, 14:44
  5. Hi Panos,
    Guess what… I need your help again…

    Can you figure out how to modify this Flash code here for using the gigya method?

    Thanks much in advance for your time.

    Posted by Netty Gritty | January 16, 2011, 22:47
  6. Wow, two great finds in one (Tagul and Textsnip)!

    That code is simple – shortcode is:
    (Dimensions adjustable)

    But it doesn’t work, obviously because you hadn’t configured the thing.

    Posted by Panos | January 17, 2011, 07:37
  7. Actaully textsnip is an old friend of mine:
    See here.

    Thanks for the code. I am sure it works. Thing is, all I see is a big N/A. For both my code and your code. Do you have any idea why?

    Posted by Netty Gritty | January 17, 2011, 21:05
  8. Never mind. I know now what I was doing wrong.

    Looks like my coding was right. All along I missed the “save” button and so my tag cloud was not available later and that’s why the N/A.

    Hmmm, I know I am short-sighted, but this is really too much.
    Reminds me of the joke where a guy wonders why his new computer won’t start up. He didn’t even turn on the power!

    Thanks for your help anyway.

    Posted by Netty Gritty | January 17, 2011, 22:18
  9. Ok then!

    (My guess was you hadn’t configured it; not saving it amounts to the same thing!)

    Posted by Panos | January 18, 2011, 14:44
  10. PS Textsnip goes to my sidebar – thanks again!

    Posted by Panos | January 18, 2011, 14:45
  11. Hi,
    Sorry, my internet is in and out and often slower than a modem connection (??? makes me feel really stupid not to be able to fix it). What does ‘Textsnip’ do? I can’t seem to ever connect to it?

    Posted by Tess | January 19, 2011, 06:26
  12. Hi!

    You paste your HTML in the text field and get a link for it. Very handy for giving a code to someone without having to convert it or enclose it in the sourcecode shortcode.

    Posted by Panos | January 19, 2011, 14:54
  13. Guess what!
    I have figured out a way to use Tagul to add a Facebook Likebox in a blog!
    How to add a Facebook Likebox in a blog – part 2

    While I am not really a fan of Facebook Likebox, what excites me is the fact that Tagul can be used as a Flash workaround for pasting some iframe contents within a blog. That means, at least some of the iframe stuff can be used by bloggers! :)

    Posted by Netty Gritty | January 20, 2011, 10:55
  14. Thank you. I was imagining something else.

    Posted by Tess | January 21, 2011, 02:48
  15. @NG: Thanks. I’m having difficulty understanding this, as I’m not familiar with Tagul or Facebook. Care to make it simpler for me?

    Posted by Panos | January 21, 2011, 23:02
  16. Okay, sorry…forget Facebook. Facebook is not an issue here. The main thing is Facebook Likebox can be added in a site via iframe code. It’s the iframe thing that’s I’m so excited about.

    Usually, you can’t add widgets in that require you to add iframe code. This is where Tagul comes in. Although Tagul is a tag creation tool, I used it to link to a webpage. It will link to any webpage. If I choose to link to a “frame” that I found in an iframe code, then Tagul will link to it, too. It will produce a “text link” within a box and when it is clicked the frame page opens up in the box. Right in your blog.

    And that’s how anyone can have iframe widgets like Google Books, Google Calendar etc in a free blog. If you visit my blog, my recent posts will give you a better idea.

    Posted by Netty Gritty | January 22, 2011, 00:01
  17. Oh, you do know by now that Tagul offers Flash codes. That means with the help of Tagul we can convert iframe widgets to Flash widgets, which can then be added in a blog via the gigya method.

    Want to convert iframe to Flash? Tagul is the answer.

    Posted by Netty Gritty | January 22, 2011, 00:06
  18. Thanks!

    I had visited your blog, of course, but at the time you only had the Likebox post on.

    And of course what I’m interested in is the iframe business in general. If things are as you say, your discovery is very important!

    I’ll need to experiment myself to come to grips with this, but first I needed an explanation like the one you gave me above, and I needed examples like the ones you posted in the meantime.

    But your Google calendar (would have been a clear example for me) isn’t working. So please check the series of comments that starts here and try the doc suggested by श्रेया – to help both her and me!

    Posted by Panos | January 22, 2011, 11:33
  19. Update, update! Just visited your blog again, and now the GC is working! And you’ve got a new goodie too (PPTs via Authorstream) – hey, I can’t cope with all this!
    (Just joking: I just need time to try these out myself…)

    Posted by Panos | January 22, 2011, 11:47
  20. I tried to insert the HTML code of this widget in my post but it did not work, its not showing the flash, instead it is showing a link (when click it opens the flash).

    how do i change the coding, i am lost, am new to this blogging
    Please help

    Posted by Ilm Seeker | January 23, 2011, 18:22
  21. thank you Panos, but i did not get how to turn the code to gigya.
    can you explain more please
    thanks alot

    Posted by Ilm Seeker | January 24, 2011, 18:19
  22. You can copy-paste the embed code from the widget page and the shortcode I’m giving in the post, and compare them to see how the transformation is done. Or (simpler) just copy my shortcode and substitute “MESSAGE%20HERE” with your own message.

    Posted by Panos | January 25, 2011, 12:05
  23. What about Scribd books ?
    Example …. this:

    [Code relic removed – P.]

    Posted by Vag | January 31, 2011, 02:24
  24. Same thing probably. But you need to give me the right code, or the link to the Scribd page you’re interested in. Note that you cannot use the “code” tag to display HTML – see point 4 here on how to do it:

    Posted by Panos | January 31, 2011, 02:58
  25. The Scribd book embed code is:

    <a title="View GUIDE Smart on Scribd" href="" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">GUIDE Smart</a> <object id="doc_229601742244469" name="doc_229601742244469" height="500" width="100%" type="application/x-shockwave-flash" data="" style="outline:none;" >		<param name="movie" value="">		<param name="wmode" value="opaque"> 		<param name="bgcolor" value="#ffffff"> 		<param name="allowFullScreen" value="true"> 		<param name="allowScriptAccess" value="always"> 		<param name="FlashVars" value="document_id=46966960&access_key=key-b9gvhsroqqlj7hm3qfk&page=1&viewMode=list"> 		<embed id="doc_229601742244469" name="doc_229601742244469" src="" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="500" width="100%" wmode="opaque" bgcolor="#ffffff"></embed> 	</object>	

    Posted by Vag | January 31, 2011, 03:07
  26. [gigya src="" flashvars="document_id=46966960&access_key=key-b9gvhsroqqlj7hm3qfk&page=1&viewMode=list" allowfullscreen="true" height="300" width="400" wmode="opaque" bgcolor="#ffffff" ]

    Dimensions can be changed.

    Posted by Panos | January 31, 2011, 03:23
  27. Thanks a lot !!!

    It works at ….

    It doesn’t work on (blogs installed at :(

    Do you have any idea?

    Posted by Vag | January 31, 2011, 03:30
  28. You’re welcome.

    My blog is about blogs – I don’t know anything about self-hosted blogs. Try the original embed code; if it doesn’t work, you can go to and search the plugins section then the forum.

    Posted by Panos | January 31, 2011, 03:40
  29. dear panos.. i want to put abowman gadget to my blog.. what i supposed to do?
    here’s the code
    [Invalid URL removed – P.]
    what’s wrong? i dont understand script or else :'(

    Posted by ermotion | March 3, 2011, 12:02
  30. The link you gave is wrong. You need to go here:
    Click “edit settings”, customize the gadget, copy the embed code, turn it into a shortcode as explained here:
    If you can’t figure it out, I can convert it for you, but I need that code. You can show it to me via Textsnip – see point 4 here:

    Posted by Panos | March 3, 2011, 14:23
  31. well, im not sure which one the code is..
    this one i got after i customized the gadget :
    and the other, i got directly from iGoogle: —> im not sure this is kind of code. looks like a url, doesn’t it?

    Posted by ermotion | March 3, 2011, 16:17
  32. wait..thought i made a mistake here…
    i misinterpret ur command bout the code.
    here’s the code: —> hope im right this time.
    so sorry i make u mad maybe ^_^

    Posted by ermotion | March 3, 2011, 16:54
  33. well, i do my best to convert the embed code into shortcode. actually, the widgets i want, appear on my page. but there is something didnt work. the attributes&value doesn’t work at all. only the background looks like what i want, but the other just doesnt work.

    here’s my last attempt converting shortcode:

    @panos, would u tell me where the mistakes are?i wanna learn more bout this stuff..

    thx bro..

    Posted by ermotion | March 3, 2011, 18:17
  34. Your mistake was the flashvars. Shortcode must be:

    [gigya src="" flashvars="up_waterBowlColor=B4DDF0&up_collarColor=FF001E&up_bodyColor=080807&up_feetColor=DEB821&up_noseColor=7A7878&up_foodBowlColor=FF0000&up_earColor=DEB821&up_tailTipColor=080807&up_treatColor=F29A0C&up_eyeColor=68B6BA&up_waterColor=DAF1F5&up_backgroundColor=999393&up_foodColor=C48218&up_tongueColor=F5A4A4&up_ballColor=49AB3C&up_boneColor=EEEEEE&up_dogName=Momoo&up_legLength=4&" width="300" height="225" AllowScriptAccess="always" wmode="opaque" bgcolor="999393" ]

    Posted by Panos | March 3, 2011, 21:48
  35. @panos: aaah… okay… thought i start to understand this stuff.. im gonna learn it more..
    thanks a lot dude, u’re awesome! i put it already on my page!

    Posted by ermotion | March 4, 2011, 16:24


author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.


  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: