Revisiting PicApp images and embed codes

Upon the request of some friends, I am revisiting my earlier post, “Experimenting with PicApp images in my blog“.

For this post, we are running two tests, namely: embedding the PicApp code using the “image code”, and embedding the PicApp code using the WordPress.com shortcode.

I selected the following options to generate the codes: image size 380×255, left-aligned, text-wrap. I also copied and pasted the image info as my text to test text-wrapping.

Here is the result using the image code:

TAR-TASS 71: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. A scene from the ballet “Russian seasons” performed a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’. (Photo ITAR-TASS/ Yuri Belinsky).







Here is the result using the short code:

[picapp src=”a/f/1/7/Diaghilev__Post_d5c4.JPG?adImageId=6233328&imageId=6862271″ width=”380″ height=”252″ /]TAR-TASS 71: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. A scene from the ballet “Russian seasons” performed a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’. (Photo ITAR-TASS/ Yuri Belinsky).

Can we repeat this test, please?

Unsure if the result of the first test is reliable, we ran another test.

We selected another image, selecting the ‘Diaghilev – Post Scriptum’ International Arts Festival brings to close and selecting these options: left-aligned, text wrap, 234×188 to generate the codes.

Here are the results:

(a) Using the image code:

ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom







(b) Using the shortcode:

[picapp src=”f/5/d/f/Diaghilev__Post_da94.JPG?adImageId=6234719&imageId=6862281″ width=”234″ height=”188″ /]ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom

Observations:

  • The image code is a better alternative than the shortcode in displaying a text wrapped around the image.
  • The image code is truncated, with the javascript line in the image code being scrubbed once the post is saved. I can understand this as being a WP security precaution.
  • There is no interface between WP and PicApp. It would be a welcome feature if the PicApp images for selection are right inside the Dashboard so you don’t have to switch from WP to PicApp windows.

Let me know what you think of these experiments. Which embed code will you use?

Updated 22 October:

I double-checked the Image Code which displays a more controlled text-wrap. My suspicion is that the stylesheet it uses was not built into, or not properly built into, the code which says “for WordPress.com” which I call the “WP shortcode” or simply “shortcode.”

Adding the same stylesheet to the shortcode (item b, above), here is the result:

[picapp src=”f/5/d/f/Diaghilev__Post_da94.JPG?adImageId=6234719&imageId=6862281″ width=”234″ height=”188″ /]

ITAR-TASS 77: ST PETERSBURG, RUSSIA. OCTOBER 20, 2009. Principal dancers Igor Zelinsky and Diana Vishneva perform in the ballet “Sheherezada” as a part of a gala concert of ‘Diaghilev – Post Scriptum’ International Arts Festival marking the 100th anniversary of Diaghilev’s ‘Ballets Russes’ at the Alexandrinsky Theatre. (Photo ITAR-TASS/ Yuri Belinsky) Photo via Newscom





What do you know? So, it was the shortcode not being properly coded to include the text-wrapping. We hope that this post reaches our PicApp friends.


Advertisements

Experimenting with PicApp images in my blog

[picapp src=”0/2/3/e/UCLA_Bruins_vs_356f.jpg?adImageId=5147881&imageId=6774884″ width=”500″ height=”333″ /]

Embedding a PicApp image in a WordPress post is very easy. There are two embedding codes supplied. One is for self-hosted WordPress blogs. Another is for WordPress.com-hosted blogs like this one. To copy the code, highlight the whole code applicable to your site, and then paste it on where you want it to show in your post.

The image above is an example of a PicApp image embedded on this post using the codes supplied by PicApp for WordPress.com hosted blogs.

What if you do not want the thumbnails strip?

If you are not a great fan of thumbnails being displayed on the related-images strip, you can make them “disappear” by resizing the image. I did not even experiment with this one. The information was already supplied in WordPress.com’s support forum. Well, not exactly the way I wrote it here. But it was pretty obvious from the WordPress.com’s support page that that was how it could be done.

Below is a sample image grab where the related-images strip is removed and replaced by a PicApp-linked “Gallery” icon when the image is reduced. I reduced the image size by 50% of its original size.

[picapp src=”0/2/3/e/UCLA_Bruins_vs_356f.jpg?adImageId=5147881&imageId=6774884″ width=”250″ height=”167″ alt=”test image” border=”0″/]

How do you wrap the text around the resized and smaller image?

[picapp src=”0/2/3/e/UCLA_Bruins_vs_356f.jpg?adImageId=5147881&imageId=6774884″ width=”250″ height=”167″ alt=”test image” border=”0″ /]

I admit I am no expert in CSS. But what I normally use – a simple stylesheet – to align an image left or right works.

On this example, I used a stylesheet with the image being floated to the left and with a margin to the right of the image of 10px to make way for a nice whitespace between the image and text left margin.

I am pretty sure there are other ways of wrapping the text around the image or aligning the image left or right of your post.

Will I be using PicApp images in my blog? When pressed for time or I don’t have the right photographs in my library, why not? After all, the images are free, are they not?

Well, not exactly free like in free to do what you want with them. What is “free” is free access. We still have to “pay” for them, I suppose, by way of the traffic redirected to PicApp’s where advertisements are displayed or the viral marketing effect we create for PicApp by making the embedding code of the images available in our blogs for others to use.

To me, that is a very small price to pay, especially in these days of sharing and bookmarking.