Wednesday, January 05, 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)

Blogger post footer with timestamp highlighted

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

Blogger post footer minus timestamp highlighted

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.

Tuesday, January 04, 2011

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

Friday, December 31, 2010

Test scroll box

Change Text Size<br/>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">+</span></a>

Tuesday, November 30, 2010

Test testarea tag

Tuesday, November 23, 2010

Blogger Tips and Tricks Youtube video channel

Am going to experiment with Youtube video channel, creating one for my main blog, Blogger Tips and Tricks and starting with a simple screen capture of what happens to a blog with a fixed width template when the screen resolution (width) changes. The video below shows a horizontal scroll bar when the screen width is below 1024px but the horizontal scroll bar disappear when the screen width is wider than 1024px. This video helps explain my post on optimizing template for majority visitors at Blogger Tips and Tricks is now 4 column and the earlier Blogger for Dummies is now 3 column:

Thursday, November 04, 2010

Animated image in post title

Test animated image in post title. The little animated image in the title above is a downsized version of this animated image below:

Tuesday, November 02, 2010

Testing image for blogger




Hey Attiya, look at the pictures below, especially the 2 side by side. Do you see any difference? I think all you need to do is to crop the image smaller especially the space below the image so the bottom of the image will be roughly inline with the bottom of the text.

All I needed was a sweater and pants I don't mind being wrong in cases like that