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

Widgets for blogs: 12 – some non animated messages

• General background: The gigya shortcode 3 – widgets.
• Paste shortcode into text widget or html post/page editor.
• All except no.4 resizable – check my posts on sidebar width and main column width.
• May not display correctly in Explorer – use at your own risk (till Explorer learns to behave, or till users learn not to use Explorer).

1: Fortune cookie

Visit this page:
Customize, copy code, turn to shortcode like this:

[gigya src="" FlashVars="h1=TEXT HERE*MULTIPLE LINES POSSIBLE&h1x=144.25&h1y=117.15&dom=" quality="high" wmode="transparent" width="385" height="265" ]

2: Loveletter

Visit this page:
Customize, copy code, turn to shortcode like this:

[gigya src="" FlashVars="t=TEXT ONE HERE&m=TEXT TWO HERE (CAN BE LONG)&f=TEXT THREE HERE&px=20.9&py=39.45&i=4&dom=" quality="high" wmode="transparent" width="375" height="370" ]

3: Tombstone

Visit this page:
Customize, copy code, turn to shortcode like this:

[gigya src="" FlashVars="h1=TEXT ONE&h2=TEXT TWO*MULTIPLE LINES POSSIBLE&h1x=22.1&h1y=59.25&h2x=71.9&h2y=97.55&sym=5&dom=" quality="high" wmode="transparent" width="390" height="305" ]

4: Dummiebook

Visit this page:
Customize, copy code, turn to shortcode like this:

[gigya src="" FlashVars="h=HEADER TEXT HERE&t=TITLE TEXT HERE&b=BUBBLE TEXT HERE&a=AUTHOR HERE&d=CREDIT HERE&myw=333.55&myh=419.3" quality="high" wmode="transparent" width="341.55" height="427.3" ]

5: Lovepigs

Visit this page:
Customize, copy code, turn to shortcode like this:

[gigya src="" FlashVars="h1=MESSAGE HERE*MULTIPLE LINES POSSIBLE&h1x=1&h1y=70.05&dom=" quality="high" wmode="transparent" width="400" height="300" ]

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


14 thoughts on “Widgets for blogs: 12 – some non animated messages

  1. More great stuff Panos. I found a neat lava lamp on one of the site you listed above:

    Unfortunately, my translation only partially works. It displays okay, and I can even re-size it, but none of my color adjustments show on my test blog. It looks exactly like it does before you make any changes. Can you tell me what I’m doing wrong?

    Here’s the link to both the embed code I was given and my attempted translation:

    Posted by IzaakMak | February 7, 2011, 02:10
  2. The URL must be up to the questionmark; the rest of it is the variables:

    [gigya src="" flashvars="liq_red=0&liq_green=0&liq_blue=0&b_red=64.1&b_green=37.7&b_blue=0&f_red=166&f_blue=0&f_green=0" quality="high" bgcolor="f6f6f6" wmode="transparent"  width="140" height="200" ]

    Posted by Panos | February 7, 2011, 08:53
  3. I wondered if that might be the case! Thanks Panos.

    Posted by IzaakMak | February 7, 2011, 09:01
  4. Welcome! I mention that in the “general background” post I always link to, but it’s easy to miss it amongst all that stuff.

    Posted by Panos | February 7, 2011, 09:14
  5. hello.. i have a problem on my curious theme. commnets are off the posting collumn. can u take a look and say whats wrong please?

    here is the link

    Posted by luciancovaliu | February 8, 2011, 19:42
  6. disregard my last commnet.i figured it out

    Posted by luciancovaliu | February 8, 2011, 19:44
  7. Fine then. Anyway I wouldn’t be able to help you – check point 1 here:

    Posted by Panos | February 8, 2011, 20:24
  8. Hello- I was hoping you would be able to help me display the “titles” in an image widget.

    I am trying to add a the a slightly complex DNA image widget into a blog and am finding the titles disappear from the widget (found at the bottom of the page)

    What is supposed to happen is when you hover over each colour, the personality trait is displayed as the title..

    Is it true that the image codes use css in the widget areas? Many Thanks- S

    Posted by seabedhabitats | December 14, 2011, 15:45
  9. The title attribute isn’t allowed inside some tags but div isn’t one of them; I don’t know why WP has chosen to strip it out. But you’ve got other defects as well: single instead of regular quotes, no closing semicolons, no closing slash for the img tags. Corrected code here:

    What do you mean by “image codes use css in the widget areas”? I don’t understand the question.

    Posted by Panos | December 15, 2011, 03:43
  10. By the way, your blog front takes too long to load because you’ve got too many embedded objects. You should set the number of posts per page to only a few (in Settings > Reading) as well as use the read-more tag to truncate the posts, also don’t overdo it with widgets. (For instance, what use is the Get the Flash Player image link?)

    Posted by Panos | December 15, 2011, 03:46
  11. Thanks a lot Panos! That’s great- the new code works fine.

    The code was created by the widgetmakers themselves, but I will have a look at the difference and try to see which part did not work before.

    And thank you for the suggestions to reduce the load time! I will try not to get too carried away with the widgets and actually write some posts! Ciao!

    Posted by seabedhabitats | December 15, 2011, 09:07
  12. The code was created by the widgetmakers themselves, but WordPress uses XHTML, a more up-to-date and rigorous version of HTML. See here:

    I don’t know if you are familiar with HTML. In case you aren’t, let’s clear the terminology. Examples (italics and simple image code):

    <em>TEXT HERE</em>
    <img src="URL HERE" />

    In the first example, em is a tag; <em> is an opening or start tag, and </em> is a closing or end tag.
    In the second example, img is the tag, src is an attribute, and the URL is a value.

    So (among other things),

    In XHTML all tags must be properly closed: most come in opening/closing pairs, as in the first example, and the few that don’t (like br and img) must have a space and a slash before the closing angle bracket, as in the second example – not like this:

    <img src="IMAGE URL HERE">

    The value of each attribute must be inside regular straight quotes, as shown in these examples.

    The style attribute is a special case. It accepts multiple properties and values, and it’s actually inline CSS, not HTML. (Perhaps this answers the question I said I didn’t understand in my first reply?) Example:

    <div style="position:relative;text-align:center;width:236px;">SECTION CONTENT HERE</div>

    You understand that width is a property and 236px is a value. Each property must be followed by a colon and each value by a semicolon.

    Posted by Panos | December 15, 2011, 11:21
  13. Thank you very much for clearing up many things & introduction to Xhtml. That was what I meant by the inline CSS. I had not been looking at the pages at all, so did not realise it was xhtml. Now I know what I need to learn. I will use the more tag for the long posts! All the best- S

    Posted by seabedhabitats | December 21, 2011, 23:44
  14. You’re welcome and happy holidays!

    Posted by Panos | December 22, 2011, 04:19


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: