New Blogger: How to make the permalink more prominent

In the new Blogger beta blog, the link to the individual post page (permalink) is still represented by a simple timestamp at the bottom of the page. Clicking on the timestamp will take you to the individual post page. If you want the URL of the individual post page (permalink), you right-click on the time stamp and select "Copy link location" (This is for FireFox. Wording will be similar but different for different browsers). I am suprised that Blogger still use the same method of displaying the permalink, as most people unfamiliar with the Blogger setup will not realise the timestamp is a permalink. To make this more prominent, you can add a text PERMALINK next to the timestamp. To do this, you can add a text PERMALINK or any othe text you wish next to the timestamp (or even replacing the timestamp if you wish. To do this, you will have to click on the TEMPLATE tab to access the template, tick the "expand widget template" and then look for this block of 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' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

then insert the text PERMALINK (shown in red) or any other text you like, in the code

<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' title='permanent link'><data:post.timestamp/>|PERMALINK</a>
</b:if>
</b:if>
</span>

NOTE: For those still using old classic Blogger template, refer to Make permalink more prominent (old classic Blogger template)

NEWER POST

HOME

OLDER POST