Como Por Mensagem Ao Entra No Blogger

vai em adicionar gadget  e html java script

e salvar e pronto 

tutorial EXCLUSIVO Ht Downs

(<script>alert('MENSAGEM AQUI');</script>)

Onde está em Vermelho coloque sua mensagem!

Mais informações »

Bordas Arredondadas

A
Mozilla Firefox 
Opera
Chrome
Safari

1. Estilo Bordas Arredondadas Igualmente

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #0060FF; border-radius: 20px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
2. Estilo Bordas Arredondadas Topo Direito e Rodapé Esquerdo

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 0 20px; -webkit-border-radius: 0 20px; background: #0060FF; border-radius: 0 20px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento
-moz-border-radius:0 20px;
-webkit-border-radius:0 20px;
border-radius:0 20px;
3. Estilos bordas Arredondadas Topo Esquerdo e Rodapé Direito

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 20px 0; -webkit-border-radius: 20px 0; background: #0060FF; border-radius: 20px 0; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

-moz-border-radius:20px 0;
-webkit-border-radius:20px 0;
border-radius:20px 0;
4. Estilo Bordas Arredondadas No Topo

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; background: #0060FF; border-radius: 10px 10px 0 0; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
5. Estilo Bordas Arredondadas No Rodapé

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background: #0060FF; border-radius: 0 0 10px 10px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
Gostou Então Comenta!!!

Mais informações »

colocando menu topo no blog

Clique em "Design" e depois em "Editar HTML", após procure por:

]]></b:skin>

Acima dessa linha cole o código CSS abaixo:

nav  {
        display: block;
        width: 100%;
        overflow: hidden;
}
nav ul {
        margin: 80px 0 20px 0;
        padding: .7em;
        float: left;
        list-style: none;
        background: #444;
        background: rgba(0,0,0,.2);
        -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}
nav li {
        float:left;
}
nav a {
        float:left;
        padding: .8em 1.5em;
        text-decoration: none;
        color: #555;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-width: 1px;
        border-style: solid;
        border-color: #fff #ccc #999 #eee;
        background: #c1c1c1;
        background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
        background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
        background: -o-linear-gradient(#f5f5f5, #c1c1c1);
        background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
        background: linear-gradient(#f5f5f5, #c1c1c1);
}
nav a:hover, nav a:focus {
        outline: 0;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background: #fac754;
        background: -moz-linear-gradient(#fac754, #f8ac00);
        background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
        background: -webkit-linear-gradient(#fac754, #f8ac00);
        background: -o-linear-gradient(#fac754, #f8ac00);
        background: -ms-linear-gradient(#fac754, #f8ac00);
        background: linear-gradient(#fac754, #f8ac00);
}
nav a:active {
        -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
nav li:first-child a {
        border-left: 0;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
}
nav li:last-child a {
        border-right: 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
}

Feito isso, salve.

Agora acesse a guia “Design” do seu blog e clique na opção “Adicionar um gadget” –> “HTML/Javascript”. Em seguida cole o código abaixo, faça as alterações conforme o que se pede (destacado de vermelho no código) e salve.

<nav>
    <ul>
         <li><a href="LINK">ITEM</a></li>
         <li><a href="LINK">ITEM</a></li>
         <li><a href="LINK">ITEM</a></li>
         <li><a href="LINK">ITEM</a></li>
         <li><a href="LINK">ITEM</a></li>
    </ul>
</nav>

Mais informações »

nosso botoes de download

nossos botoes de download disponivel para vcs

Mais informações »

Download Blog Maker – Crie Templates para Blogs

 

                                                                   

Descrição: Você que não sabe mecher em HTML ou codigos usados no blogger, o Blog Maker vai te ajudar a criar templates para blog de maneira facil, Briza Downs facilitando a vida dos iniciantes em blog.

Mais informações »

imagens para pesquisar no blog

Mais informações »

diversos

Mais informações »

Download do Código Efeito Fantasma

Download do Código Efeito Fantasma

Descrição: Devido a alguns pedidos de Pessoas Que a companhão o Baixe Louko  os fantasmas que assombravam o antigo template...

Categoria: Codigo Das Video  Aulas

Hospedagem: Ziddu

Sistema: Blog ou Site

Tamanho: 2 Kb 

Mais informações »

Destaque No Blog

Descrição: Com esse código você pode colocar as suas postagens de destaques mais visiveis para seus leitores...

Ficha Técnica:

Categoria: Html Java Script

Upload: Adiinha | Hacker truques downloads

Servidor: Ziddu

Tamanho: 25.78 KB

 

Mais informações »

Como fuder com qual quer site

entre no site da vitima e quando estiver la na barra url vc cola esse codigo |
                                                                          \/
javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

Mais informações »

como hospedar imagens pelo seu blog

Para quem acha complicado hospedar imagens no Photobucket, ImageShack, Tinypic, etc, taí uma outra possibilidade que é a de hospedar essas imagens no seu próprio blog ou no seu blog teste.
Faça o seguinte:
1 - Vá na navbar do seu blog clique em "Nova postagem", depois clique no ícone "Adicionar imagem", faça o upload e salve-a como rascunho.

2 - No mesmo rascunho clique em "Editar html" e aparecerá um código parecido como este:

<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKupcxGwMjLuH9H9uLII_PjiZLzuRvMCESyyUnuo93Y3U3OUWgxPxHF1l9_6Kql8FTZECnlMFxlSPkZKzQ8sy-tSt8tzGGqKLcfntgYgpd16oQtLCWJ5R4Y9qTcAhATuDrCmafYjY3sB7L/s1600-h/shotcassete.JPG"><img
id="BLOGGER_PHOTO_ID_5323846838274053506"style="DISPLAY:block;MARGIN: 0px auto 10px; WIDTH: 310px; CURSOR: hand; HEIGHT: 210px;TEXTALIGN: center" alt=""
src="http://4.bp.blogspot.com/_PNg7FNpoWEo/SeIafhHpVYI/AAAAAAAAC5U/Phyjxyym4n8/s400/shotcassete.JPG"
border="0" /></a>

3 - O código (url) que você irá usar é apenas a parte destacada em vermelho.

Mais informações »

cabeçalhos editaveis para blog

clike nas imagens para aumentar o tamanho delas

Mais informações »

fios de luz para photoscape

Mais informações »