Mostrando postagens com marcador Botões de Redes Sociais. Mostrar todas as postagens
Mostrando postagens com marcador Botões de Redes Sociais. Mostrar todas as postagens

Passarinho do Twiter voando no Blogspot/Blogger

Segue agora um tutorial que muitos me escreveram pedindo.  O passarinho do Twiter voando pelo Blogspot/Blogger.  Quando você clica nele, é direcionado à página do Twiter.

Não fiz no meu porque não gosto do Twiter.  Mas, a imagem é esta:



É muito simples:  Vá a sua página do Twiter e copie a URL do seu perfil e cole no Bloco de Notas do Windows.

Agora, pegue o código abaixo e cole no Bloco de Notas para facilitar.

Onde está escrito "url do seu perfil", cole a url do Twiter que você já colou no Bloco de Notas.


<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> 
<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 = 'URL DO SEU PERFIL'; 
var twitterThisText =''; 
tripleflapInit(); 
</script>

Feita a substituição, vá ao Blogger, clique em "Layout", "Adicionar gadget", "Elementos html/javascript".  Cole o código, salve e pronto.  Visualize o Blogger.


Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram


Botões das Redes Sociais no Topo do Blogger

Vamos aprender agora a criar uma barra no topo do Blogger com ícones do Facebook, do Twiter e do G+.  Ficará como nesta imagem do meu Blogger de Testes.


É esta barra de cor verde acima do título do Blogger.  Veja os três botões das Redes à direita.

Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram


Parte 1

Antes de começar, acesse seu perfil do Facebook, do Twiter e do G+, copie os links na barra de endereços do buscador e deixe-os no Bloco de Notas.  Insira-os onde está indicado no código abaixo.

Se quiser tirar algum deles é só apagar no Bloco de Notas a linha inteira de <a href= até </a>:

Em primeiro lugar, vá em "Modelo", em "HTML", "Prosseguir" e dê um " Ctrl + f " no seu teclado e na janela que se abriu, cole o seguinte:

<header>

Abaixo dele cole o próximo:


<div class="bar_top">
<div class="bar_topd">
                <ul class="menu_barrax">
                                                </ul>
                <div class="transit">
<a href="http://LINK_AQUI" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7yKvO0FeqDXhLW2OKjTXgC3Ru0uEBBrYQsQu3BZiLw8PO5cjXJfLzzgYr8rb1dZ8bzNz6CdXwss2e_Sx6BuURFhUMm-tf_8HnF0IvE45up3RqXvkCOtV0vgzJvXUYGyWEhG-mL191fhj/s1600/facebook.png" title="Facebook"/></a>
<a href="http://LINK_AQUI" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5uNHWS7lmvSMDJACstpmIOeQ_eva_nH1nI7S6umTvlliF3XAQkWxqeibtn3eHUk3OGVX73Frg1UpjRfWqmV52hZf2iYpGxZpi5UYX2URck8_cEjumOTo5yHXzDssKKi67qD0I0nEAX5_8/s1600/twitter.png" title="Twitter"/></a>
<a href="http://LINK_AQUI" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMmQL-llvIN3FEZYLmLQXyOQckGFlR2jQBseuHacyJORjLoeHZ3bZuPrIAAqkvEqSUphQDiEi_nmVN18QpWTkdBhyphenhyphenbfgcaNaFm37bE5b9it66dKcVY15RL7Xkq1H9lZuL63RVRjfoRk1Qt/s1600/google+.png" title="Google Plus"/></a>
</div>
</div>
</div>

Visualize e se deu tudo certo, SALVE.

Parte 2

Agora nesta segunda parte, na janela do " Ctrl + f " cole o seguinte:

]]></b:skin>

Antes deste código cole o próximo:

.bar_top {width: 100%;height: 32px;background: #006400;}
.bar_top img {height: 22px;float: right;margin: 5px 7px 0 0;opacity:0.8;filter:alpha(opacity=80);}
.bar_top img:hover {opacity:1.0;filter:alpha(opacity=100);}
.menu_barrax {float: left;margin: 0;padding: 0;}
.menu_barrax li {float: left;list-style: none;font-size: 10px;font-weight: bold;font-family: Verdana, Arial;text-transform: uppercase;margin: 0 0 0 10px;padding: 10px 0 0 0;}
.menu_barrax li a{color: #dfdfdf;text-decoration: none;}
.menu_barrax li a:hover {text-decoration: none;color: #fff;}
.transit {-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.bar_topd {width: 900px;margin: 0 auto;}

Para configurar a cor da barra modifique no código acima onde está #006400 que é o código html da cor verde.  Procure uma tabela de cores para escolher a que mais combina com o seu Blogger.

Visualize e dando tudo certo SALVE.

Like Box do Facebook para Blogger

Segue agora tutorial para você ter em seu Blogspot uma Like Box do Facebook como a que tenho no side bar. 


Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram


 Em primeiro, acesse este link: Facebook Plugins

Esta é a imagem da primeira página de configuração do seu plugin.
Clique em Like Box

Na pagina que abrirá, configure o seu plugin. Em primeiro lugar, cole a url da sua página no Facebook  e dê um "enter" no seu teclado para começar aa cofigurações.  Lembre-se de acertar a altura (width) e largura (Height)  para que caiba no  side bar do seu Blogger.
Configurações

Após clicar em "Get Code", clique em "IFRAME" na próxima página e copie o código. Veja abaixo:
Copie o código IFRAME

Para pô-lo no Blogger, vá em "Layout", "Adicionar um Gadget", "Elementos Html/JavaScript", dê um título, cole o código e salve.  Arraste o Gadget para a posição que preferir.

Gadgets do Facebook no Blogspot

Aqui vão os gadgets da rede social Facebook para você colocar no seu Blogspot.  São botões Like, e muito mais para você escolher.

Conheça a apostila "Como Fazer um Blog Comercial ou Transforme o seu em Site"

Faça login no Facebook e vá até a sua página ou perfil pessoal.

Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram


Clique no link abaixo e escolha o tipo de atalho que deseja.


Primeiro passo - Vá até Atalhos para páginas com a opção "Curtir" .  Feito isto, clique em "Criar seu atalho" como demonstra a figura abaixo: 
Segundo passo - Com o seu atalho já criado, clique no logotipo de Blogger.  Como mostra a figura abaixo:
Terceiro passo - Na página que se abriu, clique em "Editar conteúdo" como mostra a próxima figura.  Copie o código com o botão direito do mouse.
Quarto passo - Faça login no Blogger, vá em "Layout", "Adicionar um gadget". "Html java/script", cole o seu código, salve e arraste para onde deseja que ele apareça no seu Blogspot.

Ícones das Redes Sociais no Blogspot

Caso você tenha pressa em pôr seu Widget de redes sociais, no código abaixo, já tem um pronto com os ícones do Twiter, do Facebook, do MySpace e do You Tube.


Conheça a apostila "Como Fazer um Blog Comercial ou Transforme o seu em Site"

Vamos aprender a colocar ícones de redes sociais no seu Blogspot.  Acesse o site ImageShack e hospede os ícones que necessita para o Blog.  Aconselho procurar no Google Imagem por ícones do tamanho 56X56 pixels.

Pode copiar cada uma destas imagens e hospedá-las no ImageShack.  Todas têm 56X56 pexels.  Abaixo segue o código que você irá editar antes de pô-lo no seu Blog.

1)  Para editar o código, acesse seus perfis nas Redes Sociais, e copie a URL na barra de endereços do navegador.  Cole no Bloco de Notas do Windows para facilitar a edição.
2)  Copie o código abaixo, cole também no Bloco de Notas do Windows e troque o que está indicado pelas URLs dos perfis.



3)  Inserindo o código já editado no seu Blogspot.  Vá em "Layout", em "Adicionar um Gadget", e em "Html/JavaScript".  Cole o código e salve.  Arraste para a posição que desejar que apareça no Blog.

Como Criar uma Página no Google+

Olá leitor !  Vamos agora criar uma página para a sua empresa ou escritório comercial, ou mesmo seu consultório no Google+,  também conhecido como Plus One.

Em primeiro lugar, torne-se membro do Google+.  É muito simples.  Olhe na barra negra do seu navegador.  O primeiro link está escrito  "+Você".  Clique nele e siga todos os passos para participar do Google+.

Agora que já criou seu perfil ou de sua empresa, na página principal do teu perfil, à direita e abaixo, clique em "Criar uma Página no Google+"

 
Clique no último link à direita





Nesta página que se abriu, há botões na parte superior esquerda. Clique no primeiro, e preencha os dados da sua empresa.

Comece pelo endereço da empresa

Após tudo preenchido, você irá agora, adicionar o símbolo do Google+ ao seu site/blog, com link para a sua página recém criada.

Escolha o tamanho do ícone do G+
Feito a escolha do ícone, preencha o campo do nome da tua empresa e em seguida, vamos ao código.

São 2 códigos
Preste atenção que são 2 códigos.  O primeiro, você vai colocar abaixo da tag do teu Blogspot.  O segundo, vai ser colocado como gadget na barra lateral.  Lembre-se de ir ao "Layout", "Adicionar um Agadget", "Html Java-Script", cole o segundo código, arraste para onde quiser, salve e teste o link, clicando no botão do G+.

Está pronto. Começe a adicionar pessoas e divulgue seu trabalho.

Para saber mais, adquira a nossa Apostila.

Redes Sociais e o Blogspot

Passo a escrever sobre as redes sociais e o Blogspot.  Mas, é a minha opinião sincera.  Há muitos que discordarão.

O primeiro Blogspot que fiz, foi a Rio Asa Delta.  Foi criado para divulgar o meu trabalho no Voo Livre.  Eu faço propaganda de Voos Duplos de Instrução que são realizados no bairro de São Conrado no Rio de Janeiro.

Sempre li e ouvi falar que tendo o seu blog nas redes sociais, ajudaria e muito na divulgação e venda de produtos se fosse o caso.  Mas, depois de dois anos de Orkut e Facebook, posso afirmar que de nada adiantou.

São mais de 3.000 "amigos", tempo gasto em scraps e mensagens nos murais e nada.  Há empresas de SEO e webdesigners que vendem a manutenção do site ou blog nestas redes.  Mas, de nada adianta.  Talvez, sirvam para divulgar o seu trabalho em um pequeno círculo, mas, vender que é bom, nada.

Utilizo às vezes o AdWords Google (link patrocinado) que funciona com perfeição para divulgação e vendas.  Este sim, é um recurso que vale à pena.

Com o tempo, torna-se muito chato e desinteressante, todos os dias logar nas diferentes redes sociais, escrever algo no mural, adicionar novos "amigos" e ver se algum "peixe" mordeu a isca.

Que me desculpem os blogueiros que as defendem, mas a minha experiência as reprovou.  

Coloque no seu Blogspot um botão do Facebook, um do Twiter, do falido Orkut ou mesmo do Google +.  Deixe  as pessoas que curtem as redes sociais, clicarem nestes botões e compartilharem o conteúdo da tua postagem nos perfis delas.  Mas não vale à pena você ter perfil nestas redes, gastando seu precioso tempo.

É melhor você se concentrar em escrever novos artigos para o seu Blogspot.  

Utilize o Feedburner e/ou Google Friend Connect e também em diretórios próprios para blogs, como o Dignow e a Galeria de Blogs.  É mais a "cara" do blog.

Bom, já desabafei e espero ter ajudado você a decidir se vale ou não inscrever o seu Blogspot nas redes sociais.

Para saber mais, adquira a nossa Apostila.

Botão Like do Facebook no Blogspot

Vamos colocar um botão "Like" do Facebook no Blogspot.  No final das postagens já existe um conjunto de botões, sendo um deles o "Like".  Mas, vamos personalizar um em destaque.

Vá em "Modelo", "Editar Html", "Expandir modelos de widget" , "Ctrl+f" no teclado e na caixa que se abriu, cole um dos códigos abaixo, que aparecerá destacado no seu HTML.

Marque "Expandir Modelo de Widgets"
Se quiser o botão logo abaixo do título da postagem:



Se quiser colocá-lo logo após o título da postagem, procure pelo código abaixo:



Após um dos códigos acima, colar o seguinte:



Pronto, é só clicar em visualizar, ver se deu tudo certo e salvar em seguida.

Para saber mais, adquira a nossa Apostila.

Adicionar o botão Plus One no Blogspot

O Plus One é a nova rede social do Google.  Você já conhece o famoso botão que fica ao lado dos sites nas páginas de busca.  O Plus One além de ser uma rede social, também ajudará os sites e blogs a subirem nos mecanismos de busca com os cliques que terão.

Plus One
Em primeiro, acesse a ferramenta "Webmaster Tools" com seu Gmail.  Em seguida, clique na url do seu blogspot.  Na barra de menu a esquerda, clique em "+ 1 Metrics".  Na linha logo abaixo, clique em "Search Impact".  Você verá na página que se abriu, o botão + 1, clique em "Add + 1 Button".

Passo 1
Passo Um
Passo 2
Passo Dois

Após clicar em "Add + 1", abrirá uma tela azul que você irá preencher escolhendo o idioma.

Idioma
Escolher o idioma

Copie o primeiro código apresentado na caixa, ou copie este abaixo que é o mesmo.



Vá em "Design", "Editar Html", Ctrl + F no seu teclado.  Na janela que se abriu, acima dela, cole o código que mostrei na caixa acima.

Visualise tudo, e salve o modelo.

Agora, vá novamente na caixinha do Ctrl + F e cole class='post-header-line-1 .  Abaixo dela, cole o seguinte código. O seu botão Plus One aparecerá logo abaixo do título da postagem.





Já está pronto.  Visualize tudo, e salve o modelo.  Bem vindo ao Plus One.

Para saber mais, adquira a nossa Apostila.
Related Posts Plugin for WordPress, Blogger...