I think Google is left with no other option to strengthen its patent portfolio in the mobile domain immediately to counter Apple and Microsoft's attack on Android for patent violations.
After knowing about the Blogger's "standalone page" feature I wanted to add archive page for my blog. To start with I explored blogger gadgets, there is no way for adding the gadget to display only in one page and hide it in rest of the pages without editing the blogger template (I wish blogger will add this feature soon). Later I explored all the hacks on the internet but none seem to give the results what I wanted. After some trail and error I devised a method to add the archive page. I tried this hack and added an archive page for this blog and my photo-blog.
At a very high-level my approach is
- Add default blogger archive gadget.
- Edit the blogger template to hide the gadget using CSS.
- Create a page with javascript to parse the hidden archive gadget DOM and display the data in the required format.
More detailed steps below.
Log in to your blogger account select Design link of the blog which you want to modify
Select Page Elementstaband click on Add a Gadget and select blogger-archive gadget
Now configure the blog-archive gadget with below options - style: choose - Options: check - Archive Frequency: choose monthly
After adding the archive gadget navigate to Edit HTML tab and take backup of your template by clicking Download Full Template. This backup will help you if you want to revert to old template.
Click on Expand Full Template and add the following CSS snippet in the tab section of the template and the save it.
#BlogArchive1 { display:none; }
Navigate to Posting -> Edit Pages -> NewPage in the page editor switch to Edit HTML modeand copy the following javascript and publish the page.
<div id="myArch" style="float: left;">
<script type="text/javascript">
var archContent = document.getElementById("ArchiveList").innerHTML;
var linkIdx=archContent.indexOf('post-count-link');
var pCL= archContent.slice(linkIdx);
var year;
var yrOrMon;
do{
yrOrMon = /post-count-link.*?>(.*?)<\/a>/i.exec(pCL); // ';
if (isNaN(yrOrMon[1])){
var sIndx = pCL.search(/<ul class="?posts"?>/i);
var eIndx = pCL.indexOf('<\/ul>',sIndx);
document.write('<b>'+yrOrMon[1]+' '+year+'<\/b><br \/>');
document.write(pCL.slice(sIndx, eIndx)+'<\/ul>');
}else{
year = yrOrMon[1];
}
linkIdx=pCL.indexOf('post-count-link', 15);
pCL= pCL.slice(linkIdx);
} while( linkIdx > 0);
</script></div>
You may need to change the script if you want to change the format or look and feel of the archive page.
I am a fan of graffiti. I never imagined that the most interesting part of the graffiti, the motion can be captured using a markup language. GML (Graffiti Markup Language) is a universal, XML-based, open file format designed to store graffiti motion data (x coordinates, y coordinates and time) thanks to EvanRoth and team.
Mozilla hosted a website(www.markup.mozilla.org) dedicated for this new markup language.You can create and share your graffiti markups here.
Graffiti created by me on the mozilla's markup site you can play the motion of this graffiti here.
This site uses canvas HTML5 element and javascript to capture the graffiti motion and create a GML file. Note: I am not sure whether this website works in browsers other than FireFox.