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