tag:blogger.com,1999:blog-185223012024-03-23T13:02:52.657-05:00Singpolyma - Technical BlogSingpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.comBlogger140125tag:blogger.com,1999:blog-18522301.post-59060252264609521582007-02-27T10:15:00.001-05:002007-02-28T18:15:26.263-05:00Error: Blogger Disassemble<p><br />Just FYI to my readers - I cannot access the Blogger posting interface. This has been a problem on and off for the last six months and seems to be a problem with my ISP. I've used a proxy to get around it in the past, but Blogger's new security features make that not work.<br /></p><br /> <br /><p><br />I can edit my template, but I can't edit my posts. I'm posting this from Flock. Flock does not support Blogger labels, and thus all I am getting are Technorati links in my post footer. Old posts that should be updated with new information cannot be. I will try to do some of that from school, but I cannot from home.<br /></p><br /> <br /><p><br />I apologise for the inconvenience.<br /></p><br /><div style='font-size:88%' id='wtmb_tags'><p>Tags: <a rel='tag' href='http://technorati.com/tag/general'>general</a></p></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com2tag:blogger.com,1999:blog-18522301.post-50523865520838131002007-02-27T10:03:00.001-05:002007-02-27T10:03:04.045-05:00FreshTaggy Goodness<a href="http://ghill.customer.netspace.net.au/freshtags/">FreshTags' core</a> has been without update for quite some time (and, I believe, does not even render properly on the New Blogger. <a href="http://singpolyma-tech.blogspot.com/2006/09/freshtags-singpolyma-2.html">My version</a> has not fared much better (although I did upgrade it to work with the new blogger :) ). Now it is time for some improvements!<br/> <br/> <strong>For Blogger</strong><br/> Full integration with the New Blogger labels system! You have to paste a small code into your sidebar, and then FreshTags will pull its data directly from your local labels! Great for new users or people who have fully migrated. Best of all, to install this takes only a few steps on <a href="http://singpolymaplay.ning.com/freshtags/?install&blogger">the wizard</a>. Select 'Blogger' as the data source, enter your blog URL, change any other settings you might want, and click 'Generate Code'. Copy the code presented into your sidebar and then click the generated button to instantly install the widget with your settings! (Does not work on FTP blogs.)<br/> <br/> <strong>For Everywhere</strong><br/> There are now three wizards for my version of FreshTags. There is one to <a href="http://singpolymaplay.ning.com/freshtags/">generate the JSON for individual widgets</a> (hackers). There is one to <a href="http://singpolymaplay.ning.com/freshtags/?install">generate the full code for anywhere</a> (some knowledge necessary). Finally there is <a href="http://singpolymaplay.ning.com/freshtags/?install&blogger">one that generates a one-click button</a> (or instructions and a button) for the New Blogger.<br/> <br/> <strong>For MediaWiki</strong><br/> That's right. Go over to <a href="http://www.editthis.info/bloggerhacks/">BloggerHacks</a> to see it in action. FreshTags for MediaWiki! The wizards (above) can generate the code, but it's a bit hackier to integrate with the sidebar. Check out the <a href="http://www.editthis.info/bloggerhacks/MediaWiki:Sidebar">BloggerHacks Sidebar</a> and <a href="http://www.editthis.info/bloggerhacks/Header">Header Section</a> to see how I did it (click the view source wiki tab for wikicode).<br/> <br/> <strong>For WordPress</strong><br/> I have updated <a href="http://singpolyma-tech.blogspot.com/2006/03/freshtags-for-wordpress.html">FreshTags for Wordpress</a> (with the help of my friend, <a href="http://trevorcreech.com/">Trevor Creech</a>) to work as a Wordpress Widget. If you don't have widgets on your Wordpress blog, don't worry! It still works the old way.<!-- technorati tags begin --><p style="font-size:10px;text-align:right;">technorati tags:<a href="http://technorati.com/tag/freshtags" rel="tag">freshtags</a>, <a href="http://technorati.com/tag/blogger" rel="tag">blogger</a>, <a href="http://technorati.com/tag/wordpress" rel="tag">wordpress</a>, <a href="http://technorati.com/tag/mediawiki" rel="tag">mediawiki</a>, <a href="http://technorati.com/tag/tagging" rel="tag">tagging</a>, <a href="http://technorati.com/tag/tags" rel="tag">tags</a>, <a href="http://technorati.com/tag/labels" rel="tag">labels</a></p><!-- technorati tags end --><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-47200700556865551522007-02-20T00:25:00.000-05:002007-02-20T00:26:28.962-05:00WebOS AgainI <a href="http://singpolyma-tech.blogspot.com/2006/11/webos.html">wrote once before</a> about the existing WebOS systems. I planned to follow that post up, but time did not allow. Now I will follow it up twofold.<br /><br /><span style="font-weight: bold;">Using</span><br />I have come to use WebOS in a broader sense than I once did, which seems to be the 'catching' way to use it these days. That is, defining WebOS to include things such as Netvibes and BoxtheWeb, Omnidrive and Box.net, Zoho and Google Docs. I have been asked by some how I find WebOS useful at all, or if it is just an interesting experiment. I will attempt here to answer that.<br /><br />Online storage is amazing. Work at home, save online, work at school, save online, etc. It is far more convenient than carrying flash media everywhere I go. I have used YouOS, Google Docs, and Gmail for this, but the result is basically the same.<br /><br />Online office is similarly useful. I can work on and access the same document across computers at my house, or on campus, without any real hassle. Open, edit, save. Collaboration features just make it that much more fun! SVN for documents ;)<br /><br />AJD (ala BoxtheWeb or Netvibes) is something I really love. I use BoxtheWeb, being the project originator, but there are many out there. I have many feeds, but I still like to be able to glance at them all at once. See what my contacts are reading these days, access my del.icio.us, and search, all from one page. There's something to be said for that convenience.<br /><br />Last but not least (and I've likely forgotten others) : YubNub. I couldn't live without it. The amount of time saved being able to type 'g singpolyma', 'tet microformats', 'hwdial singpolyma.net' is amazing. And the development stuff is fun.<br /><br />As for full-scale webtop integrations. I haven't been using the full-fledged features yet. There's something there though... just not ready yet (or maybe I'm too geeky to see it past the GUI ;) ).<br /><br /><span style="font-weight: bold;">Standards</span><br />I mentioned in my last post the need for standards. If I could run Netvibes widgets on my BoxtheWeb page while integrating my YouOS storage, that would be very most awesome. <a href="http://www.orcawebos.com/orcaa.com/forum.php?show_posts=115">The companies themselves seem to be organising,</a> but it's private and they're not taking input. So, as always, the community needs to get their foot in the door before the industry runs on its course and we have many too many products and it takes years to create standards.<br /><br />Drawing inspiration from the Microformats process, research into existing practices/standards should be present before suggesting something new. To aid the community in organising such research and development, I have created a <a href="http://webos.singpolyma.net/">wiki</a> and a <a href="http://groups.google.com/group/webos-standards/">discussion group</a>.<br /><br />Perhaps not all of us are geeky enough to do the research and formal stuff for the wiki, but anyone who uses any of the products listed above, listed on the wiki, or related products, as well as those interested in <a href="http://simile.mit.edu/">Simile</a> and related projects can contribute to the discussion on the discussion group. Anything from observations about how things work, suggestions as to how things should/could work, or even pointing out projects that may have been missed is welcome. Feedback from users as well as geeks is necessary to make this project work.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com1tag:blogger.com,1999:blog-18522301.post-65613392130548888532007-02-15T09:34:00.000-05:002007-02-15T09:35:09.984-05:00PipesSo if you read any blog besides mine (and surely you do) you've by now head of <a href="http://pipes.yahoo.com/">Yahoo's Pipes application</a>. Mashups without programming, and a team that's promising more and better things to come.<br /><br />One of the immediate uses to the Blogger community occurred to virtually all hackers at once. Sorting the feeds. This has never been a problem for me (I screen-scrape my feed via hAtom), but for others the fact that Blogger feeds sort by when they were updated is annoying.<br /><br />Aditya suggested <a href="http://lastword.blogspot.com/2007/02/pipes-to-rescue.html">creating individual pipes</a>, but I wrote a <a href="http://pipes.yahoo.com/pipes/sK0uY3G82xG_LbAtJjBjOg/">sorting pipe</a>, as did <a href="http://hackosphere.blogspot.com/2007/02/blogger-feed-corrector-yahoo-pipes.html">Ramani</a> (who beat me to blogging about it and has a nice how-to written). Ramani discovered an issue that causes this solution to be a bit buggy just yet. It has to do with ATOM being stupid and RSS 2.0 being cool (yes, that's a partisan statement and not entirely true ;) ). Basically the publishing date is not being copied from the ATOM format to the RSS format correctly. <a href="http://suggestions.yahoo.com/detail/?prop=Pipes&fid=6300">Vote on Ramani's suggestion</a> to get this fixed. I also discovered a less critical issue with the UI that may confuse some less geeky users. Please <a href="http://suggestions.yahoo.com/detail/?prop=Pipes&fid=6251">vote on my suggestion</a> to get that fixed.<br /><br />I also wrote a pipe for <a href="http://pipes.yahoo.com/pipes/PPXhk0a82xGgYzqTFG_cUw/">mixing together Google Calendars</a> (for those of us who track events from more than one) into a nice, sorted feed of upcoming events. The email alerts system provided by Y! is dumb though, at least for this application. I want the next 5 events emailed to me every day... likely gonna have to write my own emailer for that...<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com1tag:blogger.com,1999:blog-18522301.post-3497115971578135822007-01-30T16:44:00.000-05:002007-01-30T16:47:28.631-05:00JScripts Gets Some Love<a href="http://jscripts.ning.com/">JScripts</a>, my Ning app for storing JavaScript includes, has got some upgrades! At <a href="http://ecmanaut.blogspot.com/">Johan</a>'s prodding I have added the following:<br /><ul><li>Include multiple JavaScripts with just one request to save time! It even <a href="http://jscripts.ning.com/ids/">has a form</a>!</li><li>Tack ?minify on to a script to have JScripts compress it before transfer (more time saving!)</li><li>Tack ?callback=whoever on to have whoever() called after the script has loaded</li></ul><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com11tag:blogger.com,1999:blog-18522301.post-74149693435068949722007-01-23T18:29:00.000-05:002007-01-23T18:36:11.775-05:00OpenID as True Single Signon<a href="http://openid.net/">OpenID</a> is meant as a distributed single signon protocol. Unlike corporate-only systems (ie, Google Accounts) however, you have to sign on at every single site. When I sign in to Gmail I am automatically signed in to Blogger, etc.<br /><br />While the inability to store 'cookies' or similar across domains makes this not 100% possible, I have a suggestion that will make it easier.<br /><br />Make every page on an OpenID-enabled site accept the openid_url GET parameter. If it is there, authenticate the user using that OpenID and then redirect back to the page the GET string was passed to - minus the openid_url parameter. Thus if I click a link from one OpenID-enabled site (where I am signed in) to another, I can be signed in automatically.<br /><br />A browser plugin (ie, Firefox extension, or built into the browser as may come in Firefox 3) could be used to store the last-entered value into a form with text input named openid_url (dependent on user settings of course). This value would then be added to the GET request on any URL (or pertinent URL, depending) the browser goes to. OpenID-less sites won't care, OpenID-enabled sites will automatically sign you in.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com5tag:blogger.com,1999:blog-18522301.post-17814322858082431712007-01-22T20:50:00.000-05:002007-01-22T20:56:51.429-05:00Template Conversion 'Wizard'Well, not really. 'Helper' would be a better word. You upload an old-style template to the form and it translates most tags to the new syntax. It does not force your template to be well-formed (which is required), nor does it properly do attributes with expr: It is meant as a help for converting, not an auto-converter.<br /><br />Note : especially for crufty or very-much-hacked templates (like mine was) I recommend re-engineering from scratch, from a default Blogger template, or from one of my templates. It is almost easier, and better for you in the long run.<br /><br /><a href="http://singpolymaplay.ning.com/blogger/old_to_new.php">Blogger Classic to New Blogger Template Conversion Helper</a><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-7712116857897899452007-01-17T15:19:00.000-05:002007-01-22T20:52:57.216-05:00Table for Converting Blogger Classic to New Blogger<b title="Update 2007-01-22">I have added a lot of new tags and some corrections to the table.</b><br /><br />A few people have asked for something like this. A table of Blogger Classic template tags and their new equivalent. This is not entirely possible because it is not a 1:1 relationship, but I will do my best. This is a post for those who were somewhat literate in the old Blogger and want to upgrade. Another post to check out would be <a href="http://ecmanaut.blogspot.com/2006/09/blogger-beta-templates.html">Johan's original post</a>. Great stuff.<br /><br />If you have a template tag from Blogger Classic that you don't see here, post it in a comment and I'll try to add it. This is a work in progress.<br /><br /><table><br /> <tr><td><$BlogPageTitle$></td><td><data:blog.pageTitle/></td></tr> <tr><td><$BlogMetaData$></td><td><b:include data='blog' name='all-head-content'/></td></tr> <tr><td><style type="text/css"></td><td><b:skin><![CDATA[</td></tr> <tr><td></style></td><td>]]></b:skin></td></tr> <tr><td><$BlogURL$></td><td><data:blog.homepageUrl/></td></tr> <tr><td><$BlogDescription$></td><td></td></tr> <tr><td><Blogger></td><td><b:section class='posts' id='posts' showaddelement='yes' growth='vertical'><br /><b:widget id='PostWidget' locked='false' title='Posts' type='Blog'><br /><b:includable id='main'><br /><b:loop values='data:posts' var='post'></td></tr> <tr><td></Blogger></td><td></b:loop><br /></b:includable><br /></b:widget><br /></b:section></td></tr> <tr><td><$BlogItemNumber$></td><td><data:post.id/></td></tr> <tr><td><BlogDateHeader></td><td><b:if cond='data:post.dateHeader'></td></tr> <tr><td></BlogDateHeader></td><td></b:if></td></tr> <tr><td><$BlogDateHeaderDate$></td><td><data:post.dateHeader/></td></tr> <tr><td><$BlogItemPermalinkUrl$></td><td><data:post.url/></td></tr> <tr><td><BlogItemTitle></td><td><b:if cond='data:post.title'></td></tr> <tr><td></BlogItemTitle></td><td></b:if></td></tr> <tr><td><$BlogItemTitle$></td><td><data:post.title/></td></tr> <tr><td><$BlogItemBody$></td><td><data:post.body/></td></tr> <tr><td><$BlogItemAuthorURL$></td><td><data:blog.homepageUrl/></td></tr> <tr><td><$BlogItemAuthor$></td><td><data:post.author/></td></tr> <tr><td><$BlogItemDateTime$></td><td><data:post.timestamp/></td></tr> <tr><td><BlogItemCommentsEnabled></td><td><b:if cond='data:post.allowComments'></td></tr> <tr><td></BlogItemCommentsEnabled></td><td></b:if></td></tr> <tr><td><$BlogItemCommentCount$></td><td><data:post.numComments/></td></tr> <tr><td><$BlogItemControl$></td><td><span class='control'><br /><b:if cond='data:post.emailPostUrl'><br /><span class='item-action'><br /><a expr:href='data:post.emailPostUrl' title='Email Post'><br /><span class='email-post-icon'> </span><br /></a><br /></span><br /></b:if><br /><b:include data='post' name='postQuickEdit'/><br /></span></td></tr> <tr><td><$BlogEncoding$></td><td><data:blog.encoding/></td></tr> <tr><td><$BlogTitle$></td><td><data:blog.title/></td></tr> <tr><td><$BlogItemAuthorNickname$></td><td><data:post.author/></td></tr> <tr><td><$BlogID$></td><td></td></tr> <tr><td><$BlogItemUrl$></td><td><data:post.link/></td></tr> <tr><td><ItemPage></td><td><b:if cond='data:blog.pageType == "item"'></td></tr> <tr><td></ItemPage></td><td></b:if></td></tr> <tr><td><MainOrArchivePage></td><td><b:if cond='data:blog.pageType != "item"'></td></tr> <tr><td></MainOrArchivePage></td><td></b:if></td></tr> <tr><td><MainPage></td><td><b:if cond='data:blog.pageType == "main"'></td></tr> <tr><td></MainPage></td><td></b:if></td></tr> <tr><td><ArchivePage></td><td><b:if cond='data:blog.pageType == "archive"'></td></tr> <tr><td></ArchivePage></td><td></b:if></td></tr> <tr><td><$BlogItemCreate$></td><td><a expr:href='data:post.addCommentUrl'>Post a Comment</a></td></tr> <tr><td><BlogItemComments></td><td><b:loop values='data:post.comments' var='comment'></td></tr> <tr><td></BlogItemComments></td><td></b:loop></td></tr> <tr><td><$BlogCommentNumber$></td><td><data:comment.id/></td></tr> <tr><td><$BlogCommentDateTime$></td><td><data:comment.timestamp/></td></tr> <tr><td><$BlogCommentAuthor$></td><td><address style="display:inline;font-style:normal;" class="author vcard"><br /><b:if cond='data:comment.authorUrl != ""'><br /><a class="url fn" expr:href='data:comment.authorUrl'><data:comment.author/></a><br /><b:else/><br /><span class="fn"><data:comment.author/></span><br /></b:if><br /></address></td></tr> <tr><td><$BlogCommentBody$></td><td><data:comment.body/></td></tr> <tr><td><$BlogCommentDeleteIcon$></td><td><b:include data='comment' name='commentDeleteIcon'/></td></tr> <tr><td><$BlogCommentPermalinkURL$></td><td>#c<data:comment.id/></td></tr> </table><br /><br />For how to use this syntax inside tag attributes, please see <a href="http://ecmanaut.blogspot.com/2006/09/blogger-beta-templates.html#expr">Johan at Ecmanaut</a>. I would actually recommend that you read that whole post.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com6tag:blogger.com,1999:blog-18522301.post-46745349457304260022007-01-16T15:05:00.000-05:002007-01-17T13:20:21.218-05:00Lightbox Comment Form UpdateI have updated my <a href="http://singpolyma-tech.blogspot.com/2006/12/comment-forms-and-blogger-beta.html">Lightbox Comment Form</a> (<a href="http://www.editthis.info/bloggerhacks/Lightbox_Comment_Form" title="BloggerHacks Entry"><img src="http://www.awriterz.org/images/BloggerHacksIcon.png" alt="BloggerHacks Entry" /></a>) so that it jumps down to the form when it comes up instead of making you scroll through the comments again.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com1tag:blogger.com,1999:blog-18522301.post-68147139248297827602007-01-15T14:49:00.000-05:002007-01-16T15:05:20.840-05:00New Stuff on NingThis post is to announce two previously unannounced projects of mine over on <a href="http://www.ning.com/">Ning</a>. I've been working on both for some time, and both could do with some more work certainly. Both are ready to be test-driven though (at least in the fundamentals).<br /><br />The smaller project is <a href="http://someblogs.ning.com/">Some Blogs</a>. Some Blogs is a reporting engine for personal blogs, sexblogs, and other less-than-public-material blogs. Inspired by <a href="http://splogspot.com/">splogspot</a>, this index is NOT for splogs (that's what splogspot is for). It is for material that most people don't want to see (when I search for XOXO I want microformats articles, not 'I luv u Jodi!' :P).<br /><br />The other, larger, project which benefits from the first is <a href="http://littluns.ning.com/">Littl'uns</a>. The original concept was to be like <a href="http://techmeme.com/">TechMeme</a> for smaller blogs, however the concept has evolved over time and the meme-engine is currently only an experimental 'related posts' link.<br /><br />Nestled in the code for Littl'uns is <a href="http://littluns.ning.com/bsrch/">BSrch</a>, a meta blogsearch engine.<br /><br />Anyway, enjoy! Report bugs! Give feedback! :D<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com1tag:blogger.com,1999:blog-18522301.post-68821977867595547232007-01-15T12:30:00.000-05:002007-01-15T12:41:26.650-05:00The BleetAll geeks have their jargon, and the Blogger hacking community is no exception. One of the big words right now is 'Bleet' - the Blogger Elite. First coined by Avatar of <a href="http://bloggeratto.blogspot.com/">Bloggeratto</a>, this term is used to describe the best of the best of the Blogger hackers.<br /><br />Wh!13 7h!5 m4y 83 r3m3n!53n7 0f 1337, 37c, the term seems to be gaining acceptance among non-hackers as well. Then the question becomes -- how do we keep track of who's 'in'? ;)<br /><br />Well, elite coders must write elite code. I'd hazard a guess that all Bleet members must be hacking the new Blogger by now, but what else? Who and what? What do you think?<br /><br />I have created <a href="http://www.surveymonkey.com/s.asp?u=86263136727">a survey</a> with only three questions: the URL of a Bleet member (in your opinion), your favourite hack by this member, and one quality you think all Bleet should have. Note to the Bleet : do not vote for yourself!<br /><br /><a href="http://www.surveymonkey.com/s.asp?u=86263136727">Fill out the survey</a><br /><br />Another note to the Bleet : Check out the <a href="http://wrinks.ning.com/wrink.php?id=1790699">Blogger Hacks Wrink</a> and add yourself to it and it to your blog. You can use any of the modes (some people dislike webrings, some dislike extra blogrolls, we have options!) What's the point? Well, right now that wrink is getting more than 500 traffic a week. This means that each week (unless my stats are broken) at least 500 people travel from one Bleet site to another using this widget. Great way for us to share our traffic with each other!<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com3tag:blogger.com,1999:blog-18522301.post-81076652448276685242007-01-15T12:08:00.000-05:002007-01-15T12:28:27.935-05:00Static Pages in BloggerThis is a long-standing feature/hack request from much of the Blogger community. Pages that are not posts. This hack is a little messy and not the be-all solution, but I feel it is mature enough to publish as a start.<br /><br />The pages are all addressed as http://yourblog.blogspot.com/?page=pagename<br /><br />As always there are multiple options for this hack, but the basic starting is the same:<br /><ol><li>Go to <a href="http://pages.google.com/">Google Pages</a> (you're on the new Blogger, you have a Google Account) and create the page you want.</li><li>Click the 'View live' link from the Google Pages editor (after publishing the page)</li><li>Note the URL in the location bar / address bar, you will need it later</li></ol>You will need to add this code to the <head> section of your blog <span style="font-style: italic;">first time only</span>, subsequent pages you can skip this:<br /><code><br /><script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;id=2999987' type='text/javascript'/><br /></code><br />In code that follows, replace the red <code style="color: red;">pagename</code> with the what you want used as pagename in the URL (See above) and the red <code style="color: red;">URL</code>.<br /><br />If you want to just redirect to the other page (<a href="http://singpolyma-tech.blogspot.com?page=aboutme-redirect">example</a>) use this code:<br /><code><br /><script type='text/javascript'><br /><br />//make sure the WidgetData object and staticpage section are defined<br />if(typeof(WidgetData) != 'object') WidgetData = {};<br />if(typeof(WidgetData['staticpage']) != 'object') WidgetData['staticpage'] = {};<br /><br />WidgetData['staticpage']['<span style="color:red;">pagename</span>'] = {<br />'url':'<span style="color:red;">URL</span>',<br />'type':'redirect'<br />};<br /></script><br /></code><br /><br />If you want the other page superimposed in an IFRAME (<a href="http://singpolyma-tech.blogspot.com/?page=aboutme-iframe">example</a>) use this code:<br /><code><br /><script type='text/javascript'><br /><br />//make sure the WidgetData object and staticpage section are defined<br />if(typeof(WidgetData) != 'object') WidgetData = {};<br />if(typeof(WidgetData['staticpage']) != 'object') WidgetData['staticpage'] = {};<br /><br />WidgetData['staticpage']['<span style="color:red;">pagename</span>'] = {<br />'url':'<span style="color:red;">URL</span>',<br />'type':'iframe'<br />};<br /></script><br /></code><br /><br />If you want the other page superimposed (<a href="http://singpolyma-tech.blogspot.com/?page=aboutme-raw">example</a>) use this code:<br /><code><br /><script type='text/javascript'><br /><br />//make sure the WidgetData object and staticpage section are defined<br />if(typeof(WidgetData) != 'object') WidgetData = {};<br />if(typeof(WidgetData['staticpage']) != 'object') WidgetData['staticpage'] = {};<br /><br />WidgetData['staticpage']['<span style="color:red;">pagename</span>'] = {<br />'url':'<span style="color:red;">URL</span>'<br />};<br /></script><br /></code><br /><br />If you want the other page included in a DIV so that it fits better into your page (you must style the DIV so that it works well. The <a href="http://singpolyma-tech.blogspot.com/?page=aboutme-inlineraw">example</a> simply styles it to fill the page), use this code and put a DIV in your code with an ID the same as pagename:<br /><code><br /><script type='text/javascript'><br /><br />//make sure the WidgetData object and staticpage section are defined<br />if(typeof(WidgetData) != 'object') WidgetData = {};<br />if(typeof(WidgetData['staticpage']) != 'object') WidgetData['staticpage'] = {};<br /><br />WidgetData['staticpage']['<span style="color:red;">pagename</span>'] = {<br />'url':'<span style="color:red;">URL</span>'<br />};<br /></script><br /></code><br /><br />If you want the other page included as an IFRAME in a DIV so that it fits better into your page (you must style the DIV so that it works well. The <a href="http://singpolyma-tech.blogspot.com/?page=aboutme-inlineiframe">example</a> simply styles it to fill the page), use this code and put a DIV in your code with an ID the same as pagename:<br /><code><br /><script type='text/javascript'><br /><br />//make sure the WidgetData object and staticpage section are defined<br />if(typeof(WidgetData) != 'object') WidgetData = {};<br />if(typeof(WidgetData['staticpage']) != 'object') WidgetData['staticpage'] = {};<br /><br />WidgetData['staticpage']['<span style="color:red;">pagename</span>'] = {<br />'url':'<span style="color:red;">URL</span>',<br />'type':'iframe'<br />};<br /></script><br /></code><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com2tag:blogger.com,1999:blog-18522301.post-21896291930314375672007-01-15T10:18:00.000-05:002007-01-15T10:27:38.685-05:00Microsummaries in BloggerI recently learned of the <a href="http://wiki.mozilla.org/Microsummaries">Microsummaries</a> feature of <a href="http://getfirefox.com/">Firefox 2.0</a> from <a href="http://lastword.blogspot.com/2007/01/microscope-on-microformats.html">Aditya</a>.<br /><br />Basically, when you bookmark a site that supports it there is an option to have Firefox automatically pull in the title of the most recent article (or similar) as the title/label on the bookmark. Like simplified Live Bookmarks. So I created a quick hack to let us generate these with Blogger. If you have <a href="http://blogxoxo.blogspot.com/2007/01/mostly-hatom-in-new-blogger.html">marked up your blog with hAtom</a> put this in your <head> section:<br /><code><br /><link expr:href='"http://xoxotools.ning.com/extract_by_class.php?xn_auth=no&amp;amp;class=entry-title&amp;amp;url=" + data:blog.homepageUrl + "&amp;amp;_microsummary"' rel='microsummary' /><br /></code><br />Otherwise use this code, which should work for 90% of new Blogger blogs:<br /><code><br /><link expr:href='"http://xoxotools.ning.com/extract_by_class.php?xn_auth=no&amp;amp;class=post-title&amp;amp;url=" + data:blog.homepageUrl + "&amp;amp;_microsummary"' rel='microsummary' /><br /></code><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-11917726075591892022007-01-13T21:36:00.000-05:002007-01-13T21:38:32.009-05:00hAtom in the New BloggerIf that <a href="http://blogxoxo.blogspot.com/2007/01/hatom-backup-tool.html">Backup Tool</a> intrigues you, or something else I've mentioned regarding <a href="http://microformats.org/wiki/hatom">hAtom</a>, or just <a href="http://microformats.org/">microformats</a> in general, then head over to my instructions on how to <a href="http://blogxoxo.blogspot.com/2007/01/mostly-hatom-in-new-blogger.html">markup up New Blogger templates in hAtom</a>.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-52324609380580361872007-01-12T16:33:00.000-05:002007-01-12T16:35:15.777-05:00Moved to New BloggerHello! I'm on the new Blogger! Finally! Can you see the difference? It isn't major to the eye, but man does this backend feel nice to finally work with for real!<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com7tag:blogger.com,1999:blog-18522301.post-1168617582319490502007-01-12T10:50:00.000-05:002007-01-12T10:59:42.363-05:00New Tools and XOXO Blog ActivityAfter a long period of inactivity I have revived the former XOXO Blog as <a href="http://blogxoxo.blogspot.com/" rel="me" rev="me">XOXO - A Semantic Weblog</a>. The following new tools have been announced:<br /><ul><li>An <a href="http://blogxoxo.blogspot.com/2007/01/hcard-presentation.html">introductory hCard Presentation</a> (not mine)<br /></li><li>The <a href="http://blogxoxo.blogspot.com/2007/01/hcard-profile-generator.html">hCard Profile Generator</a> (<a href="http://singpolyma-tech.blogspot.com/2007/01/hcard-profile-generator.html">previously announced here</a>)</li><li>An <a href="http://blogxoxo.blogspot.com/2007/01/xfn-xoxo-hcard-blogroll-generator.html">XFN + XOXO + hCard Blogroll Generator</a></li><ul><li>To use this with the new Blogger, simply paste the generated code into a new HTML widget.</li></ul><li>The <a href="http://blogxoxo.blogspot.com/2007/01/hatom-backup-tool.html">hAtom Backup Tool</a></li><ul><li>Explanation on using hAtom with the New Blogger coming soon. If you use any of <a href="http://blogxoxo.blogspot.com/2006/01/xoxo-blog-templates.html">these templates</a> (which include my templates) you already have hAtom support.</li></ul></ul>There is also a discussion of <a href="http://blogxoxo.blogspot.com/2007/01/distributed-social-networking.html">distributed social netoworking</a> and a new <a href="http://filess.ning.com/view.php?id=2983400">WordPress plugin</a> to start implementing the idea.<br /><br /> <div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/microformats" rel="tag">microformats</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/xoxo" rel="tag">xoxo</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-1168437665906695052007-01-10T08:59:00.000-05:002007-01-10T18:40:37.070-05:00Del.icio.us / Trackback Script UpdatedI have made some minor bug fixes to the <a href="http://singpolyma-tech.blogspot.com/2006/12/for-new-blogger-blogger-delicious.html">del.icio.us, pinging, and trackback script for the new Blogger</a>. It also now saves trackback URLs when you save a draft.<br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/update" rel="tag">update</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-1168380408241752142007-01-09T17:01:00.000-05:002007-01-09T17:07:32.220-05:00New Singpolyma TemplatesI have added variants to my <a href="http://singpolyma-tech.blogspot.com/2006/12/singpolyma-templates-for-new-blogger.html">Singpolyma Templates</a> for my new <a href="http://singpolyma-tech.blogspot.com/2007/01/asynchronous-peek-boo-comments.html">asynchronous peek-a-boo comments</a>.<br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/update" rel="tag">update</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com1tag:blogger.com,1999:blog-18522301.post-1168379416446691612007-01-09T16:26:00.000-05:002007-01-17T13:27:37.212-05:00Asynchronous Peek-a-boo CommentsMany people have benefited from my <a href="http://singpolyma-tech.blogspot.com/2006/10/comments-on-mainarchive-page-peek-boo.html">peek-a-boo comments hack</a> for the new Blogger. It has one serious downfall however. Loading all that extra data inline can be slow. This version of the hack is designed so that the comments are not loaded until after you click the link to display them. This fixes some <a href="http://singpolyma-tech.blogspot.com/2006/10/comments-on-mainarchive-page-peek-boo.html#c116735074575460136">minor issues</a> and improves speed like no one's business.<br /><ol><li>Go to the layout on your BETA blog and select 'Edit HTML'.</li> <li>Check the 'Expand Widget Templates' box.</li> <li>Paste the following code into the <head> section of the template:<br /><code><br /><script type="text/javascript"><br />//<![CDATA[<br />var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'<br />+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'<br />+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';<br /><br />if(typeof(thisblog_showCommentPhotos) == 'undefined')<br /> thisblog_showCommentPhotos = false;<br /><br />//]]><br /></script><br /><br /><script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;id=2941927' type='text/javascript'></script><br /></code><br /></li> <li>Find the code that looks something like:<br /><code><br /><b:includable id='comments' var='post'><br /> <div class='comments' id='comments'><br /></code><br />And replace that second line with:<br /><code><br /> <div class='comments' expr:id='"comments" + data:post.id'><br /><b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"commentsul" + data:post.id'> </div><br /> <script type='text/javascript'><br /> document.getElementById('comments<data:post.id/>').style.display = 'none';<br /> </script><br /></b:if><br /></code></li> <li>Next, find the post-generating code. It will look start something like this:<br /><code><br /><b:includable id='main' var='top'><br /> <!-- posts --><br /></code><br />In this section there will be a block of code that looks something like:<br /><code><br /><b:if cond='data:blog.pageType == "item"'><br /> <b:if cond='data:post.allowComments'><br /> <b:include data='post' name='comments'/><br /> </b:if><br /></b:if><br /></code><br />Replace it with this:<br /><code><br /> <b:if cond='data:post.allowComments'><br /> <b:include data='post' name='comments'/><br /> </b:if><br /></code><br /></li> <li>Find the post template section, which starts something like this:<br /><code><br /><b:includable id='post' var='post'><br /></code><br />And then find the link to the comments area, which looks something like:<br /><code><br /><b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /></b:if><br /></code><br />And replace it with:<br /><code><br /><b:if cond='data:blog.pageType != "item"'><br /><b:if cond='data:post.allowComments'><br /><b:loop values='data:post.feedLinks' var='f'><br /> <a class="comments" rel="comments" expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&amp;quot;" + data:f.url + "&amp;quot;,&amp;quot;commentsul" + data:post.id + "&amp;quot;,thisblog_showCommentPhotos);toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /></b:loop><br /></b:if><br /><b:else/><br /><b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /></b:if><br /></b:if><br /></code><br /></li> <li>Click 'Save Template' and, if it appears, 'Confirm & Save', then view your blog.</li> </ol><br /><br />To make my <a href="http://singpolyma-tech.blogspot.com/2006/05/comment-photos-and-highlighting.html">comment author photos and highlighting</a> work with this you will need to make sure you have the latest version of that hack installed.<div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com36tag:blogger.com,1999:blog-18522301.post-1168308245062718262007-01-08T20:55:00.000-05:002007-01-09T16:34:54.646-05:00Peek-a-boo WidgetsI now have eight variations of my <a href="http://singpolyma-tech.blogspot.com/2006/11/peek-boo-link-lists.html">original peek-a-boo widget</a>. (See also <a href="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-html-widgets.html">peek-a-boo HTML</a> and <a href="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-and-scrolling.html">peek-a-boo scrolling</a>.) I was then asked for <a href="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-and-scrolling.html#c116782793901753979">yet another variant</a>. I realised that keeping these strictly in posts is insane and disorganised. So I have added the variant (open links in new window) and created a wizard. Just follow the steps and generate the code for your widget, just the way you like it!<br /><br /><a href="http://singpolymaplay.ning.com/blogger/peek-a-boo_wizard.php">Peek-a-boo Widget Generator</a><br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/hack" rel="tag">hack</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hacks" rel="tag">hacks</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/widget" rel="tag">widget</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com2tag:blogger.com,1999:blog-18522301.post-1168304749856643502007-01-08T20:00:00.000-05:002007-01-08T20:05:49.883-05:00hCard Profile GeneratorWhat is the point of getting that profile section in your sidebar marked up as an <a href="http://microformats.org/wiki/hcard">hCard</a>? There are a number of reasons. Your blog will be compatible with the features of the new <a href="https://addons.mozilla.org/firefox/4106/">Operator Firefox Extension</a>. If you ping <a href="http://pingerati.net/">Pingerati</a> (or you're indexed by <a href="http://technorati.com/">Technorati</a>), people will be able to find you on the <a href="http://kitchen.technorati.com/contact/search/">hCard Search Engine</a>. There are, obviously, other reasons as well.<br /><br />What's that? Blogger doesn't output this markup by default, and you don't want to learn the codes? No problem! Use my new <a href="http://singpolymaplay.ning.com/blogger/hcard_profile_wizard.php">hCard Profile Wizard</a> and follow the easy two-step process to include an hCard-compatible profile in your blog!<br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/microformats" rel="tag">microformats</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hcard" rel="tag">hcard</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hack" rel="tag">hack</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hacks" rel="tag">hacks</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/beta" rel="tag">beta</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com0tag:blogger.com,1999:blog-18522301.post-1166886815247337242006-12-23T09:26:00.000-05:002006-12-23T10:13:35.253-05:00Hacks by OthersI toot my own horn too much. This blog has more recently been at least 90% my own code. My readership seems to be going up though (FeedBurner reporting over 60 as of yesterday).<br /><br />Either way I think I'll spend this posts talking about some of the more recent developments in the hacker community. Some of this is new, some of it is old, it is not a comprehensive list. This is just what I thought was cool recently ;) These are in no particular order.<br /><br /><a href="http://stubborn-fanatic.blogspot.com/"><span style="font-weight: bold;">Stubborn Fanatic (Vivek Sanghi)</span></a><br /><ul><li>...has used the new Blogger 'if' tags (as <a href="http://stubborn-fanatic.blogspot.com/2006/11/only-on-comment-label-search-and.html">he documented them</a>) to create a hack that <a href="http://stubborn-fanatic.blogspot.com/2006/12/adsense-inside-your-post-only-on-post.html">shows Google AdSense ads</a> inside posts on item pages. My blog is ad-free. I find ads inside posts the most annoying. If I ever do ads I promise they will not interfere with the post. But at least his hack keeps them from cluttering the main page.</li><li>...<a href="http://stubborn-fanatic.blogspot.com/2006/12/add-background-colors-to-comments.html">colourful, colourful comments</a>!</li><li>...<a href="http://stubborn-fanatic.blogspot.com/2006/12/control-your-layout-editors-layout.html">fix your layout editor</a> (you have a hacked-beyond-belief template!)<br /></li><li>...has created a <a href="http://stubborn-fanatic.blogspot.com/2006/11/recent-post-titles-navigation-menu-auto.html">horizontal menu bar</a> of your tags (yawn...) with drop-down lists of the most recent posts (cool!) Definately a hack to check out, even if you don't install it.</li></ul><a style="font-weight: bold;" href="http://hoctro.blogspot.com/">Hoctro</a><br /><ul><li>...has a <a href="http://hoctro.blogspot.com/2006/12/killer-hack-contents-by-category.html">wicked table of contents widget</a> for your blog!</li><li>...<a href="http://hoctro.blogspot.com/2006/12/simple-hack-basic-ajax-search-utility.html">Google AJAX</a> using their API instead <a href="http://singpolymaplay.ning.com/gajax.php">of YubNub</a>.</li></ul>Note to Hoctro : how about a way to browse your blog by date? The newest entry on the main page and then no interface for date-based archives or a prevous-post link/list. Nothing. Annoying.<br /><br /><a style="font-weight: bold;" href="http://hackosphere.blogspot.com/">Hackosphere (Ramani)</a><br /><ul><li><a href="http://hackosphere.blogspot.com/2006/12/now-available-neo-template.html">Neo template</a>. Maxtrix-cool, fast, Web 2.0 extravaganza. And he's selling it! (You money-maker you... ;) )</li></ul><a href="http://purplemoggy.blogspot.com/"><span style="font-weight: bold;">PurpleMoggy</span></a><br /><ul><li><a href="http://purplemoggy.blogspot.com/2006/12/comment-author-photos.html">Instructions for the new Blogger</a> for my <a href="http://singpolyma-tech.blogspot.com/2006/05/comment-photos-and-highlighting.html">Comment Photos and Highlighting hack</a>.</li><li><a href="http://purplemoggy.blogspot.com/2006/12/related-posts.html">Display related posts by tag</a>. Kind of like <a href="http://singpolyma-tech.blogspot.com/2006/09/freshtags-singpolyma-2.html">FreshTags</a>.</li><li><a href="http://purplemoggy.blogspot.com/2006/12/pre-made-theme-switching-templates.html">Premade templates</a> that let the user switch the colour scheme.</li></ul><a href="http://bloggeruniversity.blogspot.com/"><span style="font-weight: bold;">BlogU</span></a><br /><ul><li><a href="http://bloggeruniversity.blogspot.com/2006/12/pretty-blockquotes.html">Nice styles</a> for your blockquotes.</li></ul><a href="http://web-messengers.blogspot.com/"><span style="font-weight: bold;">iMessengr</span></a><br /><ul><li><a href="http://web-messengers.blogspot.com/2006/12/3-column-rounders-template-modded-for.html">Nice hacks-included template</a></li></ul>If you read here at all, you'll know I've been busy too... but you can just read that, I'm not going to make a list of links to myself ;)<br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hacks" rel="tag">hacks</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com3tag:blogger.com,1999:blog-18522301.post-1166883788820465762006-12-23T09:05:00.000-05:002006-12-23T09:23:08.890-05:00Blogger Hacks Wiki UpdateTired of running from <a href="http://singpolyma-tech.blogspot.com/">my blog</a> to <a href="http://blogfresh.blogspot.com/">FreshBlog</a>, to <a href="http://bloggeratto.blogspot.com/">Bloggeratto</a>, to <a href="http://hoctro.blogspot.com/">Hoctro</a>, to <a href="http://beautifulbeta.blogspot.com/">Beautiful Beta</a>, to <a href="http://hackosphere.blogspot.com/">Hackosphere</a>, to <a href="http://purplemoggy.blogspot.com/">PurpleMoggy</a>, to others trying to find hacks? Enter the <a href="http://www.editthis.info/bloggerhacks/">Blogger Hacks Wiki</a>. <a href="http://blogfresh.blogspot.com/2006/06/bloggerhacks-wiki.html">Launched back in June</a> with the collaboration of many hackers and bloggers, this Wiki is meant to be the Wikipedia of Blogger Hacks. Not all of the newest hacks are there, but the general available ones should be.<br /><br />Since the Blogger BETA (now the new Blogger) launch, the wiki has been stagnating just a little bit. Hacks have been rolling out at record rate from many new players. I myself have been very lax at entering all my new hacks into the Wiki. One problem was that one could not tell from the wiki if a hack was for the old or new Blogger.<br /><br />No longer. The main 'View Hacks' link now points to the <a href="http://www.editthis.info/bloggerhacks/Category:New_Blogger">Wiki Category for the New Blogger</a>, and I have added categories to all the hacks' pages based on platform. We as hackers need to start adding our hacks back into this database -- everyone will benefit, even us! (Who wants to duplicate work if there's an easy way to find out someone else already did it?) There is also a category for hacks which I was unsure what platforms they would work on. I need help going through and recategorising the pages in the <a href="http://www.editthis.info/bloggerhacks/Category:Platform_Unknown">Platform Unknown</a> category.<br /><br />I have also done some work on the <a href="http://www.editthis.info/bloggerhacks/Request_Hacks">Request Hacks</a> page. New hack requests should now be added to the top section 'Undiscussed Requests'. After the community has posted some feedback it gets moved to under the 'Discussed Requests' heading. Requests which have been solved (ie, had hacks created for them) move to the <a href="http://www.editthis.info/bloggerhacks/Request_Hacks/Solved">Solved Requests</a> page.<br /><br />The Wiki benefits both hackers (easier to find our hacks, find other's hacks, and get ideas for hacks from the requests page) and the general people (find hacks so much easier!) I would really like to keep it up-to-date and maintained :)<br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hacks" rel="tag">hacks</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/wiki" rel="tag">wiki</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/freshblog" rel="tag">freshblog</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com4tag:blogger.com,1999:blog-18522301.post-1166882554987057062006-12-23T08:53:00.000-05:002006-12-23T09:04:53.210-05:00Peek-a-boo and ScrollingWith some more inspiration from <a href="http://jordansview.blogspot.com/">this man</a>, and some help from <a href="http://www.troll-babygraphics.com/archives/29">this post</a> I have created alternate versions of my <a href="http://singpolyma-tech.blogspot.com/2006/11/peek-boo-link-lists.html">peek-a-boo links lists</a> and <a href="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-html-widgets.html">peek-a-boo HTML widgets</a>. These ones, when expanded, are a 200-pixel-high box with a scrollbar. For those extra-long lists ;)<br /><br /><b>Link List (Click Title to Expand)</b><br />Note about installation : if you put this code into your template more than once at a time (for multiple lists) you must change the id='ALIST' (bold in the code) to id='BLIST' on the second list, etc. This code should go inside the section for your sidebar. Then, after saving, go to 'Page Elements' to customise its contents.<br /><code><br /><b:widget id='<b>ALIST</b>' locked='false' title='List Title' type='LinkList'><br /><b:includable id='main'><br /><script type='text/javascript'><br />//<![CDATA[<br />if(typeof(rnd) == 'undefined') var rnd = '';<br />rnd = Math.floor(Math.random()*1000);<br />rnd = 'id-' + rnd;<br />document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;">');<br />//]]><br /></script><br /> <b:if cond='data:title'><h2><data:title/></h2></b:if><br /><script type='text/javascript'><br />//<![CDATA[<br />document.write('<\/a>');<br />//]]><br /></script><br /> <div class='widget-content'><br /><script type='text/javascript'><br />//<![CDATA[<br />document.write('<div id="' + rnd + '" style="display:none;height:200px;overflow:auto;">');<br />//]]><br /></script><br /> <ul><br /> <b:loop values='data:links' var='link'><br /> <li><a expr:href='data:link.target'><data:link.name/></a></li><br /> </b:loop><br /> </ul><br /><script type='text/javascript'><br />//<![CDATA[<br />document.write('<\/div>');<br />//]]><br /></script><br /> <b:include name='quickedit'/><br /> </div><br /> </b:includable><br /></b:widget><br /></code><br /><br /><b>Link List (Click [+/-] to Expand)</b><br />Note about installation : if you put this code into your template more than once at a time (for multiple lists) you must change the id='ALIST' (bold in the code) to id='BLIST' on the second list, etc. This code should go inside the section for your sidebar. Then, after saving, go to 'Page Elements' to customise its contents.<br /><code><br /><b:widget id='<b>ALIST</b>' locked='false' title='List Title' type='LinkList'><br /><b:includable id='main'><br /><script type='text/javascript'><br />//<![CDATA[<br />if(typeof(rnd) == 'undefined') var rnd = '';<br />rnd = Math.floor(Math.random()*1000);<br />rnd = 'id-' + rnd;<br />document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">[+/-]<\/a>');<br />//]]><br /></script><br /> <b:if cond='data:title'><h2><data:title/></h2></b:if><br /> <div class='widget-content'><br /><script type='text/javascript'><br />//<![CDATA[<br />document.write('<div id="' + rnd + '" style="display:none;overflow:auto;height:200px;">');<br />//]]><br /></script><br /> <ul><br /> <b:loop values='data:links' var='link'><br /> <li><a expr:href='data:link.target'><data:link.name/></a></li><br /> </b:loop><br /> </ul><br /><script type='text/javascript'><br />//<![CDATA[<br />document.write('<\/div>');<br />//]]><br /></script><br /> <b:include name='quickedit'/><br /> </div><br /> </b:includable><br /></b:widget><br /></code><br /><br /><b>HTML (Click Title to Expand)</b><br /><form method="post" action="http://beta.blogger.com/add-widget"> <input name="infoUrl" value="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-and-scrolling.html" type="hidden" /> <input name="widget.title" value="Peek-a-boo HTML (from title)" type="hidden" /> <textarea name="widget.content" style="display: none;"> HTML / JavaScript Here </textarea> <textarea name="widget.template" style="display: none;"> <b:includable id='main'> <h2 class='title'> <script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;">'); /* ]]> */ </script> <data:title/> <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/a>'); /* ]]> */ </script> </h2> <script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;overflow:auto;height:200px;">'); /* ]]> */ </script> <data:content/> <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> <b:include name='quickedit'/> </b:includable> </textarea> <input name="go" value="Peek-a-boo HTML (from title)" type="submit" /> </form><br /><br /><b>HTML (Click [+/-] to Expand)</b><br /><form method="post" action="http://beta.blogger.com/add-widget"> <input name="infoUrl" value="http://singpolyma-tech.blogspot.com/2006/12/peek-boo-and-scrolling.html" type="hidden" /> <input name="widget.title" value="Peek-a-boo HTML ([+/-])" type="hidden" /> <textarea name="widget.content" style="display: none;"> HTML / JavaScript Here </textarea> <textarea name="widget.template" style="display: none;"> <b:includable id='main'> <h2 class='title'> <script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">[+/-]<\/a>'); /* ]]> */ </script> <data:title/> </h2> <script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;overflow:auto;height:200px;">'); /* ]]> */ </script> <data:content/> <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> <b:include name='quickedit'/> </b:includable> </textarea> <input name="go" value="Peek-a-boo HTML ([+/-])" type="submit" /> </form><br /><br /><div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/hack" rel="tag">hack</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/hacks" rel="tag">hacks</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/widget" rel="tag">widget</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com11tag:blogger.com,1999:blog-18522301.post-1166743248708437592006-12-21T18:11:00.000-05:002007-01-09T17:06:48.800-05:00Singpolyma Templates for new BloggerNow having translated most of my hacks to the new Blogger, it is time to unveil the templates. I myself will likely be switching soon, and my template will be based on the code here published. The features are similar to the <a href="http://singpolyma-tech.blogspot.com/2006/06/singpolyma-templates.html">first set</a>, but optomised for the new Blogger.<br /><br />To install one of these templates, just cut-n-paste the code into the 'Edit HTML' section of your blog and save. Confirm deletion of widgets (Yes, unfortunately, you lose you widgets. You can make them again).<br /><br /><span style="font-weight: bold;">Templates</span><br /><ul><li><a href="http://xoxotools.ning.com/templates/new-blogger/basic-template.txt">Basic template</a> - all the basic features of the original set, including peek-a-boo comments and backlinks.</li><li><a href="http://xoxotools.ning.com/templates/new-blogger/comment-form-template.txt">Comment Form</a> - based on basic, my <a href="http://singpolyma-tech.blogspot.com/2006/12/comment-forms-and-blogger-beta.html">lightbox comment form</a> added in.</li><li><a href="http://xoxotools.ning.com/templates/new-blogger/comment-photos-highlighting-template.txt">Comment Photos and Highlighting</a> - based on basic, my <a href="http://singpolyma-tech.blogspot.com/2006/03/profile-photos-with-comments.html">comment photos and highlighting</a> hack (as translated by <a href="http://purplemoggy.blogspot.com/2006/12/comment-author-photos.html">PurpleMoggy</a>) added in.</li> <li><a href="http://xoxotools.ning.com/templates/new-blogger/basic-template-asynch.txt">Basic Asynchronous</a> - Same as basic but with <a href="http://singpolyma-tech.blogspot.com/2007/01/asynchronous-peek-boo-comments.html">asynchronous peek-a-boo comments</a>.</li><li><a href="http://xoxotools.ning.com/templates/new-blogger/comment-form-template-asynch.txt">Comment Form Asynchronous</a> - Same as comment form but with <a href="http://singpolyma-tech.blogspot.com/2007/01/asynchronous-peek-boo-comments.html">asynchronous peek-a-boo comments</a>.</li><li><a href="http://xoxotools.ning.com/templates/new-blogger/comment-photos-highlighting-template-asynch.txt">Comment Photos and Highlighting Asynchronous</a> - Same as comment photos and highlighting but with <a href="http://singpolyma-tech.blogspot.com/2007/01/asynchronous-peek-boo-comments.html">asynchronous peek-a-boo comments</a>.</li> </ul> <div class="tags">Tags:<ul><li><a href="http://del.icio.us/singpolyma.techblog/templates" rel="tag">templates</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/template" rel="tag">template</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/xoxo" rel="tag">xoxo</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/blogger" rel="tag">blogger</a></li> <li><a href="http://del.icio.us/singpolyma.techblog/microformats" rel="tag">microformats</a></li> </ul></div><div class="blogger-post-footer"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nc-sa/2.5/88x31.png" /></a>
© 2006 Stephen Paul Weber. Some Rights Reserved.</div>Singpolymahttp://www.blogger.com/profile/14267910391550235126noreply@blogger.com2