Widgets for wp.com blogs: 12 – some non animated messages

14 thoughts on “Widgets for wp.com 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:

   http://www.pageplugins.com/generators/lava_lamp/

   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:

   http://textsnip.com/cc0bd9

   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="http://www.pageplugins.com/generators/lava_lamp/lavau.swf" 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 http://lucian-alex.dap.ro

   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:
   https://wpbtips.wordpress.com/comment-guidelines/

   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 wordpress.com blog and am finding the titles disappear from the widget (found at the bottom of the page)

   http://textsnip.com/ccb47f

   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:
   http://textsnip.com/4957e8

   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:
    http://codex.wordpress.org/HTML_to_XHTML

    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 wordpress.org 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