Send As SMS


Machine search vs human interface

Human-computer interaction is the study of interaction between users and computers, relating computer science with other fields of study and research. Interaction between users and computers occurs at the user interface, it's the way we press buttons in response to the machine.


icons for bookmarlets

bookmarklets are little javascripts saved as bookmarks in the bookmarks menu of the web browser. BlogThis is a good example of such bookmarklet.

If you use bookmarklets ? you may like to have an icon with them. Here is an easy way to add such icon.

First you create a bookmark of a website that has the icon you wish to see with the bookmarlet, then you right click your bookmarklet, click properties and copy the javascript from the 'location' field. Now open the properties of that bookmark with the icon you wanted, now you simply replace the URL in the location box of that bookmark with the content of the clipboard. True a special kind of magic the icon will permanently stay the same, for ever!

You can also remove the name of the bookmark leaving just icons on the toolbar. full page »
postmorph | 0 comments permalink

C o m m e n t s :


Paginate page

If you want a row of numbers above each posting so that mousing over them jumps to the article below it you insert this script

function tabs(postcount){
document.write('<br><a name=\"tab'+postcount+'\"><\/a><br><span style=\"width:90%;\" id=\"tabs'+postcount+'\"><\/span>');
}
function tabsfinal(postcount){
a=""
for (var x=1;x<=postcount;x++){
a=a+'<a onmouseover=\"document.location=\'#tab' + x + '\'\;\" href=\"#tab' + x + '\">' + x + '<\/a> '
}
for (var y=1;y<=postcount;y++){
document.getElementById("tabs" + y).innerHTML = a
}
}

in the head of your template. Then put
this script

<script type="text/javascript">
postcount=0
</script>

in the body, above the <Blogger> tag. Inside the <Blogger> we tags add this script

<script type="text/javascript">
postcount++
tabs(postcount)
</script>

And finally put this script

<script type="text/javascript">
tabsfinal(postcount)
</script>

below the </Blogger> tag. The effect is demonstrated on the front-page of this blog for now. full page »
postmorph | 0 comments permalink

C o m m e n t s :


static AJAX pages

I like long pages with lots of info on a subject but I also like to be able to browse really fast. I've investigated a bit using pages less then 4kb and clicking around them is just sooo much faster as normal navigation it absolutely is worth it.

It also means the lay out of the page should be as simple as possible which isn't always desirable. A single image could spoil the effect. It got me thinking some time ago and I left the subject for a bit but now I found some ajaxian peek hole that will allow huge pages as well as instant loading.

I use a 'normal' page to load the first part of a page. This bit contains text content leaving a few px of space at the top, it should fill the screen height so-that a browser scrollbar appears. Then a script waits for 5 seconds and loads another 4kb of the page. This could be the header graphic, if it's an animated gif it can blend from white. It will be hard to keep down the size, that's the whole fun of it. This so far is not entirely asynchronous. After that OR if the user scrolls

something like...

setInterval("if (window.pageYOffset > 50){p();};",500)
function p(){
.....
}

the next chunk of text is loaded. The badly needed images are cut down to 4 kb squares and are preloaded slowly before they are inserted into their container. For example max 2 per second. This will slow down a 9 (3x3) image block to 4.5 seconds. 16 (4x4) would take 8 seconds to appear. This way you only get images with pages you are actually reading.

I'm still working at the philosophy, so far the bandwidth usage is almost nothing, browsing really feels like using an application. The point is not entirely Ajax it into the page but more user initiated. Insert the content only one time per page load and make it always the same. The html header is much to important to discard. There remains much to be tested and investigated.

Just imagine, scrolling to the next page compared to clicking to it. Without waiting. Then you click an url and you still don't get to wait. Lets make it work like a toaster, I'm sure it would be worth it. There is a lot of work done in this field in the dial up days, some probably useful ideas for this concept.

Size is not unimportant, making the template for this blog I had to constantly downsize the template code and make the scripts run faster. It's easy to see how each kb makes it worse. I've removed a lot that wasn't really needed. And I still need to remove more. Approaching that same problem from the other end may lead to interesting combinations. full page »
postmorph | 1 comments permalink

C o m m e n t s :


Hey nice blog. Although it�s not what I was looking for. I am looking for info on Payday Loans or a Cash Advance so I can buy some Hoodia Diet Pills.. I found your blog very interesting  

posted by Payday Loans - , at 9:16 AM .

post more videos at a time

If you want to post a lot of films in one go past
this scipt into your post or html document.


<script type="text/javascript">
x = new Array()
x[x.length] = "http://video.google.com/googleplayer.swf?docId=7461912885649996034"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-107448047446472438"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-1380642903108144015"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-2850891179207690407"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-3078131163857744253"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-3382847601021404375"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-3459532473653722014"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-4237751840526284618"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-4472004596147265716"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-4770477589537728517"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-5238596150388648518"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-5275112434762210941"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-5430570751600484561"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-5738531568036565057"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-5834867580747017149"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-6286598798176714592"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-635987818295327978"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-6530165466308380947"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-6849353333190625456"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-7027255937915952897"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-7218920724339766288"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-8115867837891986758"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-8563384677838829514"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-8573013059814306652"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-8635897559220353909"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-8943205214784769158"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=-909987673653033964"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=1095921017265685432"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=1296989995550439375"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=1363085081657572837"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=1623254076490030585"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=167210479374903373"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=2256433507046558974"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=2464139837181538044"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=2703180506289064827"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=2795869048702157810"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=2993802767166351279"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=3017194771837860523"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=3484490731703421398"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=3577525867554216814"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=4234425471367323464"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=4360800110742625275"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=4837609090332617729"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=495057904604183186"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5070226144647203934"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5337107563511500029"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5441821766021117771"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=553061720631716456"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5567660200741272812"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5645396659673218353"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5652685236856842130"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=5782814493845772323"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=6149820226442894277"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=6189540769300973039"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=6350628514307675603"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=6410112404402873027"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=7833758715853620146"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=7866929448192753501"
x[x.length] = "http://video.google.com/googleplayer.swf?docid=8811551493740102634"

y = (location.search).slice(1,9999)
if(y==""){y=1;}
y++
z = y-2
document.write('<embed style=\"width:800px\; height:652px\;\" id=\"VideoPlayback\" type=\"application\/x-shockwave-flash\" src=\"'+(x[y])+'\"> </embed><br><div style=\"width:800px;text-align:left\;\"><b><a href=\"?'+z+'\">\«\;Previous</a> \ \; <a href=\"?'+y+'\">Next\»\;</a></b></div>')
</script>


The script takes unlimited Google video url's. The next and previous buttons navigate the video permalinks. The example speaks for it self.

example video page

It's all smoothly operated from a single HTML document. Both paginational navigation and content managements done without php or sql. Less = more (like I probably should not have sad that.)

To create your first badge of films you can gather a list of Google video links, past them in the text editor and replace all instances of "videoplay" with "googleplayer.swf" then put quotes around it and make it look like the list in the examples. If you update the page, expand your list from the end so that old page numbers don't change.

have fun now :) full page »
postmorph | 0 comments permalink

C o m m e n t s :


Show a random video

If you want to display/embed a random film each time a page is loaded put this script in the head of your document. script >

<script type="text/javascript">
var Film = new Array()
Film[Film.length++] = '<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=2256433507046558974&hl=en"></embed>'
Film[Film.length++] = '<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/PoqON-hBzOs"></param><embed src="http://www.youtube.com/v/PoqON-hBzOs" type="application/x-shockwave-flash" width="425" height="350"></embed></object>'
Film[Film.length++] = '<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/Lb62yykZ2Bw"></param><embed src="http://www.youtube.com/v/Lb62yykZ2Bw" type="application/x-shockwave-flash" width="425" height="350"></embed></object>'
Film[Film.length++] = '<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-2850891179207690407&hl=en"> </embed>'
Film[Film.length++] = '<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-1944827568401901581&hl=en"> </embed>'
var p = Film.length-1
function randomFilm(){
var z = Math.floor((Math.random()*p)+0.5);
document.write(Film[z])
}
</script>

Then add this> where you want the film to appear on the page.

<script type="text/javascript">
randomFilm()
</script>

Replace the videos with your own, you can expand the lists as much as you want by adding new lines. Here is a working example.

Script requested by: http://www.inthepanhandle.com/ full page »
postmorph | 5 comments permalink

C o m m e n t s :


so, you do requests now?, that is great, how about some blogger v3.0 hacks?  

posted by Avatar - , at 9:33 PM .

Hacks as in cheats?

Well you can add rss feeds to beta.blogger, that would be enough cheating I guess. [img]http://www12.meebo.com/skin/default/img/emoticons/big_smile.gif[/img]  

posted by Gaby de Wilde - , at 9:41 PM .

umm, i guess that is a "no, i am to self absorbed at the moment", so maybe later then?

oh and that joke is like a little dry...  

posted by Avatar - , at 9:48 PM .

Cool, random video!!!  

posted by keith - , at 5:43 PM .

Your blog content is just themed and original. Please keep up the great work.  

posted by deji - , at 4:17 AM .

the css triangle



I know... I know... It's pathetic but I've started playing with css. People say you cant do cross-browser round-corners without-images. I think I've done a reasonable job at em. I've made de corners a bit rounder (to show off), they don't need to be so fat.

I had to invent the css triangle first.





Strange that such simple shapes are not included in normal html.
full page »
postmorph | 2 comments permalink

C o m m e n t s :


Hey dear..do you still do this blog?

I am trying to figure out you made a picture with..no picture. Is that what you mean?  

posted by diosaperdida - , at 7:40 AM .

jep thats it! :-)  

posted by Gaby de Wilde - , at 6:51 AM .

Google Webmaster Central

Google Webmaster Central: "Welcome to your one-stop shop for comprehensive info about how Google crawls and indexes websites. You can learn here how to ensure that your site is easily crawled and indexed and access tools that will enable you to diagnose crawling issues, study statistics on how your site is doing in our index, and tell us how you'd like your site to be crawled and indexed."

Didn't really look at it jet, but it's nice to be aware of. full page »
postmorph | 0 comments permalink

C o m m e n t s :


hey, meebo is kind of nice?

Chat is great but what client to use? I've used yahoo and msn at the same time but it does disturbing things to my PC performance (even when I'm not chatting).

I use to have the Afternet irc java applet on this blog, it was strange to see the people log in and out without a word. The only person I got to chat with was Avatar. :) We still discuss the blogospere on a bi-daily bases using gmail's googletalk.

Avatar started using meebo a while ago, it's the chat client on this blog right bottom corner. I've made a few jokes with him pretending to be some one else (it didn't show my ip). I thought it was silly to start talking to some one when they are reading? But as I always disagree with everything and everyone I realised my own judgement was made without looking at it. haha - Now I always say there is no excuse for being wrong about something you've judged without looking at it. So I had to have a real look.

Within minutes meebo started annoying me, A search for "jabber clients" turned up jabber.org. The worse website I've seen in quite some time. I had miranda im installed but meebo's single screenshot only gave some hints on using GAIM. Then I couldn't get miranda to stay online on the jabber protocol. MSN didn't work either on miranda. The GAIM website (listed as linux client on the jabber page??) didn't look fit for an end user. (The word beta doesn't sound like music to me) In some wishful daydream I even had a look if google talk was a jabber client but it wasn't.(silly me)

From frustration I forced myself to look at the web based client. "bah a tab in my browser that I need to look at all day". To my huge surprise they actually build something nice out of it. It's much better as I had expected and it's not that heavy that it disturbs my browsing. The browser appears much more capable at managing it's own connections as sharing them with a full size chat client.

For as far as I could test it it's well worth using meebo as your main source of instant messaging. The flash widget is a small extras compared to it. The endless search for "that little chat client that didn't suck" has finally ended. Hurray! Now, lets see how well it does over time.

Drop me a line or a link if you like ---> full page »
postmorph | 5 comments permalink

C o m m e n t s :


Me being right.....ummmm, how rare is that?...wait..it isn´t!!!

Told you it was good..i can´t wait for the next upgrade when it also has offline messaging and group chat.

And yes, as Web clients go, this is the best there is.. without a doubt.

just use it in opera and in maxthon and you will be cool,. i mean i discovered it even works on pathetic connectins like the one i am in now of 128k.. and in a borrowed from my cafe pentium III computer..so that says good things about it.

the only bad thing about using it opea is that opera don´t support it right, the directional are not good, it remains at the original position, without transition and not does auto scrolling, so maxthon (or ie) is the way too go, because inFirefox it bleeds so much ram that it will take out your pc. and even in flock this is also very evident.

So, far so good, i have talked to a nearly 55 people on it. made some frineds and had the oportunity to talk to two ceo´s from web apps i had reviewed...so, what´s not to like?  

posted by Avatar - , at 12:23 AM .

oh and miranda??? ugh, gaim? bleech...

The only worthy Client For multi-im is Trillian, i still have it and use it beause it´s extendable and has some pretty nifty tricks.

Trillian, now has three things to worry about:

1.-Live messenger because it now supports yahoo accounts in it, you only write the id with it´s termination and you are set. same goes for the new yahoo client. and both clients new versions are really good...

The good thing on this is that it will be easier to support both yahoo and live(msn is bygone, thank god) now.

2.-Paltalk started supporting multi im and it really take a dinch in Trillian adoption.

3.-Meebo, meebo besides Trillian is the only one that supports all five networks from the let go. and now it has it´s own network that runs on Meebome! wich makes Meebo adoption even more of a threat.

So, this surely makes Trillian to take an effort in their new client. wich i am sure will kick some major ass.  

posted by Avatar - , at 12:48 AM .

Wow what comment you made, it's bigger as the post? Just when I was about to delete the whole blog. LOL

You being right? Yeah, the miracles huh? We where chatting, I restarted Firefox(it grew above 200 MB with 1 tab) and logged back in on meebo, the blog visitors where gone. New one's did appear but our conversation was ended. Did you wait for me like I waited for you? lol

Well at least about trillian you are as wrong as always (if it makes you feel better) Trillian was how I lost all my online friends, I remember it all to well. I never replied to anyone but was always online. MSN and Yahoo made contracts for 3rd party clients, that was specially for trillian like entrepreneurs. Trillian never responded to that! Their chance to become THIS WORLDS chat client waisted over nothing! They didn't look (like I didn't look at meebo - lol) I would have bought Trillian pro the day they did REAL SUPPORT.

I just hated chat after that and never chatted on any of the idiot networks.

Opera has irc but I wasn't smart enough to act dumb or dumb enough to act smart. And it made me feel stuck in 1990, well at least until the viruses showed up. lol

I just found out that google talk needs internet access before you can disable "start when windows starts". How funny?

And last but not least, when I visit this blog with Opera and close it again the visitor appears to stay online in meebo. I send a message to myself and opera makes the "incoming message" sound.

The flash lives on in the trash. hahahaha

anywayz, I think it's better to write things straight into the (b)log.  

posted by Gaby de Wilde - , at 8:50 PM .

So, you ignoring people and acting like a jerk is not my fault, also is not may fault you were not using pro

so, yeah if you were using the basic client, yeah you are screwed.

But me being wrong?, say it isnt so!!!


;)  

posted by Avatar - , at 10:06 AM .

Don't doubt yourself so much. You know when you are right. The free trillian version didn't work for me. Then I should buy pro? They should have put the free client in the trash for safty reasons. I had enough reason to dislike it anyway.  

posted by gaby - , at 10:14 AM .

Blogger beta

I just ran into beta.blogger.com/. Go there and make a blog under your google account before they close down the doors again. The beta blog has tags and new menu options as well as a new template editor the old template editor is still there but it seems deactivated for now. There are page elements to be added like: a list, a link list, a picture, some text, html/javascript, aggregated feeds, labels, and a few blogger logos to pick from.

http://teh-future.blogspot.com/search?label=gaby+de+wilde

I could write a long post and elaborate on this new blogger thing but why spoil the fun eh? full page »
postmorph | 3 comments permalink

C o m m e n t s :


yeah, and what fun it will be.... start your engines people..  

posted by Avatar - , at 12:03 AM .

It's amusing to see all the confused blogscripters (like myself) on the web.[img]http://my.opera.com/community/graphics/smilies/doh.gif[/img] I've thought of 2 new categories implementations. One of em is a stand alone "related posts" script. My first guess was to continue as always but I have my widget to upgrade to! :-)  

posted by Gaby de Wilde - , at 4:29 AM .

yeah, that old Blogger tradition, every upgrade they change the code entirely, i remember that when the google reboot happened there was also a big ruckus, but back then we had the raw editing from the start and a map of .~tags~, here we have something chirping in the night....  

posted by Avatar - , at 12:59 AM .

Manual blogger categories

If you want to categorise your blog posts in a html editor you need the HTML link tags for all posts. Here is an easy trick: First we set the blog to display 999 posts on the front page don't republish it but go to your template. We clean out the whole template box(you could make a backup but it's not necessary). Then past this mini template into the box.

<Blogger><a href="<$BlogItemPermalinkUrl$>" title="<$BlogItemTitle$>"><$BlogItemTitle$></a> </Blogger>

Create some white space above the code and hit "preview".

Now we do a "view source" on the preview and (if all goes well) find something like this (with the white space above it)

how to add an icon to your website or blog Replace text with images Each post a webservice under contruction banner for blogger profile bloggeratto scriptologics divide posts over more pages Content about categories here blogspot widgets (the invention) inline search word highlighter base64 encoding is fun Google Toolbar for Opera Machine search vs human interface blogs suck blogger rss feeds Bunny the LibrariCon Blogger categories in ONE line of Javascript robo-cruft Blogspot admin live-bookmark [rss] blogger categories with related posts AdSense in the middle of the post generate rss feeds for blogger commenteers Display related blogger posts under the post Template Generator load images on mouseover blog clicktrue rate design research and development google video in blogspot comments adsense beginner video 7dollarsmagic adsense alternative One for the bookmark soicopaths From Beyrouth to Teheran Recreational re-creation Uber - tag - cloudish - total - assimialtion technorati compost The author's gone mad, long live the author More random outbound linkage? New lay out Easy categories for the blogger blog blogger comment box part2 alex dynamo Adsense between posts Categories at Sendungsbewusstsein Blogger reply box less previous posts Feed2JS Blogger admin menu MainOrItemPage & ArchiveOrItemPage Comments and adsense egold comments Cross page data transfer How to set up a google group for your blog How to add banner code to your post New ideas miss replaced my p4p800 e de luxe with a p4p800x in order to not-fix it mouseover banneradvertising It's 0 commentS 1 comment and 2 commentS Image preloader Spam blogs don't work? Images in blogspot comments Yahoo! 360° Blog this for blogger blogs HTML Basics - Google Video Import yahoo contacts into Gmail Breaking the blog Blogsearch rss better as Google? Just stop bookmarking - get those Google alerts Categories for Blogger - The winning solution [blogger hacks] FeedBlitz email subscription Talking the template how does each post know what category it is Wishes, Bugs & feature requests Selective next post link 11 posts per post page Living machines DHL over DSL Categories The ultimate Blogger secret I blog, you comment, I reply & you say nothing!! AHHHH!!! A new "read more" link Changing the categories - "this document is best viewed printed on paper far away from electrical devices. Cut down the javascript Singapore Web Hosting Blog - Google Analytics and Google SEO a different CSS for each post Notify Blogger about objectionable content. What does this mean? Blogger · Get your own blog · Flag Blog · Next blog · BlogThis! Search Engine Optimization Page Factors: Optimizing Meta Tags | LevelTen KnowledgeBase Warp speed browsing by subject Finding readers blogspot NEXT post links [move to older post] The complex tempate V2 machine search vs human interface: Adding graphics to categories HTMLDOC PDF-o-matic - Easy Software Products Google hardware, it's coming slowly... Gmail for nerds+ Adding graphics to categories What does the future of hardware have to offer? Google rss, the:"why it is crap" [XML] jsierra.net: Comment Notification Added Feedburner RSS toys, rss to email, atom to rss, clean up, fix, track or even publish rss on another site. Why I prefer the Opera webbrowser over the current Firefox how to make expandable post zones Making all text the same size Freelance your blog skills The mind that is google - man, to be dominated instructions for the tagged template installation Template tags for all The intelect of a blog platform - "how smart can it store?" Is MSN search inteligent enough to filter out good looking pages true valid html? Will our global artificial intelligence be able to understand documents in the same way we do?

Don't forget to NOT publish this new template and remember to set the blog back to it's original number of front-page postings. Then sort, describe, illustrate and elaborate-on what you've written so far. Remember metadata (data about the data) is just as inportant as the data it-self if-not even more inportant. full page »
postmorph | 1 comments permalink

C o m m e n t s :


Hi my friend,

We was from Singapore Blogger Organisation.

We was having a National Wide project to make "Singapore shint to World" in Guinness World Record.

We do sincerely need your piece of support.

Pls kindly register your blog with us to show your support - It's FREE!

Kindly visit us at : http://www.sgblogger.org for more informations.

Thank =]  

posted by Singapore Blogger Organisation - , at 12:02 AM .

how to add an icon to your website or blog

If you want to add an icon to your blog you have 2 options. the best way is to add an 16x16 image named favicon.ico to the root of your site folder.

http://www.[your website]/favicon.ico

For example:

icon:
url: http://www.google.com/favicon.ico

Another way (if you don't have access to your site folder for example on blogger) is to add a link tag to the html document. like this>

<link rel="shortcut icon" href="http://files.myopera.com/gabydewilde/blog/iconB.ico" type="image/x-icon" />

Add it some spot in the head of the document, under the <title></title> tags, right above the <style type="text/css"> would do the trick. In theory it should be an .ico file but I've seen other file types work to, even changing the extension of an animated gif works in some cases. You can use irfanview to convert, resize and crop your ico files. Microsoft paint is great for drawing 16x16 icons, convert them to GIF and make some nice animation with UnFREEz. My guess is that adding it to the html overwrites the icon in the site folder. It wont hurt to use a real icon in the folder and some expirimental gif in the <link> tag. full page »
postmorph | 0 comments permalink

C o m m e n t s :


Replace text with images

If you want the post titles in your blog replaced with images while the page loads. Insert this script into the head of your template. script>

<script type="text/Javascript">

function imagestring(b){
c = document.getElementById(b).innerHTML;
c = c.toLowerCase()
d = "<NOBR>";
e = c.length;
for( var f = 0; f < e; f++ )
{
a = c.slice(0,1)
c = c.slice(1)
if ( a=="<") {
find=c.indexOf(">");g = c.slice(0,find);c = c.slice(find);a="set";g = "<"+g; };
if ( a=="-") { g="<img alt=\"\" src=\"http://files.myopera.com/gabydewilde/blog/iconB.ico\">";a="set"; }
if ( a=="a") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/a.jpg\">";a="set"; }
if ( a=="b") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/b.jpg\">";a="set"; }
if ( a=="c") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/c.0.jpg\">";a="set"; }
if ( a=="d") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/d.jpg\">";a="set"; }
if ( a=="e") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/e.jpg\">";a="set"; }
if ( a=="f") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/f.jpg\">";a="set"; }
if ( a=="g") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/g.jpg\">";a="set"; }
if ( a=="h") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/h.jpg\">";a="set"; }
if ( a=="i") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/i.jpg\">";a="set"; }
if ( a=="j") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/j.jpg\">";a="set"; }
if ( a=="k") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/k.jpg\">";a="set"; }
if ( a=="l") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/l.jpg\">";a="set"; }
if ( a=="m") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/m.jpg\">";a="set"; }
if ( a=="n") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/n.jpg\">";a="set"; }
if ( a=="o") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/o.jpg\">";a="set"; }
if ( a=="p") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/p.jpg\">";a="set"; }
if ( a=="q") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/q.jpg\">";a="set"; }
if ( a=="r") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/r.jpg\">";a="set"; }
if ( a=="s") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/s.jpg\">";a="set"; }
if ( a=="t") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/t.jpg\">";a="set"; }
if ( a=="u") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/u.jpg\">";a="set"; }
if ( a=="v") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/v.jpg\">";a="set"; }
if ( a=="w") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/w.jpg\">";a="set"; }
if ( a=="x") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/x.jpg\">";a="set"; }
if ( a=="y") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/y.jpg\">";a="set"; }
if ( a=="z") { g="<img alt=\"\" src=\"http://photos1.blogger.com/hello/77/1912/200/z.jpg\">";a="set"; }
if ( a==" ") { g="</NOBR><img alt=\"\" width=\"25px\" height=\"1px\" src=\"http://kathleenie.blogspot.com/blank.gif\"><NOBR>";a="set"; }
if (a=="set"){a=g}
d = d.concat(a);
}
d = d+"</NOBR>";
document.getElementById(b).innerHTML = d;
}

</script>

then give the post title an id like this.html>

<h3 class="post-title" id="title<$BlogItemNumber$>"><$BlogItemTitle$></h3>

You can also give the id to the title link or a span, as long as there is no HTML inside the "to be replaced" text. (Supporting html would make it unnecessary slower.). Then add this some place under the title inside the
<Blogger> tags to trigger the script. script>

<script type="text/Javascript">
<BlogItemTitle>imagestring('title<$BlogItemNumber$>');</BlogItemTitle>
</script>

Hit save. republish and it should work. The images only work on blogspot hosted blogs. It would be best to make and use your own hosted font set.

Technically, it will already start inserting the images while the page is loading. As the alphabet is only used once (duh) it doesn't slow down a long page at all. The HTML and URL of the images is only one time in the template for each letter. The script may look a bit amateurish at first sight (it does to me haha) but I've just put the "script" part back into the "script". I feel that "as it's not a real programming language" it should be just a list of instructions where it can be. I just want the script to insert the images, I could make it count the letter's of the alphabet for each letter in each title, that would be a waist of time? Same as we could reuse the first part of each image URL, it would make the script engine do all kinds of things we don't need at all. So I think Javascript loops should only be used when we have no other option.

Nevertheless, this script can be much improved and/or simplified to your liking. I'm sure you can have big fun with it. Lets make some multi color titles with animation. :) full page »
postmorph | 2 comments permalink

C o m m e n t s :


Hey gabs but what about numbers and lowercase? that is included?

And finally i love this code.  

posted by Avatar - , at 6:09 PM .

you can extend the alphabet with different letters and/or numbers.

If you want lower and uper case you add the 26 new lines and remove this one:

c = c.toLowerCase()  

posted by Gaby de Wilde - , at 8:57 AM .

Each post a webservice

Now that my chaos of small ideas is melting together into one huge plan ( If only I had 3 or 12 of myself.) I've been keeping much of my scripting ideas to myself. My bad I know but I like to play with a concept while making it public. Do not think to big of my "making public", look at it as a sight or viewpoint that I publish. It may just inspire some-one to create teh cool. That would be enough of a reward. (altho I cant eat it) more>

Dusting off an old idea that seamed to complicated at the time being diverting each blog posting into a separate tool and/or service. Sure we have some nice tools on the web that can turn a posting into a chat client, flight- or hotel reservation client and what not? But what would be the true potential of this some what gadget-like post/client system? I have a few ideas, mostly they circle around mixing chunks of text and data to trigger scripts hidden in the posting and template in an ecological way.

I'm also working on the next categories script which involves more separating the scripts in this blog into example blogs as actual scripting. hahaha But I promise it will be great. :) I'm mainly mining for basic usability enhancements, not that the result shows in an obvious way still I'm arrogant enough to think I've found a few huge gems now. hihihi

What if we could create a whole webservice per day? It should happen with the ease of creating a post. To have an example (probably a bad one) "today I'm going to create a stock photo site" like thoughts. Or push button script any other web-store. There is this so called "badge" some sites/companies offer, much like advertisement companies it injects some content into a page. It's mostly primitive shit truly not worth it's own page but some industries (like hotels and travel agencies) have evolved the thing into a living client already. And it wasn't even build for the fun of it! The thing was entirely pioneered by the big and boring "give us your money" crew. The "scripting for fun" gang should be ashamed of themselves. I knwo I am. $lol$ - We are teh suck!

full page »
postmorph | 5 comments permalink

C o m m e n t s :


workie workie?  

posted by Gaby de Wilde - , at 2:59 PM .

[URL=http://imageshack.us][IMG]http://img102.imageshack.us/img102/9775/image1ry4.jpg[/IMG][/URL]  

posted by Gaby de Wilde - , at 2:59 PM .

testing...  

posted by Gaby de Wilde - , at 3:02 PM .

test  

posted by Gaby de Wilde - , at 3:08 PM .

hummm  

posted by Gaby de Wilde - , at 3:10 PM .

under contruction

I've discarded some of the older scripts here and created a new lay-out. Now I still feel I should expand the template hacking into something fit for posting code.
[img] full page »
postmorph | 0 comments permalink

C o m m e n t s :


banner for blogger profile

I've made A banner for my profile, what do you think of it?

this is the html> for the inline image. <a href="http://www.blogger.com/profile/3133906" title="gdewilde" ><img src="data:image/jpeg,%FF%D8%FF%E0%00%10JFIF%00%01%01%01%00x%00x%00%00%FF%DB%00C%00P7%3CF%3C2PFAFZUP_x%C8%82xnnx%F5%AF%B9%91%C8%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%DB%00C%01UZZxix%EB%82%82%EB%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%C0%00%11%08%00%3C%01%D4%03%01%22%00%02%11%01%03%11%01%FF%C4%00%19%00%00%03%01%01%01%00%00%00%00%00%00%00%00%00%00%00%00%01%02%03%04%05%FF%C4%000%10%00%02%02%01%03%02%05%04%01%03%05%01%00%00%00%00%00%01%02%11%03%12!12A%04%13%22QaBq%81%A1R%14%233r%91%B1%E1%F0%F1%FF%C4%00%17%01%01%01%01%01%00%00%00%00%00%00%00%00%00%00%00%00%00%01%02%03%FF%C4%00%1B%11%01%01%01%00%02%03%00%00%00%00%00%00%00%00%00%00%00%11%01%02!%12AQ%FF%DA%00%0C%03%01%00%02%11%03%11%00%3F%00%EB%94%D4U%B7B%8C%E3%3E%97g%26y9d~%C8P%CB%A6I%BEQ%2B~%3D%3B%275%08%DB2%8Ef%D5%F6%EEO%89%9AqI3%9CS8%DCz%2BqK%80%86%D1A.%0A%C1.%06%25%C0%C8%26%7D%2C%82%E7%D2%C8%0A%D2%3C%03%08%F0%0C%07%1E%06(%F02%A3%0C%AE%3Eg%A9%D2%13w%E1%9E%F7%FF%00%D2%E4%A6%B2j%8Co%F2K%C7%27%09%BA%F5J%B6%20%D2Sz%9Cc%1DM%7C%D0%BC%DFK%DBu%DA%C1%A9FnQ%8E%AB%F9%25%E3%93%B9%7DO%B1E%2C%92%D7%18%CA%15%7F%22%8EY%C9Z%C7%B7%DC%9DR%96hjU%CE%DF%81J%13%93%FF%00%1D%3F%E5%60t%00%00%09%8AJ%C6%C4%C0%9Ac%A6%00()%850%02PS%0A%60%05%A0%DC)%80%10*c%A6%00ZAL)%80%0AALUC%10%A0%003%CE%E4%A3qtT%5C%3AR%19%86%277%25r%E7%B5%1D%04PFIe%8D%BA%DB%F0Q%A1G%2C3%CEr%A5%C9%BE%BD%11%B9%ECs%E7%C4%E1-q%E0%B5%E2%13%C6%B6%B9%7B%17s%E3Q%A7%9F%8F%F9~%8A%86H%CF%A5%D9%96%3C%1B%EA%9F%3E%C2%CB%95%E3%93Q%24H%E8%0BDC%FB%90%F5og-F9%DA%7C%7F%D0%CC%23%AAy%23%0E%A7B%86ls%95E%EE%25%96)RFXg%A3%14%A5%EDB%11%D5%B0lsc%C7%E6%ADr%7C%F6%1E%5C*%10r%8B%DD%08F%EE%92%B6d%FCF4%F6va%96nj7%F2ub%82%8C%15%09%09%11%1F%11%8D%BA%B1x%8C%8F%1A%8E%9E%E5x%88%A7%89%B3%9Ew%2CQ%BF%92%E6%18%DF%1C%A78)%7B%81x%A3X%D2%02%0EL%CA%B236w%E4%C5%1C%9C%98e%C0%A1%8D%B5%BB3%1B%CE%5E%98%E3%8D%CBu%7F%07V%3CX%F6%94Q%C8%9D%1D%9E%1D%3F.%D8%C3%97ME.%06)pW2%5C%0CK%81%90L%FAY%05%CF%A5%90%15%A4x%06%11%E0%18%0E%3C%0CQ%E0eAag%9B%93%AD%90X%95%EA%D8%A4%A3%25R%DD%1EY~%5C%9A%E0B%BD%08B%10%E9TU%9E%5D%3Ao%B2%01%0A%F5%2C%2C%F3%25%17%1EPF.%5C!%0A%F4%98%9F%26~%1Fl1%BF%9F%F94%7C%93T%89%8C%94%8B2%C4%D7%A8%8A%A8IN*K%B9G%3Ca%AB%16%3D%AE%AFoq7%A62Q%8E%97%B5%AB%B0%8E%909%D4%25%19%27%1Cz%3EuYX%F1%C6z%B5%2B%03g%B1%9A%CC%9E%F5%B7%B9%A3I%AD%F82jx%E0%DE%AB%5E%D4%15z%96%AD%25%18i%8EL%B7%25%CF%C8%A5%08%CEM%A8q%DE%F9%08%DARQ%E4%A3%9A%94%F0%C1%CB~K%9E%18%A7%E9%8E%AA%EDt%06%C2d%E1%AAi*%F8-%94%23%1F%11%C2%5E%E6%C69w%9A%02q%FAT_%DC%DB%24%F4F%EA%CC%60%E9G%F2_%88%FF%00%1B%03%3F%EA%9A%FA%7Fgj%3C%A6z%13%C8%E2%A5K%8A%04VV%B44%CE_%0BZ%F76%9Cq%BB%94%E3%C7%C9%2F%1E%3D6%A1W%C6%EC%B9%ADcl%99T%23g%3E8%BC%B7%27*o%E0%D62%C7%8E%E2%B6%A1c%94%B2%AFT%7D%2F%E4R%23%04%DCT%A3%CBUCP%9F%98%E7F%BF%D3%E2%FE%3F%B6h%95-%85J%86%DE%9D%A3%BF%DC%C6%18%A4%A2%E0%D6%CF%B9%D2e%1C%AF%D6%DA%D9P%A5D%16L%3Bu%2F%F6%1C%B5%E5ZkJ%7F%93L%93%D3%5E%EC%5Ek%B4%B4%EE%FBX)%3C%11p%D3%DF%DC%98%C3%2C6R%B5%F6E%F9%CBR%8A%5B%BE%C2Rj%1E%88%DF%E4%15%2F%14%E7%D7-%BD%A8y%12%8E%94%A1k~%E2%8C%E5%27%155R%5C%97%8F%2F%98%FD*%D7%B8*%B5V%D4%05%01%10%00%00%11%E5B%EFO%EC%B0%E0%00%05.%06)p%02%5C%0CK%81%90L%FAY%05%CF%A5%90%15%A4x%06%11%E0%18%0E%3C%0CQ%E0eG%9B%93%AD%90i%92%12%D6%F6%17%97%2Fcl%A0%E9%94%92%9Cn6%FE%E6%3E%5C%BD%8A%FE%EA%FF%00%C8%82%DA%A8f_%E9%23%07%5E%DD%5D%85%15%92%3Cl%12Y%25%C8%0F%17%F8%E7%7D%3BX%F2V%98oQ%DE%89%92%C9.w%08%AC%91%E3%60%3B%A2%9AU%27o%DE%87%DC%8C%17%E5%2B%E4%BE%E6u%A33%96%18M%DC%A3o%EEh%04%11%2Cq%9AJJ%E8%23%8A%11M%25%B3%F9%2C%00%CE8q%C5%DA%8E%FF%00r%A3%15%1E%11%40%02j%CC%FC%8Ck%E9%FD%B3P%02%27%8A%13%EAV%2F%27%1F%F1%FD%9A%00%11%E5CF%8A%F4%FB%13%E4c%FE%3F%B6j%00La%18*%8A%A4%12%E4%A3%9B%C4u-%E8%A3c%9EoT%E3%FB3%8B%B7%C9R%5B%EE%F9%02%A1%D0%AC%AC%CE%F0%99%D5%AE%7FD%E4%D9s%FA%03%26z%12%C4%E4%A5%BD_%C1%E7%9E%AA%E0%08%94.%F7%E4%97%8AM%B7%AB%9F%83P%B0%B5%9A%C6%E2%DD%3A%B0%86%3D2n%CD%00%15%8B%C8%9B%84%AE%B9%DB%DCq%CA%DE%F2%8E%95%EFvL%B1M8o%A9%2B%F8%1C1J%96%B9Z%F6%A22%A5%91%CB.%94%BD%3E%E2%F2%7D3Z%BA%AB%B0G%13Y5%CAV%FE%C5%E4n0mrQ%8A%F0%CDo%AF~%EE%8Bx%5B%92%96%AFR%F8%1E%19%C9%B7%19%3DU%F5qa%3C%CA%12%A9l%BD%C5T%C7%03S%8C%9C%AE%BE%02x5%C5-U_%05%2C%B6%A4%EB%81%2C%B2%FA%E1%A7%DB%7B%B0%12%C2%E3%BA%96%FF%00%60%8E%27%E6%EB%D7%C7*%87%E6%CA%97%A3%D4%FE%9B1%F3%27%08%CA%A3M%D7~%05%23%AC%0C%23%93.%95x%AF%E7R%007%14%9BUC%26n%9A%02e%27MI%05%CD%F0%0D%5C%5Bb%94U%F0Ej%B7B%97%03B%97%05B%5C%0CK%81%90L%FAY%05%CF%A5%90%15%A4x%07%C0G%81%84%11%7D%86C%E4-%81%60E%B0%B6%05%81%16%C2%D8%16%04%5B%0B%60X%11l-%81L%5D%C6%B8%17p%14%88%BA%DD%15%93%86L%5B%7B0%A7%C3_%22%ED%A8%23%BB%DF%B0.%AA%EC%01v%ED%F0St%AC%97%D5%5D%8A%02%5E%CBw%BF%BD%0E%DD%ED%D8%9E%1E%9E%C3%96%CFn%E0%3B%BE%02%EE%BEE-%B8%1B%D9m%D8%05~%A4%98)%5B%FB%84z%81uW%60(%E5%F1M%EA%5B%9DG%2F%8A%EB%40%60%9BA%A9%FB%80%8A%87%A9%D8j%BEB%90%80v%8FUpy%27%AC%B8%02%5E%A6%F6t%2Bt%B7%DC%1CS%96%E5R%D8%8A%88%DD%F5_%E0!%27%B6%FC%95%18%A4%F6A%A25T%0A%25%27%BD25J%EBW%E8%D3J%AE%02QO%94%06nR%A5l%AC%89%BCO%DCn%11otP5%CF%19F%FD*%A3%DC%D6x%D4%DAo%B1%60TB%C6%B4i%F7%EEJ%C5%27%D7%3DO%B6%D5F%A0%06S%C5%27%25(%CFK_%16O%91%3D-y%9C%F3%B1%B8%018%E1%A2%0A%3C%D0%14%00%7F%FF%D9"></a>

full page »
postmorph | 0 comments permalink

C o m m e n t s :


 


Powered by Blogger