Categoria: Tutorial

Usar PHP no Blogger - Formulário


O Blogger não permite que utilizemos PHP em seu próprio servidor, mas nada nos impede e usar um servidor externo para conseguir fazer algumas interações. Nesta aula vamos ver um jeito bem simples de usar os recursos do PHP no seu blog, como em um formulário personalizado. Veja o resultado no final dessa postagem.

Clique para continuar lendo...

                                                                                                                                                                                      

Personalizando qualquer parte do blog #3 - Propriedades CSS

Demorou mas chegou! Essa terceira aula da #ÍntegraSerie Personalizando todo o blog conta com um breve resumo das principais propriedades do CSS que utilizaremos nas próximas aulas. Apesar disto, recomendo que leiam a documentação oficial do W3C, que contém ótimos tutoriais e aborda o CSS por completo.

Clique para continuar lendo...

                                                                                                                                                                                      

Personalizando qualquer parte do blog #2 - Fundamentos do CSS

Como segunda aula da #ÍntergaSerie "Personalizando qualquer parte do blog", veremos aqui o básico de CSS necessário para aplicarmos em nossos templates.

 E não se preocupe, você que não quer apenas usar o simples do CSS, pois também teremos aulas avançadas!

Clique para continuar lendo...

                                                                                                                                                                                      

Personalizando qualquer parte do blog #1 - Como funcionam os códigos do blogger

Fala galera! Essa é a primeira parte da série vencedora da enquete. Nela, vou ensiná-los o principal para você próprio personalizar qualquer parte de seu blogger, tendo assim um template do seu jeito.
Pretendo dividir ela em 4 módulos:

Clique para continuar lendo...

                                                                                                                                                                                      

Vote na série de tutorais que deseja seguir! #ÍntegraSeries

Que pena, a enquete já está encerrada...

 E ai galera! Venho aqui com uma nova proposta, vou disponibilizar uma enquete com várias opções de tutoriais para vocês escolherem a que mais lhe interessarem. Terá de séries de vários assuntos e um deles pode ser exatamente o que você precisa. Obviamente, as mais votadas serão as que eu publicarei, porém, se eu perceber que existe um grande interesse eu farei algumas vídeo-aulas ao invés de simples artigos.

Clique para continuar lendo...

                                                                                                                                                                                      

Efeitos animados CSS #2 -Preto e branco para colorido

Continuando com a série de efeitos CSS, segue mais um efeito que eu uso aqui no blog. É o efeito que faz os elementos(imagens, por exemplo) ficarem em preto e branco e opaco e quando o mouse passar em cima eles se colorem. Veja um exemplo aqui em cima na área dos tutoriais!

Clique para continuar lendo...

                                                                                                                                                                                      

Efeitos animados CSS #1 - Girar 360º

Fala galera, depois de um tempo, venho com esse tutorial começar uma série de aulas que ensinarão vários efeitos animados que o CSS nos proporciona! Espero que gostem!
Para iniciar, o primeiro efeito vai ser o de rotação! Ele faz com que as imagem ou qualquer elemento dê uma volta completa em si mesmo.
Veja um exemplo passando o mouse em cima de um dos ícones das redes sociais aqui em cima.

Clique para continuar lendo...

                                                                                                                                                                                      

CSS: Div aparecer quando passar mouse em cima (hover)


O CSS nos permite coisas que nem imaginamos, desde estilização até animações. O recurso que vou ensinar agora substitui muito bem o uso de scripts, e é feito inteiramente com HTML e CSS! É aquele famoso efeito de quando você passar o mouse em cima de um elemento, outro aparece. Muito usado em comentários de links, descrições, anúncios etc. Enfim use-o como quiser!

Clique para continuar lendo...

                                                                                                                                                                                      

Fazer qualquer elemento piscar com jQuery

Obrigado a todos que votaram na nossa enquete de tutoriais! Teremos mais aulas sobre as categorias mais escolhidas! Para começar um super efeito em jQuery para chamar atenção do visitante: Fazer o elemento piscar na tela. É muito usado em anúncios e avisos, entretanto, use-o com moderação pois pode poluir muito o site. Veja a demonstração AQUI.

Clique para continuar lendo...

                                                                                                                                                                                      

CSS + jQuery: Ajustar div e background no tamanho da tela (responsivo)

Uma tarefa que o CSS sozinho não nos permite é adequar os tamanhos da div ao da janela, fazendo com que a elas têm a mesma altura e largura, sem distorcer ou ignorar o background. Porém, o jQuery vem para nos salvar (ou piorar nossa situação)! Vou ensiná-los a fazer tudo isso de uma maneira bem simples e útil, que eu uso bastante.

Se ainda não entendeu, clique AQUI

Clique para continuar lendo...

                                                                                                                                                                                      

Alerta de página em construção no Blogger

Olá! Depois de um tempo estou voltando com um simples tutorial mas que pode ser bem útil. Peço desculpa pela demora pra postar, mas é que a falta de retorno deu uma desanimada... Enfim, vamos ao que interessa!

É normal, em blogs ou sites, aparecerem link que seria de páginas futuras

Clique para continuar lendo...

                                                                                                                                                                                      

Super dicas rápidas photoshop! #1

Preparei para vocês a primeira parte da série de tutoriais que trará dicas rápidas e simples para melhorar suas edições e criações no Photoshop, fazendo assim com que domine todas suas ferramentas. Fiquem ligados para não perderem nenhum truque!

Dicas para retratos de pessoas:

Clique para continuar lendo...

                                                                                                                                                                                      

Formulário de contato expansível no Blogger

Ter um formulário de contato no blogger é muito importante e já o torna bem mais profissional, imagina se tiver um formulário dinâmico, prático e chamativo? Decidi ensinar a vocês uma técnica de nível avançado que poucos aplicam em blogs

Clique para continuar lendo...

                                                                                                                                                                                      

Slide jQuery no blogger

Olá a todos, trago-lhes uma dica que vi no site ProDeveloper e dei uma modificada: um slide muito legal de imagens com descrição, e efeitos de contagem regressiva, pause etc. Gosto muito dele pois é bem leve, bonito, auto-ajustável e prático.
 Use imagens de mesmo tamanho e especifique o tamanho no código!


Clique para continuar lendo...

                                                                                                                                                                                      

Como personalizar a postagem mais recente do blog

Esses dias veio em minha cabeça a ideia de fazer um template mais avançado e diferenciado. Pensei então em um jeito de personalizar apenas a primeira postagem que aparece no blog. Vocês podem ver um exemplo aqui mesmo na Íntegra Studio, perceba que a primeira postagem está larga e as seguintes estão em colunas, seguindo um estilo magazine.
Como não é nada muito complicado e ao mesmo tempo interessantíssimo, vou ensiná-los.

Clique para continuar lendo...

                                                                                                                                                                                      

Faça seu blog ou site ficar mais veloz! - PageSpeed ​​Insights

Um blog lento pode espantar muitos leitores. Quanto mais rápidos carregarem as páginas mais tempo ficarão os usuários nelas. Sabendo disso podemos utilizar de uma incrível ferramenta desenvolvida pelo nosso amado padrinho Google.
Se trata do PageSpeed ​​Insights (clique aqui) , com ela, basta você colar o url do seu blog na caixa de texto indicada e clicar em ANALYSE . Espere um pouco e irão aparecer os resultados tanto da versão Mobile quanto da para Desktop.

Clique para continuar lendo...

                                                                                                                                                                                      

jQuery + CSS: Menu fixo que aparece só quando rola página

Venho apresentar uma técnica bem interessante e nova, utilizada até pelo Facebook, Google+ etc. Se trata de um menu (ou qualquer outro elemento) que aparece apenas quando o usuário chegar em determinada parte da página. Ou seja, quando você rola a barra de rolagem, em um determinado momento aparece o menu . Veja uma demonstração aqui mesmo no nosso blog, suba até o início e desça devagar pra ver o que acontece.

Clique para continuar lendo...

                                                                                                                                                                                      

CSS: Propriedade Position para um bom layout

Um dos grandes problemas na hora de organizar a disposição dos elementos pelo site é ajustá-los conforme o jeito que você deseja. Parece simples, mas existem alguns segredos para fazer com que o layout estrutural de uma página funcione bem. Nessa aula, vou ensinar algumas dicas ao se trabalhar com a propriedade Position do CSS, dividida nos seguintes tópicos:


  • A propriedade Position e seus valores
  • Aplicações, exemplos e dicas

Clique para continuar lendo...

                                                                                                                                                                                      

Menu horizontal fixo no topo do blog

  Trago hoje, como nosso segundo tutorial, um simples recurso para blogs e sites, porém muito interessante! O menu fixo no topo da página - usado pelo facebook e outros sites grandes - é uma ótima ajuda para quem deseja navegar pelas páginas de seu blog/site, sem ter de ficar "subindo" a tela para consultar o menu. Além de ser muito atraente e profissional, não é tão complicado como pensam!

Clique para continuar lendo...

                                                                                                                                                                                      

Personalizar barra de banners parceiros

  Em muitos blogs e sites, grandes partes de suas visitas são causadas pela troca de Banners (links) entre blogs parceiros. Por isso ter uma barra de banners personalizada e ajeitada é muito importante. Siga o tutorial para aprender a:

  • Determinar tamanho das imagens
  • Efeito de rolagem (marquee)
  • Efeitos especiais (fade, sombras etc)

Clique para continuar lendo...

                                                                                                                                                                                      
correcao
Assinar: Postagens (Atom)