you're reading:
Gigya, Html & inline css codes, Issuu, Shortcodes

Inserting Issuu docs

http://wpbtips.wordpress.com/
Update June 2013: Issuu changed things again. New instructions:

Go to issuu.com and select the doc you wish to insert. Select View Source in your browser to view the sourcecode of the page, and search for this:

documentId

Copy the id number you’ll see next to it (two long numbers joined by a hyphen).

Copy the following shortcode model:

[gigya src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" allowfullscreen="true" flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&backgroundColor=HEX&showFlipBtn=true&documentId=NUMBER-HERE" width="400" height="300" ]

Replace NUMBER-HERE with the id number you copied.

Replace HEX with the hex number for the background color you prefer. For colors and corresponding hex numbers see here: http://www.december.com/html/spec/color.html

Paste the end result into the “Text” (=code) post or page editor.

The width and height numbers are just a suggestion: you can change them.


[Original version of the post:]

Issuu buttonsThe code Issuu provides isn’t directly allowed in wp.com blogs, for security reasons. But Issuu docs are flash, so they can be inserted via the gigya shortcode (see here for details). The shortcode can be pasted into the HTML post or page editor, or in a text widget for your sidebar.

Click the “Get Embed Code” button on the Issuu page, [Update: then click for "the old embed page"], change options if you wish or if necessary (check my posts on maximum main column width and sidebar width). Copy the Embed code and paste it into a simple text edit file. The code will look like this:

<div><object style="width:420px;height:291px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110112222457-cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mosabua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the%20day&amp;et=1295343126562&amp;er=88" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:291px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=330018&amp;showFlipBtn=true&amp;documentId=110112222457-cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mosabua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the%20day&amp;et=1295344207318&amp;er=26" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/mosabua/docs/p365?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> – Free <a href="http://issuu.com" target="_blank">publishing</a> – <a href="http://issuu.com/search?q=365" target="_blank">More 365</a></div></div>

Copy the sections I have highlighted in bright red and turn them into a working shortcode this way (dimensions can be changed):

[gigya RED SECTIONS HERE width="420" height="291" ]

Result:

http://wpbtips.wordpress.com/

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

Discussion

105 thoughts on “Inserting Issuu docs

  1. Great post, as usual. And I have my “Issuu” post waiting in draft for finalizing and uploading. You beat me to it! :D

    Posted by Netty Gritty | January 18, 2011, 21:18
  2. What are the couple of unnecessary things?

    Posted by Netty Gritty | January 18, 2011, 21:19
  3. If you too are doing a post on this, it will double our chances of talking some sense to some WP staff members that continue to claim you can’t embed Issuu docs (and other flash) in wp.com blogs…

    Couple of unnecessary things is this:
    type=”application/x-shockwave-flash”
    menu=”false”

    Posted by Panos | January 18, 2011, 23:19
  4. gr8 ! dying to embed issuu docs on my blog. BTW, we only have to paste the code highlighted in bright red ? yet to check the code on myblog, will do that and let u know.

    Posted by Anonymous | January 19, 2011, 05:51
  5. gr8 ! dying to embed issuu docs on my blog. BTW, we only have to paste the code highlighted in bright red ? yet to check the code on myblog, will do that and let u know.

    yessssssssssssssss ! it’s working

    Posted by श्रेया | January 19, 2011, 06:13
  6. is there any option to embed google docs/ google presentations the same way ?

    Posted by श्रेया | January 19, 2011, 08:43
  7. Yes! I will post it too!
    Power to the people!

    Posted by Netty Gritty | January 19, 2011, 11:13
  8. @श्रेया: I don’t know about google docs/ google presentations. Give me a link to such a doc so I can find out!

    Posted by Panos | January 19, 2011, 14:44
  9. Wow, that really looks cool Panos. I can’t wait to try it out!

    Posted by IzaakMak | January 19, 2011, 19:05
  10. Hi Panos
    very interesting!
    (You never stop learning)
    Franco

    Posted by portaleazzurro | January 19, 2011, 20:43
  11. this is a google presentation file, wants to embed on my blog https://docs.google.com/present/view?id=dhbwzk87_1514gr7crpdh

    Posted by श्रेया | January 20, 2011, 08:41
  12. @IM: Don’t overdo it!

    @Franco: Well, actually I didn’t learn anything new in this case – just yet another application of the gigya trick.

    @श्रेया: Thanks. Unfortunately the code given by Google is iframe: can’t be used.

    Posted by Panos | January 21, 2011, 22:57
  13. Hi Panos. Every now and then I find that a YouTube video I posted has been disabled, usually causing me to search for a replacement. Recently I tried using the gigya shortcode on a couple of them instead – and it worked!. Any thoughts?

    Posted by IzaakMak | January 21, 2011, 23:06
  14. Hi again – example please!

    Posted by Panos | January 21, 2011, 23:24
  15. The one I can remember is in my Rocket Man! post. The video is at http://www.youtube.com/watch?v=1GAKOLOnfV4&feature=player_embedded. Since I’ve already changed it, I don’t know if the normal shortcode would still fail, but here’s the code I’m using now: http://textsnip.com/a0608f.

    Posted by IzaakMak | January 21, 2011, 23:38
  16. @श्रेया: But see here and here for a possible breakthrough I haven’t experimented with yet. I’ll ask Netty Gritty to try your example and work it out for us.

    Posted by Panos | January 22, 2011, 10:58
  17. @Panos & @श्रेया,

    I think Google Docs can be embedded in wordpress.com blog via Tagul, since Google Docs offers iframe codes.

    I will test it and let you know.

    Posted by Netty Gritty | January 22, 2011, 12:08
  18. @IM: Sorry, your comment had been withheld because of the number of links.

    One example isn’t enough for conclusions, but here’s what I could make of it:

    1) Used the URL you gave (or without the part from the questionmark on), with the youtube and the gigya shortcodes: video image showed up in my test blog, but clicking play brought the notice that the video contains content from UMG and is restricted from playback on certain sites.
    2) Used the embed URL (http://www.youtube.com/embed/1GAKOLOnfV4), with the gigya shortcode: got a blank space.
    3) Then I checked the sourcecode of the page and saw that the youtube shortcode produces a different URL: http://www.youtube.com/v/1GAKOLOnfV4. Used that URL with the gigya shortcode and got a playing video. Checked the sourcecode again to see what the difference was, and saw that the code produced by the youtube shortcode included “load_policy=1″ while the code produced by gigya didn’t. So I’m guessing that this snippet is associated with the restriction for that video, and gigya can ignore it if you use the right URL.

    Posted by Panos | January 22, 2011, 17:02
  19. I don’t know that I follow everything you said there but, when the video wouldn’t play, I simply went to Youtube as directed and simply wrapped everything from “src” on with the gigya shortcode. I don’t don’t remember including the “load_policy=1″ in my original html, and I always type it in myself rather than use WP’s generator. Is it possible that WP modified my code after the restriction was imposed?

    Posted by IzaakMak | January 22, 2011, 22:19
  20. Shortcodes are automated formulas that allow you to embed objects without using and manipulating forbidden code (iframes etc.) yourself. You don’t see the code in your HTML editor, but it’s there: you can see it if you select “view source” from your browser’s menu when you view the actual post. The code in essence says “fetch that thing from Youtube and insert it here, observing such-and-such parameters”.

    So, no I didn’t mean you had added that snippet yourself, and no WP didn’t modify your code: the snippet is a standard part of it (but has no effect when there’s no restriction). The video changed when Youtube changed it.

    Posted by Panos | January 23, 2011, 14:32
  21. I’ve got to spend more time looking at the source for pages to learn more of the “under the hood” stuff, but it’s so hard to read with the scrolling left and right. Guess I’m going to have to start copying the info into an editor with word wrap.

    The thing is though, since I’m assuming most people who embed these videos can do it directly (without having to use things like the WP shortcodes), this seems to be an ineffective way to prevent them from posting restricted videos. Put another way, wouldn’t it make more sense for them to simply not provide embed codes at all, as I’ve seen many times before?

    Posted by IzaakMak | January 23, 2011, 15:39
  22. Scrolling left and right? Then you’re probably using Firefox. Try Safari: no overflow in its View Source window.

    That restriction referred to “some sites” only, so it wouldn’t be right not to provide the embed code: this happens when one requests no embedding in general. But you’re right, all these things are imperfect: effective only for the less knowledgeable.

    Posted by Panos | January 23, 2011, 20:54
  23. For which I am quite pleased, thanks to you! :-D

    Posted by IzaakMak | January 23, 2011, 21:04
  24. what is Tagul ? And how to embed google docs with it ?

    Posted by श्रेया | January 25, 2011, 07:46
  25. @श्रेया: It’s one of Netty Gritty’s recent discoveries. I’m not familiar with it yet, so for details you’ll have to ask in her blog!

    Posted by Panos | January 25, 2011, 13:03
  26. Hi there!
    Thanks for posting this information. However, I can’t seem to access the content! The actual issuu frame is loading, but it keeps giving me an error about there being a connection issue or publisher must have changed something.
    I have kept going to the original source to make sure it’s the best version, and I’ve cleared all cookies and cache just to make sure, but to no avail. Any help?
    I’ll paste the code here:
    [Code relic removed - P.]

    Posted by j.cho-kah-too | January 27, 2011, 00:31
  27. The code post didn’t work, so this is the issuu I want to embed.
    http://issuu.com/winkmagazine/docs/wink5-exquisitebody/1?showEmbed=true

    Any help?

    Posted by j.cho-kah-too | January 27, 2011, 00:32
  28. See this reply on code in comments and how to display it:
    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/#comment-7455

    Posted by Panos | January 27, 2011, 11:48
  29. I have tested if Google Docs can be embedded the Tagul way. Looks like it can be done! :D

    How to embed Google Docs in a wordpress.com blog

    Posted by Netty Gritty | January 27, 2011, 14:57
  30. [Code removed - P.]

    I cut it up just as you showcased above, but it just gives me an error that the magazine isn’t there or that there’s a connection problem.

    Posted by j.cho-kah-too | January 28, 2011, 09:41
  31. @NG: Thanks! (And sorry I haven’t been able to experiment with this yet and comment about it!)

    Posted by Panos | January 28, 2011, 13:56
  32. @j.cho-kah-too: Maybe you made some typo or other mistake. Correct shortcode here:
    http://textsnip.com/e9bfad

    PS You understand that if you post such stuff, you’ll have to mark your blog as Mature.

    Posted by Panos | January 28, 2011, 13:58
  33. Oh no I didn’t. I’ll look into it, thanks!

    Posted by j.cho-kah-too | January 30, 2011, 03:38
  34. Mature means “not suitable for general audiences”. You mark a blog mature via your grey admin bar (“Blog info” dropdown) so that it won’t show up in the global tag pages – in other words to ensure that prude mothers won’t start screaming to WP that their daughters accidentally saw that… But you only need to mark your blog mature if you start posting much stuff like that doc.

    Posted by Panos | January 31, 2011, 02:53
  35. hi, i have a flash code from my shop on etsy, that i would like to include in my WP blog, how to do that?
    i can send it to you in private.
    i tried to manage with the code you already published, to copy and paste, but somehow i cannot manage.
    thanks a lot.
    Paola

    Posted by traccehandmade | February 22, 2011, 12:29
  36. You can show it to me via Textsnip – see point 4 here:
    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | February 22, 2011, 20:35
  37. http://textsnip.com/d1e2b9
    here is the link
    thanks a lot

    Posted by traccehandmade | February 23, 2011, 00:09
  38. This is what you must paste:

    [gigya src="http://www.etsy.com/flash/spots/etsy_mini.swf" flashvars="user_id=11058339&user_name=TRACCE&item_source=shop&item_size=thumbnail&rows=5&columns=2" width="186" height="468" ]

    That’s the widget alone. Do you also need the link below it?

    Posted by Panos | February 23, 2011, 00:39
  39. Panos, you’ve just made a *lot* of my knitting friends ecstatic.

    Posted by Jennifer | February 23, 2011, 09:59
  40. thank you so much. Yes the link would be great.

    Posted by Anonymous | February 23, 2011, 11:21
  41. sorry forgot the name, the previous is mine. Thanks

    Posted by traccehandmade | February 23, 2011, 11:23
  42. @Jennifer: My pleasure!
    Should I turn it into a post?

    @ traccehandmade:
    You can add this below the shortcode:

    <br style="clear:both;" />
    <a href="http://www.etsy.com">Etsy</a>
    <br />
    <a href="http://TRACCE.etsy.com">TRACCE</a>

    That’s “Etsy” and “TRACCE” the one below the other, as in the original. But I would probably put them left and right. If you’d like that, try pasting this instead:

    <table style="margin-top:-12px;width:186px;">
<tr>
<td style="text-align:left;padding-left:6px;"><a href="http://www.etsy.com">Etsy</a></td>
<td style="text-align:right;padding-right:10px;"><a href="http://TRACCE.etsy.com">TRACCE</a></td>
</tr>
</table>

    Posted by Panos | February 23, 2011, 16:02
  43. Oh wow! Etsy itself offers Flash widget? I didn’t know that. It’s time to update my tutorial:
    How to add an Etsy widget in a wordpress.com blog!

    Posted by Netty Gritty | February 23, 2011, 17:30
  44. Absolutely Panos! And then I’m going to link the heck out of it. :)

    Posted by Jennifer | February 23, 2011, 19:18
  45. @traccehandmade: Sorry, I had forgotten that the links are centered in the original. If you use the first solution above, center the whole thing this way:

    <div align="center">
    SHORTCODE AND LINK CODE HERE
    </div>

    @NG: Neither did I – we must thank traccehandmade for that!

    @Jen: Ok – queued!

    Posted by Panos | February 24, 2011, 01:44
  46. @traccehandmade,
    You are thanked for letting us know that Etsy offers Flash widgets. :D

    I thought they only have javascript widgets cos that’s what everyone asks help for in the forums.

    Posted by Netty Gritty | February 24, 2011, 13:42
  47. how to embed a pdf file(uploaded on dropbox – having direct link) on wordpress.com

    Posted by श्रेया | February 26, 2011, 09:40
  48. WP doesn’t process PDFs, so you can’t embed them via their URL only. You have to turn them into Issuu or Scribd docs. Unless of course Dropbox provides embed codes as well (I don’t know that, as I’ve never tried Dropbox).

    Posted by Panos | February 26, 2011, 20:05
  49. Hi Panos,
    I was able to enter ISSUU sidebar (bottom right) and the Foto di Putignano.
    I noticed that while the size of 180×180 set security imprints against counterfeiting, remains a blank space at the bottom. This does not happen in your post above: may depend on what?
    (the code is exactly the one shown above).
    I thank and salute you.
    Franco

    Posted by putignanonelmirino | February 28, 2011, 21:03
  50. Ah yes, apparently the way the dimensions are declared in this embed code doesn’t work well with all themes and browsers. Check updated instructions in the post (and thanks for helping me improve it)!

    Posted by Panos | February 28, 2011, 22:11
  51. Panos
    I uploaded ISSUU it also on my WordPress blog (Portaleazzurro).
    The theme is Ocean Mist.
    The same thing happens.
    And you have uploaded in a text widget on your blog? What happens?

    Franco

    Posted by putignanonelmirino | March 1, 2011, 14:40
  52. I thought I explained it – and I changed my post accordingly. Doesn’t always work when you write the dimensions like this:

    style="width:420px;height:291px"

    You have to write them like this:

    width="420" height="291"

    Posted by Panos | March 1, 2011, 22:17
  53. I did not understand your previous reply. Excuse me.
    Now it works fine !
    (I left the line with these commands, -type=application/x-shockwave-flash allowfullscreen=true menu=false-
    otherwise it is now in full screen.
    Thank you so much and I salute you.
    Franco

    Posted by putignanonelmirino | March 2, 2011, 22:39
  54. You’re welcome, and you did very well to leave those commands: I updated the post in a hurry before my first reply and misplaced the closing tag for the red color. Corrected it now, so thanks again!

    Posted by Panos | March 3, 2011, 05:54
  55. I keep trying this–inputting the code into the HTML portion of ‘Create a Page’ on WordPress and everything looks great when I go to the Visual part. However, when I click “publish,” WordPress changes everything and all that shows up is a link to the issuu project. Any ideas?
    http://textsnip.com/dd3b62

    Posted by shadysidereview | March 27, 2011, 08:09
  56. If you’re seeing ‘Create a Page’ then I guess you need to check point 1 here:
    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | March 28, 2011, 02:03
  57. Hi, I’m still lost sorry. How can I simply add a ISSUU embed code taht is generated for wordpress on a simple TEXT Widget ?

    Posted by Fawaz | April 20, 2011, 17:20
  58. @Fawaz: The site linked to your username isn’t a wordpress.COM blog.

    Posted by Panos | April 20, 2011, 18:03
  59. It works!
    Thanks a lot

    Posted by Biblioteca Campus Bellvitge | May 5, 2011, 14:55
  60. @BCB: You’re welcome!

    Posted by Panos | May 9, 2011, 21:44
  61. Recently wordpress.com started allowing embedding google docs in .com blogs. http://en.blog.wordpress.com/2011/05/09/now-share-google-docs-and-google-calendars/

    here is an example on my blog….
    http://tinyurl.com/3m9k55m

    1) but how to change the width and height of the embedded doc ?
    2) since google docs using iframe format..r there any chances to ebmed widgets other than google docs in wordpress.com blog ?

    Posted by श्रेया | May 26, 2011, 10:17
  62. 1) You either copypaste the iframe code into a simple text file, change the width and height numbers, then paste the changed code into the HTML post editor, or you paste the iframe code into the post editor, Update, change width and height in the resultant shortcode, Update again.

    2) No. Using iframes isn’t a novelty: you don’t see them but WP uses them all the time (for Youtube videos and all like objects). When you embed an iframe object they have allowed, WP changes the iframe code into a shortcode in your editor. Now they just extended this to include Google docs and Google calendars. But you can’t use the googleapps shortcode for anything other than googleapps.

    Posted by Panos | May 26, 2011, 14:41
  63. Hi Panos. The thing about iframes has reminded me of another apparent “exception” that I ran across a while back. Correct me if I’m wrong, but isn’t javascript supposed to be disallowed? If it is, I’m wondering why the map widget from whos.amung.us – build a custom map, which seems to only offer javascript code, is working at whos.amung.us « Kymlee: Life Story?

    Posted by IzaakMak | May 26, 2011, 17:46
  64. Hi,
    It’s no exception. a) We are not allowed to use javascript but WP does. b) In addition to the javascript code, whos.amung.us provide a post-to-WP button.

    Posted by Panos | May 26, 2011, 21:29
  65. Thanks Panos. I hadn’t noticed that and I’m not sure I’d ever give up my password that way!

    Posted by IzaakMak | May 26, 2011, 21:33
  66. Well, its supposed to be an automated procedure (via gigya), involving only what WP calls “trusted partners”.

    Posted by Panos | May 26, 2011, 21:46
  67. @panos, I tried already before posting it here…but nothing changes in my post…isn’t it related to the width of post of that particular theme ?

    Posted by श्रेया | May 27, 2011, 06:07
  68. @श्रेया: Please show me the code you’re trying to use – via one of the ways suggested in point 4 here:
    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | May 27, 2011, 11:59
  69. i guess your blog is the most bookmarked blog in my history, :) umm, do you have facebook or twitter? you should start building your fanpage :D

    Posted by yuan ade sukma, MD | June 4, 2011, 07:31
  70. well i almost forgot about my question, do we can add facebook like button in wp.com post or sidebar? if can can you show me how?

    and…one more thing…how to add links in our “gigya-ed” flash, in my blog http://www.yuanadesukma.wordpress.com ,i can show the clock, but i can’t put links in my clock toward clockwidget.net. Its not a big deal but i feel sorry if i hotlinked an image from websites and not giving link back to them.

    sorry if these question already answered, i try to search in your blog but can’t find the answer

    best regards and thank you

    Posted by yuan ade sukma, MD | June 4, 2011, 07:41
  71. Thank you too!

    No, I’m not on Facebook or Twitter – maintaining this blog is already more than I can handle!

    If you mean the elaborate widget that Facebook provides, no, its code can’t be used in wp.com. These are what you can use:
    http://en.support.wordpress.com/sharing/

    And you can’t make changes to a ready-made flash object if they aren’t included in the options it provides. Simple thing to do is add a plain link below it. If you want the clock itself to be clickable, I can probably think of a workaround. Help me do this by giving me the URL of the page you want to link to, plus the exact shortcode you’ve used – see here how:
    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | June 4, 2011, 17:37
  72. By the way, we’re commenting on the wrong post! For the sake of others that might be interested in the same question, try to avoid that.

    Posted by Panos | June 4, 2011, 17:40
  73. HI Panos, in my about page, link below, i have used your code to make two columns which is no problem.
    But i am trying to make the page background coloured and i cannot get the code to work, i have tried several ways and i think the column code is stoppping it.

    Second issue, i have the people site url’s put into a ” name ” link, when i try to put a colour code into the link code to colour the name it changes the code and kills the link.

    I do hope you understand what i’m talking about.

    http://dribblingpensioner.wordpress.com/blogs-i-like-2/

    Posted by dribblingpensioner | September 9, 2011, 01:04
  74. Hi,

    To color each link, you need to change this:
    <a title="ETC ETC" href=ETC ETC ETC
    to this:
    <a title="ETC ETC" style="color:#f00;" href=ETC ETC ETC

    To create a bg color to the whole content, you need to cancel the wrap-around effect of the float divs. So what you’ve already written needs to be enclosed this way:

    <div style="background-color:#eee;padding:12px;">
    COMPLETE CONTENT HERE
    <br style="clear:both;" />
    </div>

    (Of course f00 and eee are just example colors.)

    PS My remark just above your comment applies to you too!

    Posted by Panos | September 9, 2011, 02:18
  75. Thank you panos, i’ll have a go and let you know how i got on, Harry

    Posted by dribblingpensioner | September 9, 2011, 16:54
  76. I did this,and it coloured the link name but the link name is not live.

    a title=”blog name”style=color:#00fff;”target=”blank”>blog name

    It must be because the url was not included. I tried the code before the url also no good.

    I tried the other and messed up, did i have to keep in the 2 column code and then put the rest below it, because i removed it first.

    sorry about this ,Harry

    Posted by dribblingpensioner | September 10, 2011, 01:27
  77. 1) No URL? then no link no nothing! My first suggestion above simply meant insert this (without changing anything else):

    style=”color:#f00;”

    Here’s a complete example:

    <a title="0 to 60 reviews" style="color:#f00;" href="http://0to60reviews.wordpress.com/" target="_blank">0 to 60 reviews</a>
    <span style="background-color:#0ff;">England</span>

    2) Yes of course you need to keep the 2-column coding – how else are you going to get two columns? Sorry I wasn’t clear: by “COMPLETE CONTENT HERE” in my previous suggestion I meant literally everything you already had in your HTML editor (including the 2-column coding). New model, for the sake of clarity:

    <div style="background-color:#eee;padding:12px;">
    <div style="float:left;width:46%;">
    LEFT LIST OF LINKS HERE
    </div>
    <div style="float:right;width:46%;">
    RIGHT LIST OF LINKS HERE
    </div>
    <br style="clear:both;" />
    </div>

    Posted by Panos | September 10, 2011, 05:40
  78. By the way, the title attribute you’ve used is pointless, since the titles are identical to the actual names of the links. The title attribute (optional) in a link is used for extra information, for instance when the name of the link isn’t the title of the page in question – example here (scroll down to explanation of “title”):
    http://wpbtips.wordpress.com/2010/05/23/html-allowed-in-comments-2/

    Posted by Panos | September 10, 2011, 05:52
  79. Opposite example (hover over this link):
    House pets?

    Posted by Panos | September 10, 2011, 06:06
  80. Please help! all I get when do this on my blog is black image :(

    Posted by Anonymous | November 2, 2011, 05:36
  81. i’m just new in wordpress and found this post VERY helpful.. i just wanna say THANK YOU! :)

    Posted by | . i . am . rye . | | November 2, 2011, 10:07
  82. @RYE: You’re welcome!.

    @ Anonymous: How can I help without a link to the blog/post in question?

    Posted by Panos | November 2, 2011, 12:11
  83. I figured it out, I was being stupid and not putting in the right width and height information for it. (I’m all new to this stuff… :p) Thank you so much for the information! Greatly helpful.

    Posted by Anonymous | November 2, 2011, 13:06
  84. hi friend i got this problem when i try to do as you said.

    Posted by kitty0nline | November 17, 2011, 02:27
  85. Hi,
    But the screenshot isn’t enough for me to tell what’s wrong. Either link to the page with the document you want to embed, or show me the code you’ve tried to use, using Textsnip – see point 4 here:
    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | November 17, 2011, 02:48
  86. Muchas gracias por el aporte, lo habia intentado por otras vias, pero con esta funcionó perfecto…

    Posted by 190210geny | December 4, 2011, 19:34
  87. You’re welcome. As far as I can tell there’s no other way to do this in a wp.com blog.
    (Sorry, I understand Spanish but I’m not able to write replies in Spanish!)

    Posted by Panos | December 5, 2011, 11:36
  88. Gracias sos un genio. Thank you’re a genius

    Posted by jpbrandi | December 15, 2011, 15:40
  89. Ah, you comment bilingually! You’re welcome!

    Posted by Panos | December 16, 2011, 20:33
  90. Hi. Followed every step indicated in the post but I cant make it work. Any idea what i may be doing wrong. Get a window informing that the document can’t load. That may have been chaged by the publisher or there is a connection error. Furthermore part of the code shows in the post.
    This is the blog post: http://3els.wordpress.com/2010/03/
    And this is the embeded code that I’m trying to publish (without the changes indicated in this post):

    [Code relic removed - P.]

    Posted by 3els | March 8, 2012, 02:20
  91. Study my post more carefully please. First, the post says copy the red parts, turn them into a shortcode as shown, and use that shortcode; it doesn’t say replace the red parts of the original code with the shortcode and use the entire code. Second, the post says paste the shortcode in the HTML editor, not the Visual.
    As for your attempt to show me the code, see the red notice at the bottom of the page.

    Posted by Panos | March 8, 2012, 11:03
  92. Firs of all, sorry about the code. My bad, miss that part. Will never happen again.
    As for my doubt, did everything as said in the post, but still nor working. Now i get some links. The first one gives the same error mentioned above. The one that says “open publication” works, but opens the document in a new window. it doesn’t embed the document in the blog post.
    See here: http://3els.wordpress.com/2010/03/

    Thanks in advance for trying to help, and once again sorry for posting the code.

    Posted by 3els | March 8, 2012, 14:08
  93. Well, you didn’t do everything as said in the post! You can show me the code via Textsnip (see my comment guidelines) or you can give me the URL of the Issuu doc you want to insert.

    Posted by Panos | March 8, 2012, 14:19
  94. Hope I can post URL here.
    Here goes.
    Textsnip: http://textsnip.com/37a806
    Issue: http://issuu.com/3els/docs/beatrizf.#embed
    Using Issuu, I choose “old embed page” (the new one give-me some errors on another blog hosted on a server using wordpress.org). Chose the platform I want, in this case is wordpress, then customize the appearance, and copy the embed code.
    Paste it in wordpress article using HTML and do the changes mentioned in the post.

    Posted by 3els | March 8, 2012, 17:02
  95. Here’s what you must paste into the HTML editor:
    http://textsnip.com/d5f711

    Posted by Panos | March 9, 2012, 07:53
  96. Thanks Panos. Could you show me what I did wrong, so I can use it on other posts?
    Would be very grateful.

    Posted by 3els | March 9, 2012, 13:47
  97. You’re welcome.

    I don’t know what you did wrong the second time. You can find out yourself by comparing the code I gave you with what you were trying to use.

    What you should really worry about is something else (something you most likely don’t realize, since your browser has probably memorized your page). I have a fast connection yet your front page took more than a minute to load, because you’re displaying an impossibly large number of images on your front page. For visitors with a slow connection, the browser will time out before loading all the images, and then your visitors will see nice empty spaces instead of your images.
    You must limit the number of posts per page to only a few in Settings > Reading, and use the read-more tag to truncate the posts:
    http://en.support.wordpress.com/splitting-content/more-tag/
    Or you can insert the photos as galleries instead of individually inserted images:
    http://en.support.wordpress.com/images/gallery/
    http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/

    Posted by Panos | March 9, 2012, 19:23
  98. Thanks Panos. Thats exactly what I did, and figured out were the problem was. Working fine now. Thanks again. As for your advice thats what I’m going to do since I had already noticed that.

    Once again, thanks for all you help. Your blog is now on my bookmarks. awesome things over here.

    Posted by 3els | March 9, 2012, 20:11

Trackbacks/Pingbacks

  1. Pingback: Issuu en WordPress.com | Ayuda WordPress - April 14, 2011

  2. Pingback: Free MP3 Download – “Christmas All Over The World” by Tim McGraw « Randomize ME - December 10, 2011

  3. Pingback: Capstone FINAL DRAFT!!! | My Research Blog - March 16, 2013

  4. Pingback: Education 3.0: eBook of Blog Posts | User Generated Education - June 17, 2013

  5. Pingback: New way to upload Issuu to WordPress | BARTLETT. UNIT22 - October 16, 2013

  6. Pingback: Gemeindebrief online publizieren und in ein WordPress-Blog einbinden – mit Issuu | #Netzkirche - March 2, 2014

Author

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.

Stats

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