24/08/2015

Fundo tela inteira usando somente códigos





Olá turma do bem,

Essa é hoje é rapidinha, pois é colocar um fundo tela inteira sem necessidade de Plugins. 


A vantagem de usar códigos é que você pode adaptar com um sistema ADM para que seu cliente possa ele próprio alterar a imagem quando quiser. Eu por exemplo uso o M7ADM com o módulo Upload de Arquivos. Daí, oriento o cliente em manter o mesmo nome e extensão do arquivo.

CÓDIGO A SER UTILIZADO:


<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="pt"><!--<![endif]-->
<style type="text/css">
#full-screen-background-image {
  z-index: -999;
  min-height: 386px;
  min-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>
  <img  src="IMAGEMDOFUNDO.JPG" id="full-screen-background-image" />



APLICANDO NO WA 4

UTILIZANDO COM FUNDO ÚNICO EM TODO SITE
No WebAcappella vai em SITE>>PROPRIEDADES DO SITE clique
na catraca e cole o código acima no campo do head

ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua imagem
que deve estar postada no mesmo diretório do site




** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades do site,  faça o mesmo inserido o código nas propriedades da página de cada página alterando o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.

Nada de novo, só para alimentar nossa biblioteca mesmo. 

Demonstração WA 4






APLICANDO NO WA RC

UTILIZANDO COM FUNDO ÚNICO EM TODO SITE

No WebAcappella RC, na tela principal das configurações
do site clique em WEBSITE SETTINGS e clique em
EDIT HTML CODE cole o código acima no campo do head
ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua
imagem que deve estar postada no mesmo diretório do site




** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades
 do site,  faça o mesmo inserido o código nas propriedades da página de cada página alterando
 o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.

Nada de novo, só para alimentar nossa biblioteca mesmo. 

Demonstração WA RC

Playlist Sound Cloud no site WebAcappella




TEMA: Player
ARTIGO: Revisado e Melhorado
VERSÃO: WA RC  |  WA 4

O SoundCloud é uma plataforma de áudio on-line em que os usuários colaboram com seus projetos musicais. Voce pode por exemplo criar uma playlist com seus sets e músicas.

É muito comum ver o plugin do SoundCloud em sites de Djs e Músicos.


Então bora lá..

1) Acesse o site https://soundcloud.com/

2) Crie uma conta, para as contas free serão estipulados uma quantidade de minutos. Para aumentar este limite é necessário criar uma conta pró.

3) Caso seu SoundCloud esteja em inglês vá para o link https://soundcloud.com/settings e do lado direito da tela clique em idioma pra mudar para português

4) Faça Upload de seus arquivos ou escolha músicas já postadas clicando em Adicionar a Playlist na faixa desejada. Lembramos que o SoundCloud normalmente exclui músicas enviadas que possuem direitos autorais. Como é comum vários músicos conhecidos postarem suas músicas de forma pública, melhor adicionar as mesmas em sua playlist.


5) Vá para seu perfil  e Atualize a imagem do perfil e da capa, estas aparecerão na playlist no site WebAcappella



6) Agora Clique vá para seu perfil


7) Depois clique em Compartilhar na playlist desejada (se tiver mais de uma) para gerar o código embed o qual será utilizado no WebAcappella


8) Clique na opção Embutido




Você pode escolher a forma de exibição clicando no desejado abaixo de Embutido. 



9) Clique em Mais Opções  para configurar se a reprodução será automática e o tamanho





10) Copie o código iframe no campo Códgio e Pré-visualização






IMPLEMENTANDO NO WA4

 No WebAcappella 4 na página que quer inserir a playlist use a opção INSERIR>>CÓDIGO HTML


E COLE o código no último campo.

Altere a altura com as mesmas medidas fornecidas no código.



Clique aqui para ver on line no WA 4




IMPLEMENTANDO NO WA RC


Insira no box desejado a opção HTML


Insira no box desejado a opção HTML e cole o código. Para um alinhamento melhor sugiro digitar inserir <center> no início do código


Clique aqui para ver on line no WA RC



16/08/2015

POST 4 | Como escolher um ADM - Sistema de gerenciamento de conteúdo para sites WebAcappella




Olá galera do bem. 

Hoje vou dar continuidade a série de Posts "Como escolher um ADM - Sistema de gerenciamento de conteúdo para sites WebAcappella".

Começarei agora a entrar nas funcionalidades tanto do painel administrativo quanto em módulos mais comuns, quanto também módulos ainda não vistos e que seriam de boa serventia. 

A forma que vou expor no artigo é analisando de forma lógica tentando chegar bem próximo do que seria o ideal. 

Então para melhor entendimento do artigo vou dar nomes aos bois, sendo:

DESENVOLVEDOR: Este será a pessoa que desenvolve o sistema de ADM

WEBMASTER: A pessoa que desenvolve o projeto em Webacappella utilizando o sistema ADM. Digamos quem cria o site.

ADMINISTRADOR: Este é o dono do site, podendo ser também o WEBMASTER  em alguns casos. Mas levando em consideração  que o WEBMASTER  é uma profissional que desenvolve sites para terceiros criamos a pessoa ADMINISTRADOR.

FUNCIONÁRIO: Este é a pessoa que trabalha para o ADMINISTRADOR; o dono do site. Supomos que o dono do site tenha por exemplo funcionários os quais irão fazer alterações limitadas no site.

CLIENTE: Este é a pessoa cliente do ADMINISTRADOR. Cliente do dono do site. Supomos que o site é um site de uma prestadora de serviços que possui clientes de contrato. Este então vamos chamar de CLIENTE. Não é considerado simplesmente um internauta que visitou o site.

INTERNAUTA: Este por fim, é a pessoa que simplesmente navegando pela internet visitou o site.

Parece que estou complicando né? Mas mais na frente, tanto neste artigo e nos outros os quais estaremos falando de módulos separadamente, vão entender o motivo da existência desta pirâmide.

O que acontece é que hoje em dia, muitos programadores se avançam em códigos de programação e deixam de lado o papel do analista. Não se faz o projeto  lógico do sistema a ser desenvolvido. Prova disso são módulos sem sentido, bugs, e versões que deveriam apenas ser um upgrade e que acabam por afetar a estrutura do sistema de forma gerar retrabalho para o WEBMASTER.

Deixando bem claro que não sou nenhum guru. Apenas estou expressando minha opinião. Cada um tem a liberdade de concordar ou não.

De primeira mão vamos pensar que o WEBMASTER  trabalha com inúmeros projetos, um completamente diferente do outro e com Layouts completamente diferentes. É muito difícil o WEBMASTER seguir a mesma linha em todos os projetos que desenvolve. Por esse motivo os módulos devem conter o máximo de personalização possível e os códigos de implementação devem ocupar pouco espaço, evitar o máximo de fundos, não conter textos desnecessários e procurar o máximo fornecer apenas a sua funcionalidade e ou o conteúdo do banco de dados.

Quando eu digo o máximo de personalização possível é por exemplo: Em um módulo de álbum de fotos o WEBMASTER possa determinar quantos álbuns deverão ser mostrado por linha e por coluna. Aproveitando o exemplo do álbum, poder também utilizar inúmeros álbuns no site. E não me limitar a um só. 

Quando eu digo os códigos de implementação ocupar o mínimo de espaço é por exemplo: Supomos que terá no site um mural de recados e ao clicar em enviar recado. Se abre um formulário que é maior do que a área que temos no projeto disponibilizado para os códigos de implementação. Daí se resulta um frame muito feio com o formulário dentro. Por isso eu tenho como idéia que todo módulo que possui um formulário para intervenção do INTERNAUTA que seja aberto um popup do formulário. 

Quando eu digo evitar o máximo de fundos é por exemplo: Imagine então um módulo para Contato. Daí ao implementar o código no site me mostra um fundo branco em um quadrado onde consta os campos do formulário. Daí meu cliente tem um site com fundo escuro e o fundo do formulário destrói todo o design do site. Por isso digo, os fundos devem ser transparentes, se o WEBMASTER precisar ele mesmo coloca o fundo com a ferramenta Zona de Cor do WebAcappella. E para aqueles módulos que realmente necessita de um fundo pois podem ou não ocupar um espaço; que  a cor do fundo seja configurada no adm.

Quando eu digo não conter textos desnecessários é por exemplo: Imagina um módulo de Mural de Recados. Não precisa aparecer um título qualquer ao implementar o código. Do tipo: "Mural de Recados" ;  o WEBMASTER que coloque o título que quiser. Pois até mesmo pode usar o módulo como Depoimento. Porque não?  

Visto o fato de utilizar um módulo para outro fim um detalhe interessante que deve ter no painel administrativo uma forma do WEBMASTER nomear o títulos do módulo no painel do ADMINISTRADOR.  




Então já temos duas opções necessárias a dar liberdade ao WEBMASTER:

1 - Poder ter a liberdade de utilizar cada módulo inúmeras vezes
2 - Poder nomear o título de cada módulo

Um exemplo do que estou falando:

Vamos supor que o projeto seja um website de um serviço de gastronomia. Então poderia utilizar o módulo notícias para Receitas. Poderia criar por exemplo uma categoria de notícias chamada "Receitas Diet" , outra categoria que seria "Receitas Sobremesa", outra que seria "Receitas Rápidas". No projeto eu criaria uma página para cada uma e aplicava o código de cada uma em sua respectiva página. E para completar eu mudaria o título Notícias para Receitas no painel administrativo . 

Bom seria não é mesmo?

Continuando... Na minha opinião um sistema ADM é 95% utilizado por profissionais que desenvolvem sites para terceiros. Sendo assim o ADMINISTRADOR não precisa saber quem é o DESENVOLVEDOR.  Por este motivo no painel administrativo não deve conter informações do desenvolvedor tais escritas ou figuras indicativas do mesmo. E caso exista que a mesma seja configurável podendo o WEBMASTER configurar suas próprias informações.

De entrada a tela de login deve se permitir fazer a recuperação de senha enviando para o e-mail do cadastrado. 

O painel administrativo deve possuir a opção de configuração do próprio painel, cores, inclusão da logomarca e titulo do WEBMASTER


No painel do WEBMASTER tem que ter opção de habilitar ou desabilitar módulos do painel do ADMINISTRADOR quanto poder nomear cada módulo (já citado anteriormente)



Deve-se existir um cadastro de usuários o qual não pode permitir que delete todos os usuários com função de  WEBMASTER. Tipo, o sistema deve checar se estiver com a intenção de deletar o último usuário WEBMASTER , tal como também tirar os poderes de WEBMASTER do mesmo e não permitir. Enfim o sistema não deve permitir que não exista em seu banco pelo menos um usuário WEBMASTER

O sistema deve também não permitir cadastros com e-mails repetidos. E seria muito interessante que ao se cadastrar seja enviado um e-mail para a pessoa cadastrada com um link para definição de senha.


Já no painel do ADMINISTRADOR, este poderá cadastrar novos usuários de níveis ADMINISTRADOR, FUNCIONÁRIO e CLIENTE

Não vou citar as opções de poderes tais INCLUIR, ALTERAR, EXCLUIR para que não complique demais. Mas pelo menos o ADMINISTRADOR  poder habilitar e desabilitar MÓDULOS  dos FUNCIONÁRIOS  é importante pois: Imagina ter um módulo de Atendimento ao cliente na área adm. o ADMINISTRADOR possui por exemplo 5 FUNCIONÁRIOS que trabalham utilizando este módulo. Se não tiver este recurso os FUNCIONÁRIOS poderão deletar e ou alterar informações do site e o ADMINISTRADOR nem saberá quem foi.


E por que o cadastro de usuários com nível CLIENTE

Muito simples, o ADMINISTRADOR dono do site pode ter uma área restrita para clientes, nesta ele poderia incluir funcionalidade tais como incluir uma imagem e um link. Algo interessante e um módulo ainda não visto. Por exemplo, na área de clientes o ADMINISTRADOR cadastraria uma imagem de um ícone e daria o nome de BAIXE NOSSO APLICATIVO DE CELULAR  e cadastraria um link para baixar. Seriam ítens que somente seus clientes de contrato poderia ter. Ou até mesmo cadastraria (outro exemplo) uma imagem ícone de SAC, nomearia SAC e o link redirecionando para seu sistema de tickets. Algo que só cliente de contrato teria acesso.  

Portanto quem cadastra seus clientes é o ADMINISTRADOR e não o próprio INTERNAUTA apenas por visitar o site. Este poderia ter uma opção que ao se cadastrar automaticamente seria de nível INTERNAUTA. Onde o WEBMASTER  implantaria o código em uma página que para ter acesso tem que se cadastrar.. Página de downloads públicos por exemplo. Esta utilizada somente no intuito de coletar dados para newsletter. 

Outro detalhe importante é se o sistema possui opção de se instalar novos módulos e de preferência que seja feito diretamente no painel.


Bom,,aliás..UFA.. por hoje é só. Até mesmo porque este artigo só tem textos e é meio cansativo de se ler. 

Mais pra frente estarei avaliando alguns ADM que estão disponíveis no mercado baseado no que este artigo propõe. Não no intuito de atrapalhar e sim no de ser útil pois nem sempre o DESENVOLVEDOR tem o mesmo pensamento do WEBMASTER. Sendo que o WEBMASTER é que vai utilizar o sistema. E é do WEBMASTER  que o ADMINISTRADOR vai cobrar caso o sistema não fazer o que promete.

Fiquem em paz, e boa semana a todos. 

















13/07/2015

POST 3 | Como escolher um ADM - Sistema de gerenciamento de conteúdo para sites WebAcappella








Inicialmente é importante lembrar que os quesitos da minhas postagens são referente a minha opinião devido a vários transtornos que já passei. 

E que os quesitos não são obrigatórios , apenas dicas para contar pontos na decisão na hora de escolher um ADM. Frisando também que particularmente eu adquiro todos.



QUESITO 13 - INSTALAÇÃO





Outro detalhe, apesar de não ser de grande importância; pois após superado algum transtorno na primeira instalação as próximas é fichinha; é a facilidade e liberdade na hora de instalar o sistema.

Digo liberdade pelo seguintes fatores: 
- Poder instalar em qualquer pasta, e não somente na padrão informada pelo fornecedor do sistema.
- Poder ter mais de uma instalação do sistema no mesmo domínio. Pois o próprio desenvolvedor WebAcappella pode além de querer utilizar o sistema no seu próprio site, como disponibilizar um demo para seus clientes.

A instalação deve ser de preferência automática além de ter opção de instalação manual caso a automática falhar. Vale para o sistema completo quanto para os módulos avulsos.

Deve-se ter manuais escritos e em vídeo para as duas opções, tanto automatizada quanto manual. 

Este quesito tem sua importância pois imagina você adquirir um sistema e na hora de instalar já ter a necessidade de acionar o suporte para tal?

E pior ainda, quando o suporte não te atende com eficácia. Isto acontece muito quando quem lança o sistema não é o próprio programador. Pois veja bem, você já depende de uma outra pessoa para atender seu cliente, e ter que depender de mais uma outra pessoa? De experiência própria eu digo: - É uma situação complicada, pois a qualidade do seu suporte vai depender da qualidade do suporte que você recebe no se tratar da área administrativa.






QUESITO 14 - REDES SOCIAIS



Outro detalhe que seria interessante, digo seria pois ainda não vi nenhum ADM que ofereça este quesito; é ter vinculação com as redes sociais.

Pois imagina o cliente postar uma notícia interessante e ali ter um botão em que ao clicar compartilhasse esta notícia no Facebook por exemplo. 

Por isso eu gosto de utilizar o Prestashop no caso do meu cliente ter um catálogo de produtos. 

Por exemplo utilizando o Prestashop o visitante do site ou até mesmo o próprio dono do site,  clica no produto e resulta na seguinte imagem.



Em seguida ele clica em "Compartilhar no Facebook" como mostra a seta vermelha. Simplesmente resulta em uma postagem daquele produto no Facebook (imagem abaixo). Resumindo, é lançada uma propaganda do produto entre os amigos e ou integrantes de um grupo de quem compartilhou. Bom ou não?






QUESITO 15 - META TAGS DO CLIENTE

Diferente do que postei no QUESITO 9, neste caso seria o cliente, digo dono do site; possa incluir meta tags em alguns lugares no site. Mas que realmente funcionam, e não apenas inseridas dentro do banco de dados como apenas mais uma informação a alimentar.

Pois os robôs dos mecanismos de busca não procuram dentro dos arquivos de banco. E para quem não sabe a maioria dos sistemas ADM utiliza frames, e para o Google, um  site que utilize frames requer uma análise cuidadosa para garantir que o tráfego é acompanhado de forma precisa e que as informações de referência são mantidas. 




QUESITO 16 - LIBERDADE NA APLICAÇÃO



Quando digo liberdade na aplicação, é o desenvolvedor Webacappella ter mais liberdade ao inserir o código no projeto e não ficar preso em um padrão de como inserir.

Vou tentar explicar melhor: 

Supomos que vou incluir no site do cliente uma área de álbum de fotos. Daí o ADM me obriga a utilizar uma área com dimensões X.  Sendo que algumas vezes seguir o padrão do ADM acaba interferindo no design do site. 

Outro detalhe é que, o que o desenvolvedor precisa do ADM  é mostrar as informações do banco e não molduras e ou títulos já padrões no ADM. Se eu precisar colocar a frase "Álbum de fotos" no projeto eu coloco usando as fontes e cores combinando com o design do projeto, e não o sistema fornecer este título automaticamente pra mim em suas configurações padrões. Ou até mesmo me mostrar o álbum dentro de uma moldura a qual não tem nada haver com o design do site. O desenvolvedor precisa apenas que mostre as fotos. 


UMA PARADINHA



Depois de tantos quesitos surgem questões de como escolher, sendo que os ADM cada qual com sua característica não atende todos, e as vezes é melhor em um quesito e pior em outro.

Muito simples. Vou passar uma dica: 

Em primeiro lugar você vai escolher o que mais lhe atende, isto é uma questão particular sua. Mas para servir de ajuda você pode criar por exemplo uma planilha no Excel mais ou menos assim. 



Na primeira coluna você lista os Quesitos, a segunda coluna você determina a importância de cada quesito pra você, na terceira coluna você preenche com sua nota referente cada quesito. Lembrando que se o valor da importância de um quesito for 5 por exemplo..se tiver dando a nota 5 , aquele quesito atingiu 100% da importância (importante observar isso). Em outra coluna você coloca coloca o % que a nota atingiu sobre a importância. No final da coluna % você insere a média do resultado da coluna %. Daí você faz a comparação no resultado final.

Os quesitos você pode incluir livremente, de acordo com sua necessidade.

Exemplo da planilha (os dados inseridos são sem relevância, servem apenas para exemplo)




No exemplo então de acordo com o que tem mais importância para mim, e se fosse para escolher, seria o Fornecedor 1.

Mas continuo batendo o pé, se você é um desenvolvedor WebAcappella adquira todos.


Bom, lembrando que não estou aqui julgando um ou outro que exista no mercado. Apenas expondo minha opinião em quesitos. Espero que os artigos sejam vistos de forma positiva aos Fornecedores deste tipo de sistema. E que ajude os mesmos melhorarem os pontos deficientes dos mesmos. 

Abraço a todos.










12/07/2015

Facebook Open Graph | Imagem compartilhar no Facebook personalizada no seu site WebAcappella


TEMA: Redes Sociais
ARTIGO: Revisado e Melhorado
VERSÃO: WA RC  |  WA 4


Olá galera do bem!

Existem certos detalhes que nos tempos de hoje não podem faltar em um website. Um deles é a interação do seu site com redes sociais. O Facebook hoje é considerada a maior rede social de todos os tempos, e uma porta para atrair novos clientes.

Sabe aquele ícone "Compartilhar" do Facebook que se vê em vários sites? Pois então; se você clica nele o que acontece? Simplesmente você compartilha para todos seus amigos, ou todos de um grupo que você participa.

Imagina a importância que esse ícone (botão) tem; o visitante do seu site divulgando seu site pra você.

Porém uma vantagem pode se transformar em transtorno se não estiver bem trabalhada. Pois, se o site não estiver configurado com Facebook Open Graph, nem sempre as imagens e textos divulgados no Facebook causam boa impressão.

Este é o tema desse post: Aplicar o Facebook OpenGraph no seu site WebAcappella inserindo uma imagem personalizada. Existem métodos mais complexos que ao decorrer do tempo estarei postando aqui no blog.




Então o primeiro passo é incluir o código abaixo no head do seu site. Mas calma, não vá copiando e colando, vamos entender  e fazer as alterações devidas primeiro.

<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="website" />
<meta property="og:image" content="URLDAIMAGEM" />
<meta property="og:image:type" content="image/TIPOIMAGEM" />
<meta property="og:image:width" content="LARGURA">
<meta property="og:image:height" content="ALTURA">
<meta property="og:site_name" content="NOMEDOSEUSITE">
<meta property="og:title" content="TITULOASERPOSTADO" />
<meta property="og:description" content="DESCRIÇÃO" />
<meta property="og:url" content="URLSITE" />


ENTENDENDO O CÓDIGO E FAZENDO AS ALTERAÇÕES


<meta property="og:locale" content="pt_BR" />

Nessa tag definimos basicamente o local/idioma da publicação. A documentação do Open Graph recomenda optarmos pelo idioma em qual o site está escrito. Mas sei de muita gente que opta em usar "en_us"

<meta property="og:type" content="website" />

Nesta você define o tio do seu website. O valor padrão é "website", Mas pode ser alterada de acordo com o conteúdo; por exemplo, se for um artigo pode-se colocar a palavra "article". No nosso caso vamos manter "website"

<meta property="og:image" content="URLDAIMAGEM" />

Nesta você informa o caminho da imagem a aqual deseja ser compartilhada. Eu, particularmente gosto de utilizar imagens maiores (1200 x 628 px) Mas o Facebook também aceita imagens de 200 x 200 px.
Portanto com um programa da sua escolha crie uma imagem em uma das dimensões citadas acima.

Neste exemplo eu criei uma de 1200 x 628px . 



Após criado a imagem hospede a mesma em uma pasta dentro da hospedagem do seu site. O caminho da imagem será o local onde está postada seguido do nome da mesma. Eu salvei a imagem deste exemplo como compartilhaface.png dentro de uma pasta nomeada img.

<meta property="og:image:type" content="image/TIPOIMAGEM" />

Nesta você informa o tipo de imagem utilizada. No caso do exemplo é PNG.


<meta property="og:image:width" content="LARGURA">
<meta property="og:image:height" content="ALTURA">

Nestas duas se informa as dimensões da imagem. Portanto eu utilizei 1200 x 628, mas imagens nas dimensões 200 x 200px também são aceitas. Portanto na minha opinião não fica muito chamativo.


<meta property="og:site_name" content="NOMEDOSEUSITE">

Substitua o trecho em vermelho pelo nome do seu site.

<meta property="og:title" content="TITULOASERPOSTADO" />

 Substitua o trecho em vermelho pelo texto que deseja que apareça logo abaixo da imagem como o título principal da postagem no Facebook.  No exemplo eu coloquei "WEBACAPPELLA SHOW"

<meta property="og:description" content="DESCRIÇÃO" />

Nesta substitua o trecho em vermelho pelo texto que vai logo abaixo do título a ser postado. Pense neste texto como uma chamada para que desperte a atenção dos internautas. Como exemplo eu defini como "Sua biblioteca on line Webacappella | Dicas / Truques /Tutoriais "

<meta property="og:url" content="URLSITE" />

Para finalizar o código substitua o trecho em vermelho pela url completa do seu website , com http:// .



Então para este exemplo meu código ficou como o abaixo:

<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.webacappellashow.com.br/img/compartilhaface.png" />
<meta property="og:image:type" content="image/PNG" />
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628">
<meta property="og:site_name" content="WEB ACAPPELLA SHOW">
<meta property="og:title" content="WEBACAPPELLA SHOW" />
<meta property="og:description" content="Sua biblioteca on line Webacappella | Dicas / Truques /Tutoriais" />
<meta property="og:url" content="http://www.webacappellashow.com.br" />



Após tudo configurado é hora de inserirmos no nosso site WebAcappella


PARA O WA 4


 Então utilize a opção SITE>>PROPRIEDADES DO SITE clique na CATRACA e insira o código logo no início do campo CÓDIGO HTML:




PARA O WA RC

Após conectar no seu projeto no WA RC clique em Website settings.




Clique em Edit HTML Code e insira seu código. 




Agora publique seu site.

Após publicado é hora de conferirmos se ficou tudo certinho:



IMPORTANTE: Toda vez que alterar a imagem acesse esse link e faça o procedimento de verificação.

Agora no campo disponível digite a URL DO SITE informado e clique em Debug. Será dado um relatório (em inglês) .



Repare que se tiver algum erro será mostrado para as devidas correções.


Depois de feita as devidas correções eu aconselho testar também postando o url informado diretamente no Facebook e vendo o resultado.



Agora que está pronto. Falta somente inserir o botão nas páginas desejadas. Você pode utilizar tantos botões personalizados por você ou seguir instruções das seguintes postagens; ou até mesmo digitar a url em uma postagem no Facebook.



Visite o a demonstração online e faça o teste clicando nos botões compartilhar do Facebook para ver como se procede.. 








Related Posts Plugin for WordPress, Blogger...