▲ Ir para o Topo
Mostrando postagens com marcador Blogger. Mostrar todas as postagens

Se dando bem com seu site - Tutorial

Eae galerinha do Tutoriais e Downloads,vamos lhe mandar umas super dicas para você fazer sucesso com seu site.

1º dica: Escreva em caligrafia perfeita e não erre as palavras.

2ª dica: Não copie de outros sites, nem textos nem imagens.

3ª dica: Seu blog deve ter interface prática e limpa.

4ªdica: Se não estiver com vontade de escrever um artigo não escreva, se for escrever coisa chata e bem melhor não escrever.

Bom é isso, até o próximo post , fique sempre ligadinho aqui no TutoDowns . Valeuu!


Colocar O Pássaro Do Twitter(Ou Qualquer Imagem) Voando No Blog




Oie pessoal vamos falar de como colocar pássaro do Twitter voando pelo seu blog, mas que tabem podemos colocar outra imagem voando na tela enquanto outras pessoas navegam em seu blog. É claro se quiser outra imagem terá de ter um programa para editar a imagem e depois hospeda-la essa imagem para usar no código. 
Mas vamos começar por partes: primeiro vamos fazer da imagem clássica do Twitter voando pelo seu site. Para fazer isso entre na pagina layout, adicionar gadget, HTML/javascript e cole esse código:


                            
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> <br /> <script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'https://twitter.com/fabianoroberto'; var twitterThisText =''; tripleflapInit(); </script>


Você só precisa alterar o endereço do seu perfil no Twitter que está nesta linha: var twitterAccount = 'https://twitter.com/TutoDowns';  


Essa outra imagem nós retiramos do código usado no blog:http://pivotattack.blogspot.com que foi usado como exemplo em um comentário feito em nosso tutorial: 

Então se quiser usar com alguma outra imagem precisará criar a imagem você mesmo.


Uma dica que pode ajudar a fazer a imagem personalizada é usar um programa que permita transparência. Crie uma imagem no tamanho 256×320 e salve a imagem padrão do pássaro do twitter (http://oloblogger.googlecode.com/files/birdsprite.png) depois monte sua imagem usando a do twitter semitransparente por cima, assim ficar mais fácil posicionar corretamente os desenhos dentro da imagem e quando terminar é só retirar a imagem do twitter. 







criar imagem semi transparente
Veja no exemplo abaixo que sobrepondo as imagens os desenhos se encaixam perfeitamente.


Depois que fizer e hospedar a imagem só precisam alterar essas linhas no código:

var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; colocando o endereço da imagem que desejar.

Nesta outra linha: var twitterAccount = 'https://twitter.com/fabianoroberto'; coloque o endereço do twitter ou qualquer outro site ou pagina do seu blog que desejar 
E colocar no seu blog da mesma maneira que o código original com a imagem do twitter: Pagina layout – adicionar gadget – HTML/javascript.

Sabemos que essa segunda opção usando imagem personalizada voando pela tela dá trabalho, mas não tem outro jeito de fazer porque o código já foi desenvolvido nesta base de tamanho e padrão de imagem. Espero que gostem.

5 dicas para um blog de sucesso

Fazer um blog de sucesso é um pouco díficil, muito esforço, edita isso, edita aquilo, posta e tal....
Decidimos enviar lhe dicas para tornar seu blog um Blog de Sucesso com letra maiuscula.

1º O conteúdo é o coração de um blog.
Você pode ser o melhor web designer, ou escritor, mis não saber o que escrever, desista de seu blog.

2ºDiversifique seu conteudo
Diversifique seu conteudo, fazendo ele ser só seu o único, assim receberá mais visitas.

3º Não copie!
Copiar conteúdo de um outro blog é crime por lei,o seu blog pode ser fechado pois você está violando os termos do Google.

4ºDesenvolva um site para celular também
Desenvolva seus site num template que o blogger mesmo oferece para mais informações acesse o artigo do Códigos Blog: O seu blog versão para Celular

5ºEscreva na ortografia certa .
Escreva bem, de jeito que o leitor possa entender, use textos curtos na maioria das vezes,pois o leitor não irá ler tudo dependendo.


Retirando NavBar do Blogger.

O NavBar incomoda muita gente, e se você já se cansou dessa barrinha, nós do Tutoriais e Downloads, resolvemos da uma ajudinha para retirar essa barrinha, confira:


Vá em "Design"  e depois em "Editar HTML", Pressione Ctrl+F e coloque ]]></b:skin>. Ao achar essa tag cole o código abaixo logo acima dela:



Pronto e só visualizar o modelo se estiver tudo certinho e salvar.



Colocar o Pássaro do Twitter(ou Qualquer Imagem) Voando no Blog



Oi pessoal vamos falar de como colocar pássaro do Twitter voando pelo seu blog, mas que tabem podemos colocar outra imagem voando na tela enquanto outras pessoas navegam em seu blog. É claro se quiser outra imagem terá de ter um programa para editar a imagem e depois hospeda-la essa imagem para usar no código. 
Mas vamos começar por partes: primeiro vamos fazer da imagem clássica do Twitter voando pelo seu site. Para fazer isso entre na pagina layout, adicionar gadget, HTML/javascript e cole esse código:


                            



Você só precisa alterar o endereço do seu perfil no Twitter que está nesta linha: var twitterAccount = 'https://twitter.com/TutoDowns'; 


Essa outra imagem nós retiramos do código usado no blog:http://pivotattack.blogspot.com que foi usado como exemplo em um comentário feito em nosso tutorial: 

Então se quiser usar com alguma outra imagem precisará criar a imagem você mesmo.


Uma dica que pode ajudar a fazer a imagem personalizada é usar um programa que permita transparência. Crie uma imagem no tamanho 256×320 e salve a imagem padrão do pássaro do twitter (http://oloblogger.googlecode.com/files/birdsprite.png) depois monte sua imagem usando a do twitter semitransparente por cima, assim ficar mais fácil posicionar corretamente os desenhos dentro da imagem e quando terminar é só retirar a imagem do twitter. 




criar imagem semi transparente
Veja no exemplo abaixo que sobrepondo as imagens os desenhos se encaixam perfeitamente.


Depois que fizer e hospedar a imagem só precisam alterar essas linhas no código:

var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; colocando o endereço da imagem que desejar.

Nesta outra linha: var twitterAccount = 'https://twitter.com/fabianoroberto'; coloque o endereço do twitter ou qualquer outro site ou pagina do seu blog que desejar 
E colocar no seu blog da mesma maneira que o código original com a imagem do twitter: Pagina layout – adicionar gadget – HTML/javascript.

Sabemos que essa segunda opção usando imagem personalizada voando pela tela dá trabalho, mas não tem outro jeito de fazer porque o código já foi desenvolvido nesta base de tamanho e padrão de imagem. Espero que gostem.