Mundo do Blog - O que você procura acha aqui

sexta-feira, 9 de dezembro de 2016

Visual Dicas

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet).

Posted: 08 Dec 2016 04:19 PM PST

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Identificando dispositivo do usuário

Hoje é dia é importante ter um site que se adapte em dispositivos móveis com telas menores. Sendo assim, você deverá desenvolver um website responsivo (leia: W3.CSS o framework que você precisa conhecer!) ou criar uma versão mobile apenas para rodar nestes dispositivos.

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Nem sempre layouts responsivos são adequados para o que se deseja desenvolver na web. Muitas vezes precisamos ter um site com um layout mais elaborado para uso no desktop e um mais simples para dispositivos móveis, o que as vezes não conseguimos com um modelo responsivo.

Um exemplo clássico é o site www.blogolista.com que quando encontra um dispositivo móvel é redirecionado para o link www.blogolista.com/mobile.

Nesta postagem, indicaremos 2 artigos do Portal Visual Dicas para você identificar se o seu website está sendo acessado em um computador (desktop / notebook) ou em um dispositivo móvel (smartphone / tablet). A partir destas definições você poderá criar ações específicas para cada tipo de dispositivo.

Através do tamanho da tela - JavaScript

Acesse o link: Identificar se é dispositivo móvel através do tamanho da tela

Neste artigo do Portal Visual Dicas, você encontrará 2 formas para identificar o dispositivo utilizado pelo usuário, e assim, redirecioná-lo para um endereço de uma página feita para a versão mobile.

Os códigos apresentados fazem a identificação através do tamanho da tela ou pelo tamanho da janela do dispositivo que o usuário estiver usando.

Você poderá escolher um dos códigos em JavaScript e adicioná-lo na sua página index. Assim, se o usuário estiver utilizando um dispositivo como um smartphone ou tablet, o site será redirecionado para uma página específica para mobile.

Através da identificação do aparelho móvel - PHP

Acesse o link: Identificar se o dispositivo é móvel - php

Neste caso, a identificação será realizada pelo tipo do aparelho utilizado, tanto para diferenciar ações que devem ser feitas para o PC ou para dispositivos móveis, como também, para diferenciar ações para cada tipo sistema operacional móvel, como: iPhone, iPad, Adroid, webOS, Blackbarry, iPod, Symbiam ou Windows Phone.

Este método utiliza a variável PHP $_SERVER['HTTP_USER_AGENT'] que lê informações do dispositivo do usuário, como sistema operacional, navegador, etc.

Leia o artigo para saber como utilizar este método de identificação : Identificar se o dispositivo é móvel - php

byALF

terça-feira, 29 de novembro de 2016

Como configurar notificações Push no WordPress – OneSignal

Link to Montar um Blog – Dicas, Ferramentas e Tutoriais

Como configurar notificações Push no WordPress – OneSignal

Posted: 29 Nov 2016 01:54 PM PST

Já reparou que os grandes sites (como o Facebook) estão a apostar em sistemas de notificações push, que exibem as atualizações diretamente no navegador do usuário. Esta técnica pode ser bastante útil na promoção do seu conteúdo, podendo ser usada com outras formas de divulgação (como o email marketing). Mas será que é possível incorporar este sistema no… Ler Mais » O post Como configurar...

Aceda ao nosso site para continuar a ler, clique no título.

Visual Dicas

Painel simplificado - novidades do painel do blogger - atualização novembro 2016

Posted: 28 Nov 2016 01:37 PM PST

Painel simplificado - novidades do painel do blogger - atualização novembro 2016 - Visual Dicas

Painel do Blogger - atualização (Painel Simplificado)

A plataforma Blogger atualizou o seu painel de controle de usuário, apresentando algumas novidades operacionais. Mesmo não sendo significativas, estas novidades trazem esperança para nós usuários, pois mostra que o Blogger, uma das maiores plataformas de hospedagem gratuita de blogs, não vai morrer tão cedo. Acredito que outras novidades virão em breve. Vamos aguardar…

O que mudou?

Ao acessar sua conta do Blogger, você será transferido diretamente para o menu Postagens. Se for a primeira vez, você virá um aviso sobre as mudanças.

Assim, o que mudou foi apenas a forma para você visualizar os seus blogs (caso tenha mais de um blog na sua conta), que agora deve ser acessado através do menu lateral, ou seja, tudo no mesmo lugar.

Para criar um outro blog, acesse o menu e clique em [Novo blog…].

Outra mudança foi a criação de um novo botão no editor de postagens para inserir caracteres especiais. Você pode inserir vários tipos de caracteres, que poderão servir também como ícones bem legais para as suas postagens…

Clique nos botões, primeiro à esquerda para escolher a categoria dos caracteres…

Depois, clique no no botão à direita para escolher a subcategoria dos caracteres…

Portanto, como já dissemos, não houve grandes alterações estruturais no Blogger, mas é assim que a equipe do Blogger funciona. Primeiro é realizado alterações na organização dos blogs e postagens, e depois a criação de novos recursos e novas funções, mesmo que em passos lentos.

Vamos aguardar um novo Blogger para 2017…

byALF

sexta-feira, 25 de novembro de 2016

Como escolher a melhor hospedagem WordPress (Guia Inicial)

Posted: 25 Nov 2016 11:49 AM PST

A escolha do serviço de hospedagem certo, é muitas vezes desvalorizada, no entanto, este possui um papel crucial no desempenho do seu Website. Apenas uma hospedagem com servidores de elevado desempenho, permitem um carregamento rápido das páginas e uptimes perto de 100%. Mas como podemos escolher a melhor hospedagem para WordPress? Quais os requisitos? Qual o melhor tipo… Ler Mais » O post...

Aceda ao nosso site para continuar a ler, clique no título.

segunda-feira, 21 de novembro de 2016

Blog do LeoCabral

Black Hat e as Mentiras do Mercado de SEO Brasileiro
Marketing Digital, o que é?
6 Passos Para o Sucesso no Gerenciamento de Crise

Black Hat e as Mentiras do Mercado de SEO Brasileiro

Posted: 21 Nov 2016 01:00 AM PST

De vez em quando o mercado de SEO no Brasil é abalado pela discussão sobre se Black Hat (o que é Black Hat?) vale a pena ou não e principalmente se é correto ou não. O assunto nos EUA é visto com muito mais naturalidade, discutido inclusive abertamente em eventos em que representantes do próprio […]

The post Black Hat e as Mentiras do Mercado de SEO Brasileiro appeared first on Léo Cabral.

Marketing Digital, o que é?

Posted: 24 Aug 2015 07:15 PM PDT

Essa parece ser uma pergunta simples, até um tanto boba de ser respondida, mas depois que eu escrevi o artigo “Especialista em Marketing Digital: O que é necessário para ser um?”, um debate se espalhou em alguns grupos no Facebook e no Linkedin sobre essa questão. Com a entrada forte do marketing de afiliados no […]

The post Marketing Digital, o que é? appeared first on Léo Cabral.

6 Passos Para o Sucesso no Gerenciamento de Crise

Posted: 17 Aug 2015 07:35 AM PDT

Quando montei esse site para falar de marketing digital eu defini que não falaria de mídias sociais. Essa não é a minha praia e sinceramente eu acho uma grande besteira todo esse esforço que as empresas fazem para se conectar com seu público nas mídias sociais por dois motivos: Os usuários quando estão nas mídias […]

The post 6 Passos Para o Sucesso no Gerenciamento de Crise appeared first on Léo Cabral.

Visual Dicas

Como configurar a sua caixa de fãs (like box) do Facebook na nova versão (page plugin)

Posted: 20 Nov 2016 03:36 PM PST

Like Box – Facebook

Escrito originalmente em 12/07/2015 e atualizado 20/11/2016.

Este artigo foi escrito quando o Facebook fez um upgrade do plugin do "like box" em 2015. Depois disso, houve algumas alterações na configuração do Like Box que atualizamos neste tutorial. Leia o nosso artigo e veja como configurar a sua caixa de fãs do Facebook já contanto com últimas atualizações de 2016.

Introdução - upgrade do plugin Like Box pelo Facebook (escrito em 2015)

Se você possui uma caixa de fãs (like box) da "fan page" do seu blog ou da sua empresa, com certeza deve ter percebido que houve uma alteração visual no plugin.

Como configurar a sua like box do Facebook na nova versão - Visual Dicas

Na verdade o Facebook eliminou o like box em junho de 2015, substituindo-o por um novo plugin que permite mostrar a capa da sua página de fãs e priorizar os "faces" dos amigos do usuário que estiver conectado na rede social.

Se você acessar a página Facebook Like Box irá verificar a mensagem: "The Like Box is deprecated. Please use the new Page Plugin, ou seja, utilize o novo Page Plugin no lugar do obsoleto Like Box.

Obs.: Também foram desativados os plugins Activity Feed, Recommendations Feed, Facepile, Registration Plugin e shared Activity Plugin

O Facebook faz esta alteração de forma automática, mas se você precisar fazer ajustes nas dimensões ou no formato do plugin veja o nosso tutorial a seguir.

Configurando o novo Page Plugin (atualizado)

Acesse a página https://developers.facebook.com/docs/plugins/page-plugin

Verifique se a página do Facebook está no seu idioma. Se não, observe no rodapé da mesma que aparecem links. Selecione o link do seu idioma. No nosso exemplo vamos utilizar o idioma Português (Brasil).

Role a tela e preencha as informações do formulário verificado abaixo como irá ficar o seu plugin.

Veja o exemplo abaixo onde utilizamos a nossa página de fãs do Facebook:

UR da Página do Facebook: Coloque o endereço da sua página do Facebook. No nosso exemplo vamos utilizar o endereço da página do Visual Dicas: https://www.facebook.com/visualdicas

Guias: Aqui você pode colocar: Digite timeline para mostrar os posts recentes da sua linha de tempo, mensagens ou eventos. No nosso exemplo vamos utilizar timeline.

Largura e Altura: Vamos utilizar no nosso exemplo 530px para a largura e auto para a altura para ajustar automaticamente.

Usar cabeçalho pequeno: se marcar ele mostrará um cabeçalho menor e sem o botão Compartilhar.

Ocultar foto da capa: Se você marcar ele não mostrará a capa da página de fãs.

Adaptar à largura do contêiner do plugin: marque para ajustar à largura do plugin.

Mostrar rostos dos amigos: marque para mostrar amigos que curtiram sua página. O novo plugin só permite uma linha com as faces.

Se o plugin ficou como desejado, clique no botão [Obter código].

Em SKD do JavaScript você encontrará de tipos conjuntos de códigos:

O primeiro você deverá copiar e colar na página principal do seu site (index) imediatamente após a tag <body>. Já o segundo código você deverá colocá-lo no lugar onde aparecerá o plugin.

DICA: Se você utilizar o plugin apenas em um local do seu blog ou site, você poderá colocar os 2 códigos juntos no lugar onde aparecerá o plugin. Por exemplo, no Blogger você poderá colocar os 2 códigos juntos no gadget onde aparecerá o plugin.

Obs.: Se preferir, poderá usar o código IFrame. Entretanto não recomendamos, pois este elemento HTML está em desuso na visão do W3C e HTML5, além de que você precisará alterar o código com o idioma…

Inserindo o código no site (SKD do JavaScript)

Pronto, agora você acesse o seu blog e entre no gadget, widget, módulo ou qualquer elemento que está instalado o seu like box. No nosso exemplo, utilizaremos o gadget do Blogger:

a) Colocando o plugin Like Box no Blogger

Em Layout adicione um novo Gadget

Clique em HTML/JavaScript

Agora copie e cole os dois códigos SDK JavaScript no gadget.

Veja como ficou o nosso plugin:

Visual Dicas

b) Se você está ainda com o código antigo (antes de julho de 2015)

Acesse o seu blog e entre no gadget, widget, módulo ou qualquer elemento que está instalado o seu like box. No nosso exemplo, utilizaremos o gadget do Blogger:

Substitua o código que já estava no blog.