Adicionar widget Cartão de Visita do LinkedIn no blog

O LinkedIn é uma das maiores redes sociais do momento com mais de 150 milhões de cadastrados e é com soberania o maior site de relacionamento para profissionais do mundo. No Brasil o site já conta com cerca de 6,8 milhões de usuários, sendo o 4º país com maior número de usuários.

Vamos ver agora como adicionar o Cartão de Visita e o Plugin para perfis do LinkedIn no blog.
Usando o vCard ou Plugin para perfil você dará ao seu leitor uma maneira intuitiva e prática para ele aprender mais sobre você ou até mesmo fornecer um contexto social profissional para o conteúdo do seu blog ou site.

Colocando o widget Cartão de Visita

Para colocar este modelo na  sidebar (lateral) do seu blog, basta copiar e colar o seguinte código, modificando apenas o que for indicado. Para isso, adicione um gadget do tipo “HTML/JavaScrit” se você usa o Blogger ou caso use o WordPress, dentro de um widget do tipo “Texto”:

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="LinkPerfilPúblico" data-format="inline"></script>

Para adicionar o Cartão de Visita sem mostrar as conexões em comum, coloque o seguinte código:

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="LinkPerfilPúblico" data-format="inline" data-related="false"></script>

Colocando o widget Plugin do Perfil

Este Plugin é o ícone do LinkedIn mais o seu nome de usuário. O código tem 3 opções diferentes de uso:

1. Efeito hover: Quando passa o mouse em cima do nome, o script gera o Cartão de Visita.
2. Efeito click: Quando clica no nome, o script gera o Cartão de Visita.
3. Efeito hover ou click sem mostrar conexões.

• Efeito hover

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="LinkPerfilPúblico" data-format="hover" data-text="USUÁRIO"></script>

• Efeito click

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="LinkPerfilPúblico" data-format="click" data-text="USUÁRIO"></script>

• Sem mostrar conexões

Adicione o código data-related=”false” APÓS data-text=”USUÁRIO”

Como achar o Link do meu Perfil Público?

Basta ter feito login no LinkedIn e acessar www.linkedin.com/profile/edit. Após isso, veja o tópico “Perfil público“, copie o link e substitua no código por “LinkPerfilPúblico.” Salve e veja como ficou 

Gadget Redes Sociais no blog

Um Gadgets de Redes Sociais é a maneira mais fácil de fazer com que seus leitores encontre você em outros meios de contato, ou até mesmo acompanhar as maiores novidades que acontece em seu blog.  Já pensou em colocar as redes sociais que você participa em seu blog? É fácil!

1 - Acesse o painel do Blogger;
2 - Clique na guia "Layout" e em seguida "Adicionar um gadget".
3 - Adicione o gadget "HTML/JavaScript" e insira o código informado abaixo:

<a href='LINK DO PERFIL DO ORKUT OU COMUNIDADE' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Orkut'><img alt='Orkut' src='http://icons.iconarchive.com/icons/danleech/simple/48/orkut-icon.png'style='border:0; width:45px; height:45px;'/></a>     <a href='LINK DO TWITTER' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Twitter'><img alt='Twitter' src='http://icons.iconarchive.com/icons/danleech/simple/48/twitter-icon.png' style='border:0; width:45px; height:45px;'/></a>     <a href='LINK DO FACEBOOK' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Facebook'><img alt='Facebook' src='http://icons.iconarchive.com/icons/danleech/simple/48/facebook-icon.png'style='border:0; width:45px; height:45px;'/></a> <a href='LINK DO GOOGLE+' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Google +'><img alt='Google +' src='http://icons.iconarchive.com/icons/danleech/simple/48/google-plus-icon.png' style='border:0; width:45px; height:45px;'/></a>   

Adicione o link de sua rede social em: LINK DO PERFIL DO ORKUT OU COMUNIDADE, LINK DO TWITTER, LINK DO FACEBOOK e LINK DO GOOGLE+

Link destacado em Verde - Caso você queira mudar a imagem. Existe vários sites de icon, eu conheço o http://www.iconarchive.com/

Prontinho! Agora todos podem te achar facilmente nas redes sociais! :)

BOTÕES SHARETHIS COMPARTILHAR POST NAS REDES SOCIAIS

Botões de compartilhar posts nas redes sociais é uma das coisas mais importante para aumentar o tráfego em seu blog. Ao adicionar esses botões de compartilhar posts nas redes sociais em cada postagem do seu blog aumentará a beleza de suas postagens. Hoje eu vou lhe ensinar como adicionar esses botões de compartilhar posts nas redes sociais em cada postagem do seu blog. Estes botões de compartilhar posts nas redes sociais inclui facebook share, Twitter tweet, com o botão Delicious. A instalação deste widget é extremamente fácil de modo que você pode adicioná-lo facilmente.

Como adicionar botões Sharethis compartilhar posts nas redes sociais

1. Acesso o Painel do Blogger e navegue até Modelo > Editar HTML

2. Clique em: "Expandir modelos de widgets”

3. Encontre o seguinte código (use CTRL + F para encontrar o código)

<div class='post-footer'>

Se você encontrar 2 códigos iguais, procurar o primeiro e cole o código abaixo logo abaixo/depois.

<!-- Sharing Button Code BEGIN -->
<span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_delicious_hcount' displayText='Delicious'></span><span class='st_sharethis_hcount' displayText='ShareThis'></span>
<script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'f3e22f37-f1d3-41f4-adfe-e9667347c91e'});</script>
<!-- Sharing Button Code END –>

Agora clique em salvar modelo

Prontinho.

ÍCONES SOCIAIS COM EFEITO DE OPACIDADE

A dica que eu quero compartilhar como vocês hoje são Ícones Sociais; são os chamados"Social Icons" e como o titulo já diz vem com um charmoso efeito de opacidade alcançado através de CSS.

O resultado final será uma bela caixa de Subscrição com efeito de opacidade .

BOTÕES TRIANGULARES PARA BLOGS

Desta vez eu quero compartilhar com vocês um pacote de botões triangulares; simples e elegantes.

BOTÕES DE COMPARTILHAMENTO COM EFEITO HOVER

Os botões de compartilhamento (Social sharing / bookmarking) tem a finalidade de facilitar a divulgação em redes sociais, como: Twitter,Orkut, Facebook etc. e são, com certeza, um recurso extremamente indispensável em qualquer blog.

Quando você adiciona tais botões no seu blog, você possibilita ao seu leitor divulgar os artigos que achou interessante com os amigos e contatos de redes sociais.

E isso, pode trazer novos visitantes para o seu blog.

Quero compartilhar com vocês botões de compartilhamento com efeito hover muito legal com CSS3.

Como incorporar um no corpo da postagem de seu blog

O Twitter é uma rede-social que funciona mais ou menos como um blog, por isso o termo “microblog” é dado para o mesmo, pois a função de seguir uma pessoa nada mais é do que assinar o RSS das atualizações. Criado em 2006, vem crescendo muito desde então.

Recentemente o Twitter sofreu algumas alterações, no modo de criar a conta, no layout e uma das melhores mudanças foi a disponibilização de incorporação de tuites em blogs e sites, com isso a interação entre estas mídias cresceu muito e hoje vou ensiná-los a incorporar um tuite em seus respectivos blogs.

botão do Facebook , twitter, Google Buzz no mesmo gadget

Que tal um jeito mais simples de colocar botões para enviar as postagens do seu blog para o Facebook, Twitter e Google Buzz? Então use esse código feito pelo site Acessórios para Blogs e coloque os 3 botões de uma vez só no seu blog com apenas uma linha de código e divulgue seu blog nestas redes sociais. Esses botões funcionam para qualquer pagina do seu blog seja ela uma postagem, pagina inicial ou pagina dos marcadores.

Você pode escolher se mostrará esses botões no menu do seu blog ou em um dos cantos da pagina, assim eles ficarão sempre visíveis e tem mais chances das pessoas recomendarem seus posts no Google Buzz,Twitter ou Facebook.

botão curtir do Facebook no blogger

Uma pergunta frequente que recebemos é como colocar um botão curtir do facebook no blog, isso é simples de fazer você só precisa colocar algumas linhas de código e o botão do facebook já está funcionando no seu blog.

Entre na pagina editar html, marque para Expandir modelos de widgets e procure <post.body>, quando localizar esse código você tem duas opções: colocar o botão curtir do facebook no inicio ou final de seu texto. Se quiser no inicio do texto coloque o código antes de e se quiser no final coloque depois.

fazer uma pagina do Facebook para seu blog

Crie uma pagina no Facebook para divulgar seu blog, isso pode ajudar a conseguir mais visitas nesta rede social que cresce a cada dia. Fazer a pagina do seu blog no Facebook é bem simples, você só precisa entrar neste link que acabamos de mostrar e escolher algumas opções.

Adicionar e Personalizar Botão Curtir/Enviar do Facebook no Blogger

Existem diversas opções de botões e acessórios para divulgar seu blog no facebook, mas também existem maneiras simples de criar seus botões personalizados para enviar seus posts ao facebook. Isso vai permitir além de usar uma imagem ou texto personalizado como botão do facebook, mas também escolher qual pagina será compartilhada na rede social. Além disso, também é possível usar o botão curtir(enviar) como assinatura do seu email e ganhar mais divulgação em cada email que enviar.

Mencionar Pessoas do Google+ nas Postagens do Blog

Entre varias novidades do Blogger e Google+ agora ficou mais simples citar e colocar links para pessoas que participam do Google Plus. O Blogger fez uma atualização na sua pagina de criar novas postagens para tornar a procura de perfis no Google+ e criação de links automática ao escrever esse novo recurso publicado ontem no Google Buzz com o titulo Mention people in your posts with Google+ (Mencionar pessoas nas suas postagens com Google+).

A utilização deste recurso para mencionar pessoas do Google+ em seus posts é muito simples você só precisa colocar o sinal @ ou + no texto da sua postagem e escrever o nome da pessoa e surgem varias opções conforme você digita o nome da pessoa. Isso é muito semelhante às caixas de busca do Google.