How to embed PDF in blogger?

This should works for PDF and any document that uploaded or created in Google docs.
I posted this so that I can find this blogging tips easily next time when I want to embed another PDF or Google docs in my blog.

1. Make sure you are using "Edit HTML" mode when adding the code below (Otherwise, it will try to load the document in "Compose" mode as soon as you paste the code).
<iframe frameborder="0" height="75%" width="50%"
src="http://docs.google.com/gview?
a=v&amp;pid=explorer&amp;chrome=false&amp;api=true&amp;embedded=true&amp;srcid=
0B6E4pzOCFjPAMjA1MTFiNzQtOTZiYi00NTM4LWEzZDItMzcxOGI1NTRlNTIz"
width="100%"></iframe>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

2. Open the PDF or google documents at docs.google.com, copy the documents ID from the URL and replace with the ID in the code above (bold and purple font). It should be a bunch of numbers and letters starting at srcid= and ending with =en. Or between srcid= and double quote.

3. Adjust the height and width of the PDF or document you want to display in your blog. It can be in percentage or pixel. The example showed here is in percentage.
height="75%" width="50%"

4. Hit "PREVIEW" button to preview it to make sure it is in the size that you want. If not, go back to step 3 to edit the height and width.

I used this method to embed a PDF which is a ebook of this blog in previous post:
Publish your blog into PDF and Kindle and ePub


Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)
source of this tips: http://www.google.ca/support/forum/p/Google+Docs/thread?tid=2e81a3ec8fc33480&hl=en

Blogger has new look

I hope I am not too outdated to write this. :P
Blogger has new look now. Using the same old interface for a few years already, suddenly need to change. But luckily it all just make it look nicer, so that it don't looks like dinosaur age blogging platform. But did Google improve the performance?

Anyway, why with the cosmetic change? I think it is because other blogging platform are catching up with blogger. So Google has to do something about it.

I am writing a new post regarding printing large image to multiple pages, still work in progress. Note the "Publish", "Save", "Preview" are on top right, not below the writing box anymore. Also a "close" button(?), wonder what it does, close without save?


Other settings for each post moved to right side of the writing box.


You can see how many comments and pageview for each post. Others settings like Layout, Settings, etc are at left side of the page.


I start to like this new interface, will continue use this for another few days. However if you don't like it, you still able to to switch back to the old interface, at right top of above picture.

Again, I hope Google improve the performance and stability of blogger as well. There was some outage over the years. Another thing we can do is to speed up the loading time, like what I did in this post.


Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)
source: I wrote this!

Blogger Stats

Couple of months ago, I still using some counter websites to track who/where/how my audience that come to this Outdated Penang Uncle blog. So I have to sign up for the service (yes, a lot of them are free), add the widget and after a while login to find out the statistic. For past few months, blogger added the page view tracking for all the blogspot, so even though I still have the counter at my blog, usually I just look at the "Stats" to find out my audience.

You might also like widget

You might have noticed that recently I have added a new widget on this blog. It is called "You might also like" widget.

How to post blog post in later date and time in Blogger

1. Sign into your blogger account, usually it will take you to dashboard.
2. Click "New post" and start writing your blog post as usual.
3. Remember to click "Save Now" from time to time to avoid your post lose in nowhere because internet connection or pc/laptop/mac/phone problem.
4. Before press "Publish Post" button, click on "Post Options" on the bottom left of the box where you compose the post.
5. Change the date and time on the boxes below "Post date and time" to the date/time that you want this post to be publish. (You can also choose to allow reader comments or not).
6. After you finish set the date and time, click "Publish Post".
7. Then it will go to the list of blog post, the post that you write just now will have "scheduled" word next to it indicating it haven't being publish yet.

Enjoy!


Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)

read more testing

before read more....

How To Put Picture Side by Side in Blogspot or Blogger?

Hi blogger out there, sometime we have pictures or photos to insert into our blog posting, however you should noticed that the pictures or photos cannot be placed side by side, and I did try to changed the setting during uploading the pictures to blogger, but it didn't help at all! After some googling, I found out that the option to place pictures side by side is not available in control panel for unknown reason. The easy part is to do HTML coding. 'HUH? how am I going to do that?!' you might have this thought, don't worry, this is very easy. For those already have experience with HTML, this is piece of cake! You can either use free image hosting site or upload the picture first to blogger and then make the HTML code changes, your choice.

Okay, lets go do it!

Method one - host your image from image hosting site