Este script é muito legal pois ele exibe uma mensagem diferente para cada origem do visitante, ex: visitante do Google, ele exibirá a seguinte mensagem: "Bem vindo, visitante do Google! Se você achou esta página útil, não esqueça deSubscrever-se em nosso RSS Feed para acompanhar as atualizações."

Ele exibe também para outros sites como feedburner, entre outros mas ainda é necessário a tradução de partes do script ele está disponível para download aqui, basta traduzir e substituir no script. Mas lembre-se de não retirar os créditos do autor original.

Instalação

1)Acesse o painel do Blogger "blogger.com"
2)Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"-> Selecione a opção "HTML/JavaScript"
3)Insira o seguinte código modificando de acordo com seu blog:
<script src="http://www.yourjavascript.com/20105118173/TextToBeDisplayedDiv-minv3.0.js" type="text/javascript"></script>
<div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none">
<div style="float: right; margin-right: 5px; margin-top: 5px;">
<a href="#" onclick="closeGreetBox('7')">
<img border="0" alt="x" src="http://2.bp.blogspot.com/_8AL-4bHE9zs/S2Xkon-L3yI/AAAAAAAABf8/16Tvfnqv_kY/s1600/closebutton.png" />
</a>
</div>
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "Url-do-seu-Feed";
var dynamicHTMLText = displayRequiredText(feedURL); document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://bloggergreetbox.googlecode.com/files/HideShowDiv-minv3.0.js" type="text/javascript">
</script>
<script type="text/javascript">
showHideDiv();
</script>

OBS: Em vermelhos você pode substituir pelo script totalmente traduzido como foi dito acima. Em verde insira a url do seu Feed.
4)Salve. E veja o resultado.

Uma dica: Para fazer um teste pesquise no google o seguinte termo substituindo é claro pela url do seu link:www.noticiaeblog.com clique em um resultado que redirecionará para seu blog. Veja o que acontece com script.Veja um demo aqui

Referência: Classic Tutorials

Este truque é útil, pois a gente as vezes publica em um certo marcador postagens que contém muitas imagens, vídeos, músicas, o que torna a página muito pesada e faz com que a gente perca visitas pois o blog não abre ou abre incompleto, ou seja com imagens faltando com textos sem formatação devido ao carregamento, para fazer a alteração e controlar o número de postagens por marcador do seu blog faça o seguinte:

1)Acesse o painel do Blogger
2)Vá em "Layout"->"Editar HTML"-> Marque a opção "Expandir Modelos de Widgets"
3)Procure pelo seguinte, utilize "CTRL" e "F":
data:label.urlSubstitua pordata:label.url + "?max-results=100"
Obs: Pode haver vários destes trechos, mas lembre-se de que é o terceiro quem vale. O número em vermelho reference ao tanto de postagens que será exibida por marcador.

Imagem por: Progetos Dasy

Está Mini Navbar é muito interessante pois ela possui várias funções úteis, como, atualizar a página, ir para o topo e ir para cima. E ainda possui um link para o seu feed o que torna desnecessário o uso da navbar do blogger, possui também a possibilidade de se adicionar a comunidade do Orkut, além disso sua instalação é muito simples veja:

Instalando a Mini Navbar

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Editar HTML"
3)Procure pelo código abaixo, utilizando as teclas "CTRL" e "F":</body>Acima do código anterior adicione o seguinte:<style type='text/css'>
<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<script language='JavaScript'>
    function cima() {
    window.scrollBy(0,20); // velocidade para cima
    scrolldelay = setTimeout(&#39;cima()&#39;,100); // tempo da rolagem
    }

    function baixo() {
    window.scrollBy(0,-20); // velocidade para baixo
    scrolldelay = setTimeout(&#39;baixo()&#39;,100); // tempo da rolagem
    }

    function stopScroll() {
    clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
    }

    </script>
<div id='mininavbar'>
<a href='#' onClick='window.location.reload()' title='Atualizar página'>
<img src='http://imgur.com/mJT3c.png'/></a>
<a href='http://www.noticiaeblog.com/' title='Página principal'>
<img src='http://imgur.com/i9I74.png'/></a>
<a href='http://feeds2.feedburner.com/Noticiaeblog' title='Feed'>
<img src='http://imgur.com/Xzva4.png'/></a>
<a href='http://www.orkut.com.br/Main#Community?cmm=93902414' title='Orkut'>
<img height='16px' src='http://imgur.com/ooCIc.gif' width='16px'/></a>
<a href='' onmouseout='stopScroll()' onmouseover='baixo()' title='Ir para o topo da página'>
<img src='http://imgur.com/uYmkQ.png'/></a>
<a href='' onmouseout='stopScroll()' onmouseover='cima()' title='Ir para o final da página'>
<img src='http://imgur.com/BaWzD.png'/>
</a>
</div>
<a name='finalpg'/>4)Substitua o código em verde pela url do seu blog, em vermelho pela url da comunidade,em laranja pela url do feed;
5)Salve as alterações e visualize. O resultado será este abaixo:

Todo mundo sabe que um Blog hoje em dia recebe visita de vários países e muitos deles não falam a nossa língua. Como estamos na era na conectividade, informação, o idioma não deve ser um problema para você receber visitas pois você pode traduzi-lo com um tradutor autómatico, que faz uma tradução rapidamente para qualquer idioma.

Recursos do Widget

1. Ele auto detecta o seu idioma e já disponibiliza as traduções.
2. Ele possui o seguintes idiomas: Inglês, Francês, Alemanha, espanhol, italiano, holandês, brasileiro, russo, japonês, coreano, árabe e chinês.
3. Se ajusta automaticamente ao seu layout, sem precisar de ajuste na CSS.

Adicionando o Widget

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Elemento da página"->"Adiciona um Gadget"
Selecione "HTML/JavaScript"
3)Como conteúdo insira o seguinte: <style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

<br/>
<a href="http://www.bloggerarticle.com/"><font size="1px">Feito por www.AllBlogTools.com</font></a>4)Salve e visualize

Referência: Allblogtools

Com o lançamento do mais novo navegador da Fundação Mozilla, ficou quase impossível usar o Internet Explorer. Com o lançamento da versão 3.6 do navegador Mozilla, ficou ainda mais rápido e fácil acessar a internet, além de que agora pode ser facilmente personaliza com temas e extensões que tornam deste navegador um super, capaz de exercer várias funções, entre elas a capacidade acessar e-mails como Yahoo e Gmail pela sua interface pratica e simples de se usar.

Também ouve uma melhoramento que tornou ele mais compatível com scripts, CSS e o HTML5 o grande inovador das páginas web, com a leitura de scripts mais rápido o navegador se torna muito mais rápido veja o mini gráfico de velocidade abaixo que mostra o melhoramento em cada uma de suas versões:
Se você ainda usa o Internet Explorer, cuidado pois alguns países como Alemanha e França estão indicando aos usuários para que abandonem o IE e usem outro navegador pois este está com risco certo de invasão por vírus apesar dele ser constantemente atualizado não é mais interessante o seu uso ele se tornou arcaico e fraco ou seja mude logo para o Firefox 3.6 e seja mais rápido mais simples e mais bonito!

O Blogger lançou o que nós blogueiros esperávamos as páginas estáticas um recurso muito util para aquelas páginas fixas, como por exemplo as páginas de contato e de parceria onde nelas não queremos que apareçam rodapé, formulário de comentário e muito menos a data, para ter este recurso no seu blog você tem que ter o trecho de código para as páginas estáticas se o seu template é o padrão do blogger, não se preocupe pois ele é alterado sozinho mas se foi totalmente personalizado você deve inserir veja abaixo como inserir este código no seu Layout:

Instalando o recurso páginas

1)Acesse o painel do blogger(blogger.com)
2)Vá em "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3)Procure o seguinte código, utilize as teclas CTRL e F para procurar:<b:include data='post' name='post'/>Abaixo deste código insira o próximo:<b:if cond='data:blog.pageType == "static_page"'>
   <b:include data='post' name='comments'/>
 </b:if>4)Salve as alterações.

Criando as Páginas Estáticas

1)Para criar as páginas estaticas é muito simples, primeiro acesse a página de teste do Blogger o chamado Blogger in draft, onde os novos recursos são testados e aprimorados.
2)Acesse "Postagem"->"Editar páginas"->"Nova Página"
3) Escreva um título para página e em seguida o conteúdo, do mesmo modo que você cria suas postagens.
6)Clique em visualizar página, note que não aparecerá data, e que a url será diferente.
         Veja uma página Estática Pronta

Salvamento automático de Widgets

Um recurso muito util que foi lançado pelo Blogger é o Salvamento de Widgets, pois quando tínhamos que trocar de template a gente teria que salvar os códigos de todos eles antes de efetuar a troca agora não é mais necessário basta clicar em "Manter Widgets" no momento da troca de Layout. E pronto!
Agora vamos aguardar mais novos recursos esperamos que seja o melhoramento do formulários de comentários!

imagem por: friends2.files

Um contador é sempre bom para termos umas estatisticas sobre o nosso blog. Este contador exibe o número total de postagens e de comentário do blogger, ele é baseado em JavaScript e pode ser personalizado com o uso de CSS, o blogueiro Fernando, do blog Blogueiros na Web que criou este incrível contador que possui um instalador no qual você pode excluir da contagem por exemplo os seus comentários ou os comentários anônimos. Se você não sabe como personalizar utilizando CSS você pode enviar um tema para o Fernando que ele faz a instalação para você e seu tema também ficará disponivel para todos os que instalarem o Gadget, além disso você ainda recebe os créditos pelo Layout. Para instalar é muito simples basta clicar no link abaixo e instalar no seu blog:

Foi me pedido por comentário e por e-mail um jeito que fizesse que o botão do Orkut enviasse uma miniatura da página junto com o link. Então pensei em utilizar a API simples dos screenshots, ou seja daqueles site que capturam uma miniatura da página, muito utilizado em agregadores como por exemplo o Dihitt. Então fiz a adaptação e está ai em baixo um mini tutorial de instalação:

Atenção se você possui a versão anterior do botão que foi mostrado aqui será necessário fazer a substituição, se não souber volte ao tutorial anterior e desfaça.

Instalação

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Editar HTML"->marque a caixa "Expandir Modelos de Widgets"
3)Utilize as teclas CTRL e F para procurar o código abaixo no seu template:<data:post.body/>4)Antes do código acima insira o seguinte:<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:4px;'>
<a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title + &quot;&amp;tn=http://api.thumbalizr.com/?url=&quot; + data:post.url + &quot;&amp;width=250&amp;cn=@noticiaeblog&quot;' target='_blank'>
<img src='http://i48.tinypic.com/9urbs9.png'/>
</a>
</div>
</b:if>5)Em vermelho substitua por uma descrição para todas as suas urls não especifique apenas uma, use uma descrição neutra.
6)Salve as alterações e visualize.

Observações: É normal aparecer uma imagem como está abaixo, mas ela só aparece no primeiro clique:


Imagem por: Info Abril

Divulgar o Feed é muito importante para o seu blog pois atráves você recebe mais visitas, este botão flutuante ajudará você nesta divulgação. Ele exibe uma imagem de RSS no canto da página, com um link para o seu RSS/Feed. Veja abaixo como instalar no seu blog:

Instalando no blog

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Editar HTML"
3)Procure pelo seguinte código "utilize CTRL e F" :</body>Antes do código acima insira o seguinte adaptando de acordo com a nota:<a class='feedback' href='URL_DO_FEED' style='display:scroll;position:fixed;bottom:270px;right:0px;'><img src='http://1.bp.blogspot.com/_gcgjC6O3wCs/SgrRWQQjeXI/AAAAAAAAAQs/WPzM1JnSwXI/s320/rss_orange_l.jpg'/></a>Nota:Substitua URL_DO_FEED pelo link do seu feed, se não souber insira "/feeds/posts/default" sem aspas. Em vermelho substitua pelo url da imagem que vai aparecer, por padrão já uma mas você pode trocar por uma do seu gosto, abaixo alguns exemplos de imagem:
                                                               

Instalando a CSS

A css é importante pois ela alinha e da efeitos a imagem para instala-la é bem simples veja:

1)Procure pelo seguinte código:]]></b:skin>2)Antes do código acima insira o seguinte:/* Boton RSS
--------------------------- */
.feedback{ opacity:0.6; filter: alpha(opacity=60);}
.feedback:hover{ opacity:2; filter: alpha(opacity=200);}3)Salve as alterações e visualize.


Referência:El Escaparatederosa

Falar de Computação na nuvem (Cloud computing), é para alguns leigos, um computador ou um programa de díficil instalação ou utilização. Mas não é bem assim é mais simples do que parece, essa tecnologia visa facilitar a interação entre o usuário e a maquina, mas ao invés de maquinas fisicas, tudo isso roda na web sem a necessidade manutenção por parte do usuário, não há "lentidão" como ocorre nos computadores de casa em que neles há um sistema operacional que muitas vezes está desprotegido e até mesmo vuneravél as diversas pragas da internet podemos citar entre elas vírus, spywares, trojan. Segundo o IDG News 1 em 1000 páginas da web está infectada como downloads mal intencionado.

  Para vermos esse sistema em funcionamento será preciso mais investimento em conexões com a internet pois, o sistema necessita de uma velocidade de transferência maior, para que o usuários possa utilizar sem nenhuma queda de conexão ou até mesmos falhas, por parte da operadoras de internet, aqui no Brasil nos sentimos um pouco desconsolado com os serviço atualmente prestado, muito deles não oferecem a velocidade que contratamos ou até mesmo impondo limites de transferência de dados. Muitos acham que só porque nosso país não é desenvolvido não temos condições de ter essas tecnologias funcionando, isso é mentira temos sim o Brasil, inovou a tempos atrás por ser o 1º a ter urnas eletrônicas que tornaram as eleições rápidas e seguras, livre de fraudes, também inovamos com a chegada da tv digital e agora também com o rádio digital, isso mostra que nosso país pode sim basta que tenhamos uma melhor organização e mais investimento.

  Ficamos empolgados com a chegada do Chrome OS o sistema operacional do Google baseado na Nuvem em que nele constam vários serviços mas, todos rodando na internet sem a necessidade de instalação de programas auxiliares. O sistema possui apenas uma base que é instalada no computador o restante funciona pela internet o que fez o sistema se tornar mais leve pois não necessita de armazenamento de informações rotineiras pois todas elas estão na internet como você pode ver no vídeo que mostra como o novo sistema funciona:
E assim ficamos na esperança de um dia termos estes incríveis serviços nos ajudando a interagir como a web.

“Esse post está participando do concurso Profissão Blogueiro, da Lenovo (www.ideiasnoar.com.br/profissaoblogueiro)”

Evitar passar créditos para outros sites significa evitar que o site seja indexado a partir do seu blog, isso é muito bom para anúncios, parceiros, propagandas, etc. Um truque para evitar que isso ocorra é adicionar um atributo simples chamado "nofollow" que evita essa indexação pelo buscador e mostra que o link não tem importância, além disso seu site vai ficar com um PageRank maior pois você não está divindo ele com ninguém, veja como utilizar o atributo:

Adicionando o atributo

Você deve inserir nos links que deseja o atributo rel="nofollow"da seguinte forma:
ex:
<a href="http://draft.blogger.com/link-desejado" rel="nofollow">Link desejado</a>

Pronto este simples atributo está inserindo e funcionando para os buscadores!

O sistema PageRank é usado pelo motor de busca Google para ajudar a determinar a relevância ou importância de uma página. Foi desenvolvida pelos fundadores do Google, Larry Page e Sergey Brin enquanto cursavam a Universidade de Stanford em 1998.
O processo do PageRank™ foi patenteado pela Universidade de Stanford nos Estados Unidos da América sob o número 6.285.999. Somente o nome PageRank™ é uma marca registrada do Google.
Calcule agora mesmo o seu page e verifique a relevância de sua página, abaixo uma caixa onde você deve digita o endereço do seu Site/Blog para que seja feito o calculo:

Verifique o PageRank de qualquer página da web instantaneamente:

Esta ferramenta gratuita é fornecida por MestreSEO.

Em nota: Quero agradecer a todos os que colaboraram para fazer do nosso blog um PageRank 3!
Referência: Wikipédia
imagem por: wongsableng.com

Este sistema é útil quando queremos colocar um campo para que o usuário possa enviar suas fotos direto da página sem login e senha, ele envia direto para o servidor. É necessário que o servidor aceite PHP, não é necessário ("BD", banco de dados) o que facilita e muito para os usuários menos experientes, vamos então ao tutorial:

Baixando e enviando os arquivos para o servidor

Antes de tudo é necessário que você possua um programa "ftp" para enviar os arquivos para o servidor, eu indico o "Filezilla" que é um programa gratuito e que faz todo o serviço de upload.

1)Serão utilizados dois arquivos no sistema, (baixe aqui - link direto) ou (baixe aqui - mirror) . O arquivo está no formato .rar então é necessário que você tenha um descompactor de arquivos.
2)Envie para o servidor.
3)Anote o link dos dois arquivos enviados se você não modificou o nome é upload.php e exibir.php

Inserindo o sistema em uma página

Como eu disse no passo anterior você deve obter os links diretos para os arquivos ex: "http://www.noticiaeblog.com/upload.php"

1)O meio mais fácil de inserir o sistema em uma página é utilizando um "iframe" que é uma página dentro de outra página abaixo o código padrão de um iframe:<IFRAME name=sistema src="http://local-que-voce-hospedou/upload.php" frameBorder=0 width=400 height=250 scrolling=auto></IFRAME>Em laranja você deve substituir pelo link direto do arquivo upload.php. Insira o código alterado entre as tags <body> e </body>
2)O arquivo exibir.php, exibe as imagens hospedadas pelo sistema, se seu interesse é apenas fazer upload para o servidor, desconsidere o arquivo ou exclua.

Caso haja dúvida pergunte nos comentários!

Referência: Códigofonte.net
Update(26/01/2012): Link de download corrigido.

Um menu é uma lista de links que organiza e agrupa os principais links do blog de forma a ajuda o leitor a se orientar e encontrar o que procura. Neste menu é interessante concentrarmos links como os da home, contato, conteúdo mais discutidos ou vistos entre outros links. Além destes benefícios ele também da um ar de elegância ao Blog deixando mais atrativo e convidativo a novas visitas, vamos a instalação:

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Editar HTML"
3)Procure pelo seguinte código utilize "Ctrl e F":</head>Antes do código acima insira o próximo:<!--jquery-DD-Menu-Starts-->
<style type="text/css">
/* menu styles */
#jsddm
{ margin: 0;
padding: 0;}

#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;}

#jsddm li a
{ display: block;
background: #324143; /*DARK-GREEN*/
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 70px;
color: #EAFFED;
white-space: nowrap;}

#jsddm li a:hover
{ background: #24313C;}

#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;}

#jsddm li ul li
{ float: none;
display: inline;}

#jsddm li ul li a
{ width: auto;
background: #A9C251; /*LIGHT-GREEN*/
color: #24313C;}

#jsddm li ul li a:hover
{ background: #8EA344;}
</style>


<!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open);
$('#jsddm > li').bind('mouseout', jsddm_timer);});

document.onclick = jsddm_close;
</script>
<!--jquery-DD-Menu-Stops-http://bloggerstop.net-->
4)Salve as alterações

Instalando no template

1)Vá agora em "Layout"->"Elementos da página"->"Adicionar um Gadget"->Selecione "HTML/JavaScript"
Como conteúdo insira o seguinte código alterando de acordo com a nota:<!--BODY-CODE-->
<ul id="jsddm">
<li><a href="#">JavaScript</a>
<ul>
<li><a href="#">Drop Down Menu</a></li>
<li><a href="#">jQuery Plugin</a></li>
<li><a href="#">Ajax Navigation</a></li>
</ul>
</li>
<li><a href="#">Effect</a>
<ul>
<li><a href="#">Slide Effect</a></li>
<li><a href="#">Fade Effect</a></li>
<li><a href="#">Opacity Mode</a></li>
<li><a href="#">Drop Shadow</a></li>
<li><a href="#">Semitransparent</a></li>
</ul>
</li>
<li><a href="#">Navigation</a></li>
<li><a href="#">HTML/CSS</a></li>
<li><a href="http://noticiaeblog.com/">Ajuda para Blogueiros</a></li>
</ul>
Nota:O símbolo "#" reference aos links, em azul são os títulos dos links que serão exibidos no menu horizontal, altere de acordo com link escolhido.
2)Salve as alterações e visualize.

Referência:Bloggerstop.net

Update: (10/11/2010) Erros corrigidos.

Hoje em dia na internet estamos sujeitos a vários crimes entre eles o plágio que é um crime previsto no código penal, que defende pessoas que tiveram suas obras roubadas, copiadas ou melhor plagiadas. Para se proteger deste crime existe um truque simples que é bloquear o botão direito do mouse contra possíveis cópias de conteúdo, mas olhe primeiro o conteúdo do seu blog se for um conteúdo de ajuda que forneça ao leitor códigos ou arquivos não é interessante usar está modificação, mas se for de textos de caráter informativo é legal usar sim para proteger seu conteúdo, então vamos a instalação:

1)Acesse o painel do Blogger (blogger.com)
2)Vá em "Layout"->"Editar HTML"
3)Procure pelo seguinte código (utilize CTRL e F para procurar):<body>4)Substitua pelo seguinte código:<body oncontextmenu='return false' onkeydown='return false'>5)Salve as alterações e visualize.

Pronto você bloqueou o botão direito do mouse com o uso de Java Script!