blogger e sites: Redes Sociais

Mostrando postagens com marcador Redes Sociais. Mostrar todas as postagens

Adicionar widget Cartão de Visita do LinkedIn no blog

|1 comentários

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:

Efeito hover: Quando passa o mouse em cima do nome, o script gera o Cartão de Visita.
Efeito click: Quando clica no nome, o script gera o Cartão de Visita.
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

|0 comentários

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, "hangoutBC", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700"); 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, "hangoutBC", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700"); 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, "hangoutBC", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700"); 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, "hangoutBC", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700"); 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

|0 comentários

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.

<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

|1 comentários

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.