Ajuda?

Uma página dedicada a blogueiros com dúvidas!
1. Como inserir emotions no WordPress
2. Como colocar avatar nos meus comentários?
3. Como inserir formulário de contato no WordPress.com?
4. Como criar um blog?
5. Como inserir uma imagem?
6. Como inserir um link?
7. Como criar uma página como essa?
8. Como mesclar uma categoria?
9. Como inserir um vídeo do YouTube?
10. Como configurar comentários para moderação?
11. Como colocar fundo no tema Neat?
12. Como colocar enquete no WP.com?
13. Colocando caixa de código no blog
14. Botão Digg
15. Botão bookmark (Add This)
16. Pesquisa personalizada Google
17. Como colocar uma caixa de texto?
18. Quer inserir música no WordPress? Simples!
19. Sites com que mais aprendi HTML/CSS
20. Colocando um tradutor no seu blog (Google)
21. Propriedade z-index? Hein?
22. Como mudar o estilo das minhas fontes?
23. Como mudar o cursor dos meus links e imagens?

1. Como inserir emotions no WordPress

OBS.: Para colocar os smiles tire as aspas!
“:)”/“:-)”/“:smile:”
“:D”/“:-D” ou “:grin:”
“:lol:”
“:mrgreen:”
“:(”/“:-(”/“:sad:”
“:x”/“:-x”/“:mad:”
“:cry:”
“:oops:”
“8O”/“8-O” ou “:shock:”
“:?”/“:-?”/“:???:”
“8)” /“8-)” ou “:cool:”
“:o” /“:-o”/“:eek:”
“:roll:”
“:evil:”
“:twisted:”
“:p”/“:-p” ou “:razz:”

“;)”/“;-)” ou “:wink:”
“:|” ou “:-|” ou “:neutral:”
“:!:”
“:idea:”
“:arrow:”

2. Como colocar avatar nos meus comentários?

basta acessar o serviço gravatar.com e cadastrar seu e-mail no serviço e escolher um avatar, toda vez que usar este e-mail para preencher o formulário de comentários de qualquer blog/site aparecerá sua imagem de exibição. Isso varia de blog/site.

3. Como inserir formulário de contato no WordPress.com?

Basta colocar em uma página/post o seguinte código:

Isso deve ajudar. Vale ressaltar que o texto será enviado para o e-mail cadastrado no blog.

Fonte: WordPress.com

4. Como criar um blog?

Visite a página de cadastro do WordPress.com, e não se esqueça dos termos de uso.

5. Como inserir uma imagem?

Coloque esse código em uma página, complemento ou post:

Em SCR é o endereço da imagem. BORDER é um número do tamanho da borda da imagem que deseja. Em WIDTH e HEIGHT é largura e altura da imagem. E por último, ALT é um título desejado quando o usuário passar o mouse em cima da figura, se este não der certo no IE copie o conteúdo do ALT e substitua ALT por TITLE.

6. Como inserir um link?

<a href="http://ofuturodopassado.wordpress.com" alt="O futuro do passado">
Meu blog</a>

Em HREF é o endereço desejado. Em ALT ou TITLE é o texto que aparecerá quando o usuário passar o mouse em cima dele, em “http://ofuturodopassado.wordpress.com” é o endereço do link e o texto Meu blog que aparecerá como link. Lembre-se: dentro do href, alt/title o link/texto DEVE estar entre aspas.

7. Como criar uma página como essa?

O segredo é a propriedade A NAME, no primeiro item abaixo você pode mudar o nome mais no segundo tem que ter o mesmo, por exemplo no primeiro conserva-se o # e no segundo não tem o #, só que ambos deve ter o mesmo nome (no campo NAME). Assim levará a direção em que o segundo item está.

8. Como mesclar uma categoria?

Logue-se em seu blog, e na administração vá em ‘Gerenciar’ (Manage) e clique em Categorias (Categories) e clique em ‘add new’ e em Category Parent selecione a categoria que deseja mesclar, assim os posts das duas categorias aparecerão nas mesmas

9. Como inserir um vídeo do YouTube?

Em endereço do vídeo coloque o link do vídeo.

10. Como configurar comentários para moderação?

Logue-se em seu blog, e na administração vá em ‘Configurações’ (Configurations) e clique Discussão (Discussion). Se você não deseja receber e-mails quando chegar um comentário desmarque em:
E-mail me whenever

• E-mail me whenever Alguém deixar um comentário
• Um comentário estiver aguardando aprovação

• Before a comment appears
  • Before a comment appears Um administrador sempre deverá aprovar o comentário.
  • O usuário tem que preencher nome e email
  • O autor do comentário deve ter um comentário aprovado anteriormente

11. Como colocar fundo no tema Neat?

<div style="position:fixed;height:1141px;width:1024px;top:0;left:0;right:0;background-image:url('ENDEREÇO DA IMAGEM');background-repeat:repeat-x;text-decoration:none;z-index:-9999;margin:0 auto;"></div>

Em “height” é a altura da imagem, em width: é a largura. Na propriedade repeat-x, é que o fundo vai repetir somente na horizontal, repeat-y repetirá na vertical, repeat repetirá nas duas formas e no-repeat a imagem ficará do jeito que ela é. Em ENDEREÇO DA IMAGEM é a url do fundo, lembre-se essa URL tem que estar entre os ‘ ‘. Em fixed é a imagem não rolar com a página, relative é a posição relativa, scroll é que rola com a página, em absolute é a posição absoluta da imagem.

12. Como colocar enquete no WP.com?

Consulte esse artigo.

13. Colocando caixa de código no blog

Quer aprender a fazer isso? 

Consulte esse artigo.

14. Botão digg

Um post simples ensinando como colocar botão Digg no seu blog.
Consulte esse artigo.

15. Botão bookmark (Add This)

Compartilhe posts no Rec6, Live Favorites e muito mais!
Consulte esse artigo.

16. Pesquisa personalizada Google

Um utilitário Google que permite que você adicione uma pesquisa avançada no seu blog.
Consulte esse artigo.

17. Como colocar uma caixa de texto?

É bastante simples criar uma caixa de texto para seu blog. A propriedade CSS é chamada de outline, é pouco conhecida segundo o Maujor.com. . O código é o seguinte:

<div style="outline-style:1px solid;border:1px solid #e6db55;background-color:#fffbcc;padding-left:10px;font-size:11px;">
MEU TEXTO AQUI
</div>

Em outline-style 1px você regula a grossura da borda (e em border 1px também). No “solid” é a forma que a borda terá, e existem várias delas, isso vai ajudar bastante a entender. . Em #e6db55 é a cor da borda, em “background-color:#fffbcc;” é a cor do fundo. Você pode consultar várias cores em hexadecimal na Wikipédia, ou baixar o ColorMania. Em “font-size:11px” você regula o tamanho da fonte, pode ser 12px, 20px e assim vai. Agora o “padding-left:10px;”, é relacionado ao conteúdo dentro desse caixa, o 10px, significa que ele vai 10px para o lado direito, você pode usar padding-top, bottom, right e left (Mais informações…)

18. Quer inserir música no WordPress? Simples!

O código é:

O endereço deve conter http://, e o final deve conter a extensão do arquivo (mp3 e etc).
Feito isso, irá aparecer um box com aparência de um player. ^^

19. Sites com que mais aprendi HTML/CSS

Maujor.com
Site com design fácil e com lições interativas, muito melhor de estudar.

W3Schools Online
Também com lições interativas, possui uma library de tag’s HTML.

É isso aí.

20. Colocando um tradutor no seu blog (Google)

Vá até o site do Google Tradutor e em “Traduzir a Página da Web” insira o endereço do seu blog; no primeiro campo selecione o idioma português (ou o idioma em que o blog é escrito) e em seguida selecione a tradução do mesmo e clique em traduzir. Aguarde um pouco e copie o link da barra de endereços. Se você está com dúvidas de inserir esse endereço no seu blog consulte 6. Como inserir um link?.

21. Propriedade z-index? Hein?

Essa propriedade permite que um objeto fique atrás ou na frente de algum elemento na página.

<img alt="" STYLE="Z-INDEX:-1;" src="http://s.wordpress.com/wp-includes/images/smilies/icon_mad.gif" class="alignnone" width="15" height="15" />

Em STYLE=”Z-INDEX:-1;”, mais precisamente o -1 é o número do z-index, a propriedade que ajusta o posicionamento de imagens (primeiro/segundo plano). Logo para ter a imagem a frente de algo retire o – e vá aumentando o valor.

22. Como mudar o estilo das minhas fontes?

O código é simples, vejamos:

<span style="font-family:'trebuchet ms', verdana;font-size:20px;color:blue;">
Olá Mundo</span>

Em ‘trebuchet ms’ é a fonte padrão que deve se exibir, porque ela está dentro dos ‘ ‘, e se essa fonte não for encontrada no sistema, coloca-se uma vírgula e um espaço acrescenta o nome de outra fonte sem os ”, daí para finalizar acrescente o ;. No 20px é o tamanho que o texto deve ter, (21px, 22px e etc) e em color:blue; é a cor da fonte, que pode ser em nome (blue) ou hexadecimal. Lembrando-se que deve usar a tag SPAN. O resultado é:

Olá Mundo

23. Como mudar o cursor dos meus links e imagens?

Uma dica muito simples, por exemplo quando você passa o mouse em um link, ou imagem é possível fazer com que ele mude para qualquer cursor!
Vejamos o código:

<a style="CURSOR: WAIT;" href="http://ofuturodopassado.wordpress.com/">
Clique aqui para voltar a home
</a>

Resultado: (passe o mouse no link)

Clique aqui para voltar a home

O cursor de espera foi ativado!

Notaram o CURSOR: WAIT? Pois é, é isso que faz com que o cursor mude, lembre-se que isso deve estar entre o style=” ” no link. Você pode substituir o WAIT por:

pointer, help, arrow, default (o cursor de seta), auto (o navegador define o cursor apropriado), crosshair, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize e por último text.

Mais informações no W3Schools.

Espero ajudar.