# navbar-iframe {
height: 0px; visibility: hidden; display: none; }

No site Vorbeo.com você pode criar uma caixa para enquetes, escolhendo o texto cor e tamanho para  adequar ao desenho do seu blog. Bem interessante e fácil de fazer.

Depois de criar sua enquete, é só copiar o código HTML e colar em uma elemento de página “HTML/Javascript”, sabe como não? Se não sabe, lá vai:

Fazer login no Blogger e no painel clic na opção “Layout” depois clic na aba “Elementos  de Página”, e depois em “Adicionar gadget”. Escolha a opção “HTML/JavaScript” e dentro dela cole o código copiado. Prontinho.

No site Buttonator.com podemos criar botões muito úteis para links em  nosso blog ou site. A aplicação oferece vários modelos e cores, além de tipo, tamanho e cores de letras. É só clicar no modelo escolhido, escrever o texto e ir clicando em “update” para ver como fica.

Veja como configurei o que escolhi para exemplificar:

Quando tiver chegado ao seu modelo ideal, faça o download do button e hospede no site de sua preferencia (Tinypic, Photobucket ou outro).

Para inserir um link e pegar o código HTML, clic em “<> show code”  na janela que abrir escreva em “Link to a page” o endereço do link para onde seu button vai direcionar o leitor. No espaço “button gif” coloque o endereço do button.

 

<a href="ENDEREÇO DO LINK"><img src="ENDEREÇO DO SEU BUTTON" border="0"/></a>

 

Para colocar no Blogspot, é só colar o código em um “Elemento de página” => “JavaScript/HTML” e posicionar no lugar deseja.

Prontinho. é mais difícil explicar do que fazer =).

Esse tutorial apresenta um hack que, depois de instalado, permite que o leitor escolha como quer ver seu blog. O tema escolhido será visto somente pelo leitor em particular , para o visitante. Para os outros usuários o template aparecerá no formato padrão . Ou seja, cada um poderá ver como quiser. Muito interessante. Para compreender mais rapidamente como funciona, veja ► TEMPLATE DINÂMICO

body {
background:transparent;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

#header h1 {
color: $pagetitlecolor;
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

• style_1.css (para background 1)
• style_2.css (para background 2)
• style_3.css (para background 3)
• style_4.css (para header 1)
• style_5.css (para header 2)
• serversideSwitch.html

body
{background: url (LINK_DA_IMAGEM) repeat;
color: #333; }

#header-wrapper {
width:800px;
height: 200px;
background: url(LINK_DA_IMAGEM) no-repeat;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

</head>

• BloggerStop
• StyleSwicth-Toggle -Kelvin Luck ► KelvinLuck.com. ►Twitter @vitch.

Quer uma faixa diagonal com avisos, link para uma matéria específica, anunciar novidades, etc? Pois bem, encontrei no Brogui o endereço desses geradores online onde podemos criar vários modelos. Aqui vou ensinar como fazer para criar e inserir no template rapidamente. Muito fácil!

O primeiro, Web Site Ribbon Generator tem faixas de várias cores e efeito.

• Escolha o texto
• Digite o link (ou não)
• Escolha a letra
• Escolha a cor da letra
• Escolha o modelo
• Clic em “Generate”
• Copie o código

O Segundo, Quick Ribbon é bem melhor porque tem mais opções de modelos e customização além de poder ser pré-visualizado, ou seja, você escolhe o texto, letra, cor da letra, modelo da faixa e clica em “Apply”, veja como fica. Se não gostou, vai mudando até chegar no formato que desejar. Muito legal!!!

Para instalar qualquer uma das faixas siga as indicações abaixo:

• Faça login no Blogger
• No “painel” clic em “Layout”
• Em layout clic “Editar HTML”

Dentro do documento do template procure pelo trecho:

]]></b:skin>

Cole o código da faixa abaixo dele.

Visualize e se estiver tudo bem, salve.

Prontinho! Veja Demo

É o caso do Dicas e Templates Mamanunes.

Se alguém ainda não sabe ou não percebeu eu sou uma velhota curiosa, mais uma dessas pessoas "xeretas" que se encantou com a possibilidade de fazer arte dentro de uma “caixinha mágica” ou geringonça cibernética que acende nas casas, escritórios, escolas, nos quatro cantos do mundo e ajuda a melhorar a vida das pessoas. Não tenho outra motivação senão compartilhar o que aprendo e colaborar com a blogosfera no que for possível.

Mas afinal porque esse layout é “sem vergonha”? Simples, meus conhecimentos limitados ainda não me permitiram criar um blog mais claro, rápido, de navegação fácil e funcionalidade. Portanto, peço paciência aos meus leitores. O problema é que eu sou mais ligada à estética, o visual e a criação do que à técnica, entende?Coisa de artista. Mas estou tentando e vou melhorar com a ajuda dos queridos: Rô Zancheta, Helen Fernanda, Sergio Estrela, JMiur, Gem@ , Rosa, Marcos Lemos e outros tantos blogueiros “de elite”e seus ótimos tutoriais. Na área de criação, conto sempre com a ajuda e generosidade minha teacher e amiga Ariane que, na minha opinião é a mais criativa designer da área.

Recomendo que você visite esses sites e blogs que realmente ensinam a blogar.

Se você ainda não sabe quem eu sou leia AQUÍ

Veja como instalar um botão para compartilhar suas postagens no Facebook . Sem dúvida uma versão melhorada do “Shere Partners“, porque tem um contador que mostra número de vezes que enviaram seu link ao Facebook.

O fbshare.me, não é um site ligado ao Facebook. Seu botão é bem parecido com os do Tweetmeme e Buzz Volume (que estou usando) para compartilhar postagens no Twitter e é muito simples de instalar no Blogger

Não se esqueça de fazer um backup do seu template antes de fazer qualquer alteração. Aconselho experimentar em um blog de testes.

• Faça login
• e em seu “Painel”
• clic na opção “Layout”,
• depois clic na aba “Editar HTML”
• Clic em “Expandir Modelos de Widgets”

Procure pelo trecho abaixo:

<data:post.body/>

Copie e cole o código abaixo, exatamente ACIMA dele.

<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>

O código acima é para exibição do botão grande e está configurado para flutuar à direita do texto. Você pode mudar para “left” se quiser exibi-lo à esquerda.

<div style='float:right; margin-left:10px;'><script>var fbShare = { url: 'http://SEU BLOG AQUI/', size: 'small', google_analytics: 'true' }</script> <script src="http://widgets.fbshare.me/files/fbshare.js"></script>

O código acima, e para exibir o botão na versão pequena.

Fonte: Cheth Studios , Chica Blogger