Status do MSN no Blog
Para mostrar seu status do MSN no seu blog entre no link:
http://settings.messenger.live.com/Applications/WebSettings.aspx
Isso vai levar você para uma página onde encontrará algumas opções de como mostrar seu status do MSN no seu blog, inclusive se todos ou não poderão ver quando você estiver on-line.
Você pode escolher se quer mostrar somente o ícone de status, um botão que aparece seu nome quando você está conectado(isso porque mesmo quando estiver com o status de ocupado e outros, seu nome ainda aparecerá) e ainda outra coisa que interessante para colocar no blog é uma janela para mensagens instantâneas para que seus visitantes possam escrever para você através do seu blog quando você estiver on-line e você recebe a mensagem numa janela de conversa normal como se fosse um dos seus contatos do MSN.
Veja também esse outro tutorial sobre Mostrar Msn, Google Talk, Skype no blog
Marcadores: Acessórios, Conteúdo, Efeitos, Sites Úteis
Contador de Visitas
Após isso quando fizer login (colocar seu codename e password) na tela que aparecer clique na palavra manager depois disso no menu do lado esquerdo tem varias opções clique em HTML code e o site mostrará o código do seu contador então é só copiar esse código para colocar no seu blog.
Outra coisa que podemos fazer é escolher o modelo do contador que irá aparecer no blog para fazer isso clique em meter style no menu nessa mesma pagina que pegou o código, isso vai mostrar algumas opções de contador para você escolher, depois é só clicar para salvar.
Agora vamos colocar o código que você copiou no seu blog, vá a pagina layout clique para adicionar elemento de pagina e escolha a opção html/javascript, cole o código do contador e clique para salvar e já está pronto. Na próxima vez que entrar no blog já irá ver o contador. Quando quiser mudar a aparência do contador você não precisa mais mexer nesse código só precisa ir ao sitemeter e mudar o estilo por lá como explicamos acima, pois o código sempre será o mesmo.
Marcadores: Iniciantes, Sites Úteis
Imagem ao lado do texto ou link
.seta a{background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
}
Isso pode ser usado em qualquer tipo de texto sendo um link ou não, apenas tenha o cuidado de quando usar isso num link colocar o código da outra imagem para quando o mouse estiver sobre o link, desse jeito:
.seta a:hover{background-image: url(URL DA IMAGEM);
}
O nome .seta é apenas um exemplo no caso do Blogspot para colocar isso nos links da sidebar, você deve colocar esse código nessa parte:
.sidebar ul li {.....
Mas caso o seu blog não tenha especificado o link(a, a:hover) da sidebar precisamos colocar e o código com a imagem ficará assim:
.sidebar ul li a{background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
}
.sidebar ul li a:hover{background-image: url(URL DA IMAGEM);
}
Isso porque se colocar no começo do código onde tem: a:link, a:visited isso colocará essa imagem ao lado de todos os links do seu site.
Veja também:
Como fazer e colocar botões no blog
Código html das cores para usar nos estilos CSS
Criar bordas usando CSS
Onde e como fazer para hospedar imagens
Marcadores: Códigos, Efeitos, Template
Tradução
Um tradutor simples e eficiente para colocar no seu blog. Testei do português para o espanhol e ficou perfeito.Basta copiar este código e inserir através da página layout nos elementos de página>html/javascript. Não esqueçam na parte final do código de substituir http://SEUBLOG.blogspot.com pelo endereço do seu blog.
<div align="center"><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>
<br /> <form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation"
target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português -Francês
<option value="DE"/>Português -Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português -Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://SEUBLOG.blogspot.com/" name="wl_url"
type="hidden"/>
<input name="submit" type="submit" style="font-size:
70%; width: 50px;" value="Traduza"/>
</form>
</div>
Dica enviada por: Escola Vicente Arruda
Marcadores: Acessórios, Códigos, Conteúdo