have a look at

50 Excellent AJAX Tutorials

Read more...

have a look

btw: i really recommend to subscribe to this blog - you can find lots of usefull informations ... have fun
Read more...

Image via CrunchBase

[edit]for an example you could have a look on my about me page[/edit]

Unfortunately it took a long time till i tried to simplify my former "how-to: Static Pages in Blogger ARE possible" [link], but here we go ...

I use the HTML/JavaScript widget to get the impression of static pages


Step 1: Layout -> Add a Gadget

Step 2: Basic -> HTML/JavaScript

Step 3: Add your static content and save

Step 4: Place it above the "Blog Posts"-Widget

Step 5: save your changes

now we have to hide this gadget (otherwise it would appear all the time before your blog actually starts - see screenshot below) – therefore we have to change the template (do yourself a favour and backup the template before you change something!!!)

Backup your template

Step 6: Activate the checkbox "Expand Widget Template"

Step 7: Search for the string “title='Blog Posts'” – that’s the first line of the post-widget
Your HTML/JavaScript widget should be direct above this widget

Step 8: To hide the widget we have to add a line of code

This way – you will only see the static content if you link to [YOURBLOG].blogspot.com/label/xxx

Step 9: To hide the Blog Posts while you are displaying the static content you have to add the following lines of code

Search for "id='nextprev'" and add the code directly under that line

Read more...

This how-to is still "under construction" I just published it, because i think lots of people are suffering the same problem

[update]New Version available![/update]

Watch out my static 'About me' - page

'cause of a mysterious motivation boost i sat down yesterday night in front of my laptop, and tried to find is a way for "real-looking" static pages on blogspot.

and to make a long story short there is a way, to get professional looking static pages!

... i will still invest some work into this topic, but for now i will show you how it works with my 'quick-and-dirty' method (the breaking idea comes from hoctro's adding a frontpage tutorial).

here we go ...


1) let's start
add a page element (HTML/JavaScript) somewhere in the layout and drag it to show up before the 'blog post' section

2) change the layout
go to Layout - Edit HTML and enable the checkbox for Expand Widget Templates (do yourself a favour and SAVE your template before you change it)

3) search for the head-tag
and add the following lines of code directly after this tag

4) after the closing head-tag
you should find the body-tag - there you add onload='doIT()'

[body onload='doIT();']

5) now the magic happens!
search for your widget you added in step 1 (title) and add line 4 and 12

[b:widget id='HTML5' locked='false' title='About me' type='HTML']
[b:includable id='main']
[!-- static content starts--]
[b:if cond='data:blog.url == "http://[YOURBLOG].blogspot.com/search/label/xxx"']
[!-- only display title if it's non-empty --]
[b:if cond='data:title != ""']
  [h2 class='title'][data:title/][/h2]
[/b:if]
[div class='widget-content']
  [data:content/]
[/div]
[/b:if][!-- static content --]

6) we are nearly finished ...
search for widget blog1 and add lines 3 to 5

[b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog']
[b:includable id='nextprev']
[b:if cond='data:blog.url != data:blog.homepageUrl']
[script]document.getElementById('Blog1').style.visibility='hidden';[/script]
[/b:if]

7) last one ...
edit your HTML/Javascript Widget you added in step 1
open the html view and add these lines

after that step, you can finally add your content!

So That's IT ... i know - it's not the easiest way, but i'm thinking of rewriting it to make it a bit easier. Maybe i even create a own widget to make it more comfortable to use



Read more...

after some debugging i found the reason for the js-error ie reported all the time ...

here is a simple solution ... ignore the Statement 'Don't change anything past this point ----------------- ' in the script-part and replace

function s(a,b,i,x){
  if(a>b){
      var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
         }
  else{
      var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
      }
  return v
}

with

function s(a,b,i,x){
 var m = 1;
 var v = 1;

 if(a>b){
    if (Math.log(x) > 0)  {
       m = (a-b)/Math.log(x);
    } else {
       m = 1;
    }
    var v=a-Math.floor(Math.log(i)*m)
 } else {
    if (Math.log(x) > 0)  {
       m = (b-a)/Math.log(x);
    } else {
       m = 1;
    }
    v=Math.floor(Math.log(i)*m+a)
 }
  
 return v;
}

now you shouldn't have any problems ...
Read more...

Here is a short description of how to embedding a labelcloud into blogger ...

The originally script was written by phydeaux3 and modified by Seige ... i just wrote this post to try how the syntaxhighlighter works you'll find more informations regarding this topic here (phydeaux3 & Seige)

1) CSS. Goes anywhere between the tags b:skin and /b:skin, preferably right before the end tag

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud  .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

2) Widget. Goes anywhere between b:section id="'sidebar'" and /b:section (replacing the first b:widget id="'Label1'" ... line)

    








()

regarding to internet explorer 6, there is a js-problem (illegal statement) but the script works fine with Safari&FF - i'll chase the problem when i find some motivation - sorry

Problem solved - here you can find what to do

Read more...