Thursday, November 02, 2006



Received a comment from Gabe (http://tinyurl.com/y63p94) asking how I do my Links in Ink. Seems I'm overdue to refresh the topic, so here's a $2 recap at no charge.

First, I compose in Windows Journal (http://tinyurl.com/w8kvl). Then I snip images of the ink using the Snipping Tool (http://tinyurl.com/vro2s) and save as JPG using The GIMP (http://www.gimp.org/windows/) (ST lacks JPG compression). The images are uploaded to my FTP site. Then I weave image, text, and hyperlinks together using a custom JavaScript tool that spits out HTML that I paste into Blogger. That's it as far as posting entries is concerned.

Now, as to how the Links in Ink work, that's a matter of JavaScript and CSS magic. The links are standard anchor tags that are given absolute positioning and dimensions via CSS. Absolute positioning, however, is based on the web page, not the objects in it, such as images. Thus, a little JavaScript is necessary to position the links with their ink images. I've added the necessary scripts and styles to my blog template.

However, each entry requires some HTML coding and that's where Build 52 (http://sumocat.blogspot.com/2006/07/build-52-is-go.html) comes in. That's the tool I made to put the tags together. The original is still online in right (http://markandtanya.us/scribbles/Build52_right.html) and left (http://markandtanya.us/scribbles/Build52_left.html) hand versions, but I reworked a version specifically for my use, 52 Scribbles (http://sumocat.blogspot.com/2006/09/52-scribbles-is-online.html). This one pretty much only works for me, but it produces the the code you currently see and, because it's all JavaScript, it can be modified with a text editor.



CateGoogles: Ink Blogging
Build 52
Mood = pleasant

Links in Ink Refresher


0 Comments:

    Post a Comment

    Links to this post:

    Create a Link

    << Home




    Archive