Tutorial de instalação do Wordpress

thumb-wordpresslogocristal

Finalmente um bom tutorial ensinando a instalar e usar o Wordpress.

Para quem quiser começar a brincar, com este artigo será um pouco menos difícil.

INSTALANDO E USANDO O WORDPRESS

Diretamente do respeitadíssimo site GUIA DO HARDWARE.

Uma prévia?

O Wordpress é um sistema de gerenciamento de blog gratuito, feito em PHP. Um blog nada mais é do que um site, porém, num formato especial e com administração facilitada: qualquer pessoa pode publicar coisas, sem precisar saber programação. As postagens mais recentes aparecem na página inicial, e as outras vão sendo arquivadas (geralmente em arquivos mensais ou semanais, dependendo da freqüência de atualização), além de poderem ser categorizadas. Vamos neste tutorial ensinar a instalar, configurar e usar este sistema.

Colocando anúncios embaixo do cabeçalho

Esta é uma dica, para quem utiliza templates que contenham a opção de inserir gadgets embaixo do cabeçalho ou da linkbar, como os templates Geek, Flower, Blogger Cool I e II. Vejam o modelo abaixo:

gadgets

Uma das formas de inserir os anúncio, é simplesmente colando-os em html/javascript. O problema é que ocorre uma quebra do layout e não fica bonito. Vejam um exemplo:

Em uma outra forma, que é a que eu uso atualmente e recomendo, criamos uma tabela, acomodamos o código do anuncio à direita ou à esquerda e preenchemos o espaço vazio com alguma imagem, de preferência linkada. Eu optei pelos feeds, mas pode ser um íconezinho a seu gosto. Para a criação da tabela, eu utilizei o NVU portable.

NVU

Como eu estou de otimo humor (rs), eu não vou ensiná-los a criar a tabela, pois dá um trabalhão. Vou presenteá-los com o código pronto!

style="border: 2px solid rgb(255, 255, 255); text-align: left; width: 100%;"
cellpadding="2" cellspacing="4">



CÓDIGO DO ANÚNCIO

href="URL DO FEED">style="border: 0px solid ; width: 80px; height: 80px; float: right;"
alt="Feeds"
src="URL DA IMAGEM"
title="Feeds">


Em primeiro lugar, devemos criar um anúncio no formato cabeçalho (728 x 90). Uma vez gerado o código do anúncio, devemos colá-lo no local indicado. Depois, colamos a url do Feed e por último a url da imagem, que deve ser de 80 x 80 px.

Assim, o anúncio ficará em destaque, sem agredir a harmonia do layout e, ainda vêm com Feeds de bônus. Daqui prá frente, é só contabilizar os cliques ;-) $$$$$

make a money

Migrando os feeds do FeedBurner para o Google

Segundo consta, todos os usuários do serviço deverão migrar para uma conta do Google até o dia 28 de fevereiro. O Google adquiriu o FeedBurner em 2007 e agora resolveu tomar conta do produto por completo. Eles garantem que não perderemos os assinantes durante a migração - o que posso confirmar, visto que já fiz e correu tudo bem. Eles disponibilizaram um FAQ para esclarecer dúvidas sobre a migração. Para acessar, clique aqui.

A primeira coisa a ser feita é clicar no link move your account now. Aparecerá uma nova janela perguntando para qual conta do Google você deseja mover os feeds.

feedburner

Na imagem acima, eu apaguei o nome de usuário. Se você estiver logado, aparecerá o username da conta que você estiver usando no momento. Caso queira transferir os feeds para outra conta, marque Sign in to another Google Account. Depois você será direcionado para a página do Google, onde deverá fazer novo login. Aparecerá uma tela de confirmação, com o seu email e os seus blogs. Se estiver tudo certo, clique em move feeds.

move_feeds A url do feed passará a ser http://feeds2.feedburner.com/nome , mas não é necessário mudar a url que se encontra no seu blog, pois o redirecionamento será automático. Façam um teste clicando nos feeds do Dicas Blogger. Todas as funções do FeedBurner estarão intactas – contador, feeds por email, últimos posts e etc.

Estatísticas do Dicas Blogger

Depois que fiz a migração, os bugs do FeedBurner desapareceram e o contador ficou estável. Não precisam ter medo, pois o procedimento é seguro.

GDrive do Google: mais detalhes

Alvo de rumores há algum tempo, o GDrive, disco virtual do Google, pode chegar em breve, mas até agora, pouco se sabe sobre ele. Contudo, o blogueiro Brian Ussery fez uma descoberta relevante a respeito do assunto; ele encontrou um código em uma página do Google descrevendo vários serviços da empresa, com destaque para:

“Backup online de arquivos e armazenamento... GDrive proporciona armazenamento confiável para todos os seus arquivos, incluindo fotos, música e documentos (...) GDrive permite que você acesse seus arquivos de qualquer lugar, a qualquer hora e de qualquer aparelho - seja seu desktop, navegador ou um telefone celular .”

gdrive

Se a descrição for exata, pode-se concluir que GDrive irá fornecer um software

Como destacar os últimos artigos publicados no seu blog

Uma das coisas que mais gosto no Wordpress, é a sua capacidade de mostrar-se como uma plataforma flexível e capaz de surpreender o visitante. Uma das coisas que mais gosto de ver em blogs, são artigos em destaque, vulgos featured posts.

E porque não atribuir um estilo único e fazer sobressair os seus artigos que foram publicados há menos de 24 horas?

Para executar este truque, edite o ficheiro index.php do seu blog, e procure pelo loop correcto. Substitua-o posteriormente por este código:



$currentdate = date(’Y-m-d’,mktime(0,0,0,date(’m'),date(’d'),date(’Y')));
$postdate = get_the_time(’Y-m-d’);
if ($postdate==$currentdate) {
echo ‘

’;
} else {
echo ‘

O código seguinte irá adicionar a classe css se por ventura o artigo tiver sido publicado há menos de 24 horas. Depois disso, apenas necessita de modificar o CSS de acordo com o resultado que pretende:

.post{
/* CSS style for “normal” posts */
}

.post.new {
/* CSS style for newer posts */
}

Bons truques!

Transformando Foto em Desenho

Transformando Foto em Desenho

Enviado por Otacílio

1- Abra sua Imagem

2 - Transforme sua iamgem para Preto e Branco (Ctrl + Shift + U) Image> Ajustments> Desarute

3 - Duplique a a Camada que você desaturou (Ctrl + J)

4 - Inverta as Cores da Camada Duplicada. (Ctrl+I) Image> Ajustments> Desarute

5 -Coloque a Imagem Duplicada no modo Color Dodge - Veja que a Imagem Ficará totalmente branca

6 - Vá em Filter> Blur> Gaussian Blur e Coloco que os valores Como abaixo

Veja Como nossa Imagem Ficou

Criando Chuva com o Flash

Resultado do tutorial...

Primeiramente abra um novo do***ento no flash. vá em propriedade(CTRL+J) E ajuste conforme a imagem abaixo...

Crie uma cada e nomei como gota

após isso com a ferramenta pen tool Desenhe uma Gota como a de baixo

Arraste a Gota para o topo da imagem conforme mostrado abaixo

transforme a gota em um clipe... para isso aperte F8...

Agora cline na time line, no frame 30 e crie um key frame. aperte F6 para isso.

arraste a gota em linha reta para o ponto inferior da animação...

Clique com o botão direito no frame e clique em

Pronto a animação da chuva esta pronta.... agora vamos fazer as ondas...

Crie mais uma camada clicando neste botão nomei como onda.

no quadro 30 aperte F7 para adicionar um quadro vazio.

e com a ferramenta Oval Tool faça um circulo com a cor: #0000ff

Transforme a onda para um clipe.

e enseguida clique clique no quadro 45 e faça um key frame. para isso aparte F6.

repita o processo no quado 60

Selecione o quadro 45 e aumente nossa onda um pouco....

Para isso cselecione a ferramenta free trasnform tool e aumente a onda com uma proporção....

com a ferramenta Selection tool clique na onda do frame 45.

vá em color mude para alpha e coloque color para alpha e coloque o valor para 44%

selecione a o frame 60. aumente a onda um pouco maior do que o frame 45.

clique com a selection tool e mude tambem para alpha mas agora mude o valor para 22%

entre as frames 30, 45 e 60 clique com o direito e selecione

1

pronto para testa aperte CTRL + ENTER

Para fazer uma segunta onda basta copiar os frame da layer onda e colar em uma nova camada que deve ficar acima...

Coloque os frames com uma distância direfente.

no frame 45 na nova camada coloque alpha com o valor de 18%

no frame 60 na nova camada coloque alpha com o valor de 10%

no frame 75 na nova camada coloque alpha com o valor de 0%

salve e de uma olhada...

não esqueça de criar o motion entre as camadas 45,60 e 75

ate mais.


  ©Template Blogger Green by Dicas Blogger.

TOPO