Testing HTML <pre> tag

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;"></div>

Now add in some inline CSS for some background color:

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;"></div>

Test Youtube embed auto repeat

Test embedding audio player

Testing embedding content from yourlisten.com playing The Selangor SUK Confusion by Raja Petra Kamaruddin

Test inserting photos with Windows Live Writer

Let us see what happens when I try to insert a photo below with Windows Live Writer:

I end up with this code to display the picture with is a QR code for my main blog Blogger Tips and Tricks (if you have an iPhone, iPad or Android phone or mobile device try taking a photo of the above QR code and see if it takes you to my main blog):

<p><a href="$qr delivr dot com[2].png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="qr delivr dot com" border="0" alt="qr delivr dot com" src="$qr delivr dot com_thumb.png" width="234" height="234" /></a></p> Now let's see what happens when I publish this post via Windows Live Writer

Update: Now I am editing this post direct in Blogger post editor. I see the above code for the picture replaced by these codes:

<p><a href="http://lh4.ggpht.com/_1354hN3vRng/TSUL1Sado0I/AAAAAAAAATo/2sW-D6wKZh8/s1600-h/qr%20delivr%20dot%20com%5B2%5D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="qr delivr dot com" border="0" alt="qr delivr dot com" src="http://lh4.ggpht.com/_1354hN3vRng/TSUL2OBuwgI/AAAAAAAAATs/KWveg39zjns/qr%20delivr%20dot%20com_thumb.png?imgmax=800" width="234" height="234" /></a></p>

Note that the photo is no longer hosted by Blogger, but I can't tell what service is hosting the photo. Perhaps Microsoft?

Now this will be the ideal solution for those bloggers who are reaching their 1Gigabytes limit for uploading photos to Blogger. Upload your pictures through Windows Live Writer instead.

Now regarding the reliability of the webhost for the above photo ggpht.com (we need to know that the photo will be online for a long long time). Unfortunately Whois.net only revealed that the registra is Markmonitor Inc., not the owner of the domain:

Domain Name: GGPHT.COM
Registrar: MARKMONITOR INC.
Whois Server: whois.markmonitor.com
Referral URL: http://www.markmonitor.com
Name Server: NS1.GOOGLE.COM
Name Server: NS2.GOOGLE.COM
Name Server: NS3.GOOGLE.COM
Name Server: NS4.GOOGLE.COM
Status: clientDeleteProhibited
Status: clientTransferProhibited
Status: clientUpdateProhibited
Status: serverDeleteProhibited
Status: serverTransferProhibited
Status: serverUpdateProhibited
Updated Date: 15-dec-2010
Creation Date: 16-jan-2008
Expiration Date: 16-jan-2012

However, what is interesting is, Blogger.com has the same registra markmonitor.com

Domain Name: BLOGGER.COM
Registrar: MARKMONITOR INC.
Whois Server: whois.markmonitor.com
Referral URL: http://www.markmonitor.com
Name Server: NS1.GOOGLE.COM
Name Server: NS2.GOOGLE.COM
Name Server: NS3.GOOGLE.COM
Name Server: NS4.GOOGLE.COM
Status: clientDeleteProhibited
Status: clientTransferProhibited
Status: clientUpdateProhibited
Status: serverDeleteProhibited
Status: serverTransferProhibited
Status: serverUpdateProhibited
Updated Date: 15-sep-2010
Creation Date: 22-jun-1999
Expiration Date: 22-jun-2011

Test removing post footer timestamp

A blogger removed the time stamp and now wants it back. Here is my effort to identify which part of the template may be responsible for displaying the time stamp. Here I describe how I went about to try to locate those codes for the time stamp
1. Dashboard > Design > Edit HTML > Expand Widget Template
2. Ctrl+F and searched for post-footer
3. Found these codes:

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

4. Without deleting anything, click PREVIEW and noted that time stamp at post footer (highlighted with red rectangle below)



5. Now the codes identified above was deleted and the PREVIEW button clicked again and the following was the result



Note that where there used to be a timestamp, now the position of the missing timestamp is highlighted by the red arrow.

Thus this test has identified that the codes above is responsible for displaying the timestamp which can be removed by deleting those codes. However since I have no intention to delete the timestamp, I clicked CLEAR EDIT and everything is back to as original.

But for the blogger who wants back her timestamp, I suppose she can experiment inserting those codes above into the relevant post-footer section of the template and preview to see if the timestamp is displayed for her blog.

Blogger vs Wordpress Comparison

Template editing	Yes	CSS editing is a paid upgrade. Very limited
Visitor stats	Built-in. Can also add script for third party visitor counter such as Google Analytics and Statcounter	Built in stats shows only 2 days of stats plus daily, weekly and monthly charts
Export blog	Yes	Yes
Import blog	Can only import blogspot (Blogger.com) blog	Import from many blogging services
Image storage	1 Gigabyte. Paid upgrade for higher storage	3 Gigabyte. Paid upgrade for higher storage
Uploads	Only for image and video	Can upload .ppt .doc .odt .pdf (paid upgrade for other file formats upload)
Static pages	Maximum 10	No limit
Expandable post summary	Yes,	Yes
Reply to individual comment	No	Yes
Blog team members	Administrator and non-administrator only	Administrator, Editor, Author, Contributor