Latest Post

Adicionar widget Cartão de Visita do LinkedIn no blog

|1 comentários


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 ;-)

7 plugins para resolver seus problemas no WordPress

|0 comentários

No WordPress os plugins são usados para incrementar o código de um site realizando alguma função adicional. Alguns deles são pagos, mas existem muitos gratuitos que também podem fazer a diferença em seu blog, dando uma aparência mais profissional e além disso, lhe auxiliando em algumas funções. Mas em meio a tantos pluguins existentes hoje em dia no mercado, fica meio difícil discernir quais realmente irão ajudar o seu blog e quais irão apenas “pesar” a página. Pensando nisso resolvi separar alguns mais úteis, os que mais facilitam o nosso trabalho e nos fazem ganhar tempo.
[Detalhe: todos os plug-ins estão com link no título, mas você também pode encotra-los pesquisando na sub-seção adicionar novo na seção plugin no WordPress]

adRotate

adRotate é uma mão na roda pra você que está começando a vincular publicidade independente em seu blog (fora de programa de afiliados). Porque ele tem um incrível sistema que controla o anuncio automaticamente, só precisando você indicar data de inícil e fim (dia em que o anuncio deve ficar visível e dia que ele deve se tornar oculto), limite de visualizações do anuncio, ou limite de clicks, em todas essas opções o anúncio ficará visível apenas até atingir a condição pré-estabelecida. Todavia ele também pode ser usado para gerir anúncio de programas de afilio.
Este plugin ainda lhe oferece um painel para você acompanhar todo progresso do anuncio, suas visualizações e clicks recebidos. Alguns blogs porem, o utilizam em espaços de parceria para ter mais controle das visitas enviadas a partir de cada baner parceiro. Ele também é uma ótima opção para você ir descobrindo quais posições e formatos geram mais clicks dentro de seu site.

Akimet

Criado pela Automattic em 2005: o Akismet tem uma função básica e necessária a todo site/blog que tenha um sistema de comentários, filtrar e excluir todos os spam’s que frequentemente vem junto. Sua performance é precisa e (pelo menos comigo) nunca ocorreu de um comentário legitimo ser apagado, isso porque seu filtro compara as informações do usuário que está comentando com as retiradas de todos os blogs que participam do serviço, e conseguem discernir um spamer.
Incialmente o Akismet funcionava como plugin, ou seja: o usuário precisava instala-lo para poder usar, hoje ele já vem como padrão do WordPress e apenas precisa que você o ative. Vou mostrar como você pode fazer isso. Acompanhe
Primeiramente você deve ir ao site do aplicativo e selecionar a opção personal, na pagina seguinte é só preencher seu nome e email e indicar zero no item que pede uma doação (Claro que você é livre para ajudar se quiser), depois disso  é necessário confirmar seu email, feito isso é gerada uma chave de aplicativo (API key), em posse dela você só precisa cola-la na parte de configurações do Arkimet no seu painel WordPress. E usufruir.

Google XML Sitemaps

Sitemap é um recurso de SEO bastante antigo, mas ainda bem útil, onde uma página é criada para linkar todos os artigos de um site, facilitando assim sua indexação nos mecanismos de busca, além disso criando um sitemap você ainda tem a possibilidade de oferecer ao usuário uma página com todas as postagens do blog a distancia de um click.
Mesmo assim, com todas essas vantagens eram poucos os sites que se preocupavam em criar seu sitemap, ou outros o criavam mas não o atualizavam quase nunca, tudo devido ao relativo trabalho que dava fazê-lo manualmente. Mas hoje, seus problemas acabaram, com o Google XML Sitemaps já é possível fazer tudo automaticamente, enviando cada postagem nova ao sitemap  e ainda selecionando as que devem ou não constar na lista. Mas não para por ai o plugin ainda indica aos motores de busca quando há um link novo na página, tudo automático.

All in One SEO Pack

Ainda falando de SEO o All in One SEO Pack é um plugin que se destaca nesse sentido. Ele permite que você personalize o título, a descrição e as palavras chave de cada post e do próprio blog para que você possa receber mais visitas e ficar melhor posicionado nos motores de busca, além de otimizar as URLs também. E tudo isso é claro, feito automaticamente, sem a necessidade de nenhuma preocupação por parte do usuário.

WordPress Popular Posts

Como o nome já diz o WordPress Popular Posts mostra as postagens mais populares de um site ou blog. O plugin cria uma lista de posts populares na sidebar do blog, que alem de atrair novos visitantes do blog para aquela postagem de sucesso, ainda geram maior navegação dos leitores em seu blog, não resumindo-se apenas a uma visita pela página principal, com esse plugin agora você dará um motivo legal para o leitor ir mais a fundo em suas páginas. Alem disso ele ainda mostra a quantidade de comentários da postagem em tempo real

WordPress Shout Box / Chat

Plug-in que adiciona uma caixa de comunicação, provendo assim um Chat entre os visitantes on-line do seu blog / web site. Ele pode ser muito util dependendo o tema do seu blog, criando um espaço como ponto de encontro para os leitores, Alem de gerar maior tempo de visualização da sua página por parte dos usuários, pois imagine que ao invés de dar uma rápida olhada de 30 segundinhos na sua página inicial, agora ele passará meia hora conversando por meio da sua página. Pode parecer um recurso ultrapassado,mas usado da maneira certa ainda pode ser muito bem explorado, por exemplo em foruns.

CevherShare

Hoje em dia redes sociais são o caminho mais curto para levar novos visitantes para o seu site, a cada dia mais e milhões e milhões de pessoas entram para redes sociais, e você deve estar atento a isso, e sempre procurar os melhores recursos que aproximem o seu site das redes e para lhe ajudar a fazer isso, você pode adicionar botões para partilhar o conteúdo nas redes sociais mais importantes.
O CevherShare adiciona icones ao lado do conteúdo e acompanha o leitor durante o scroll da página. Você pode alterar as cores, adicionar e organizar widgets, adicionar username do Twitter e ainda permite que você adicione icones de outros site que não estão nessa lista.

Como fazer o backup do blog WordPress

|0 comentários

Para quem é blogueiro, uma das principais preocupações é o fato de poder perder todo o trabalho de meses ou anos muitas vezes por fazer algo simples, mas errado. Ter um backup de todos os seus blogs é de grande importância, a não ser que esteja disposto a arriscar perder todo o trabalho que teve para escrever todos os artigos, fazer os links internos, escolher as imagens dos artigos, responder a cada um dos comentários, entre outras coisas mais.
Pensando justamente na necessidade que todos temos de ter sempre um backup, vamos ensinar uma maneira muito fácil de fazer o backup do seu blog, tanto dos arquivos quanto dos bancos de dados. Tudo isso de forma bem rápida e prática.

QUANDO TEM QUE FAZER O BACKUP?

Toda vez que fazemos alguma alteração em nosso blog, é obrigatório que seja feito um backup, afinal, o backup pode ser chato de ser feito, porém ter que recomeçar o blog é infinitamente pior. Caso vá atualizar um plugin ou instalar um novo, faça um backup antes, e se não ocorrer nada depois, faça o backup novamente. Para temas serve da mesma forma, antes e depois. Assim, se algo der errado depois, basta subir o backup feito antes da atualização, fazendo o blog voltando ao normal.

COMO FAZER O BACKUP?

O primeiro passo será acessar seu Cpanel (Painel de controle). Geralmente o endereço é este http://www.seublog.com/cpanel. Digite seu nome de usuário e a senha e ja vai estar no seu painel de controle do blog. Agora procure pela seção “Arquivos” e selecione a pasta “Backup”, veja:
backup
Agora o primeiro passo será fazer o backup dos seus arquivos, entre eles estão os temas instalados em seu blog, assim como imagens e plugins, tudo que for arquivo. Caso você perca essas informações você terá como recuperar tudo. Para fazer o backup dos arquivos, basta ir na seção “Backup completo”, veja:
backup completo
Caso tenha mais de um blog, ou grandes blogs, esse download pode demorar algum tempo. Hoje eu tenho alguns blogs e levo cerca de 10 minutos para concluir o download, faço uma vez por semana.
Agora é a hora de fazer o backup dos bancos de dados, que seriam os artigos em sí, além do restante do seu blog. Eu a algum tempo perdi muitos artigos pois não dava atenção ao backup, mas tem mal que vem para bem, e hoje sei da importância do backup. Para fazer o backup do banco de dados, basta ir na seção “Banco de dados” e escolher o arquivo que deseja fazer o download, veja:
backup banco de dados
TEM ALGUMA DÚVIDA? BASTA COMENTAR ;)

Widgets com ícones para redes sociais

|0 comentários

image
A última moda em blogs, são os ícones para as redes sociais. O principal objetivo é incentivar os visitantes a seguirem no Twitter, Orkut, Facebook e a assinarem os feeds do blog.  
Pra ajudá-los, criei dois gadgets baseados em CSS, super simples de serem implementados no Blogger.
Recomendo fortemente que as imagens dos ícones sejam enviadas para a conta do Picasa de vocês e que as URLs dessas imagens sejam substituídas.

Widget 1 – Twitter, Feeds e Facebook
socialmedia-icons

Vá no HTML do template, dê um Crtl+F com o teclado e procure por ]]></b:skin> . 
Cole antes dessa tag o seguinte código:
/* SOCIAL MEDIA 
----------------------------------------------- */ 
#socialmedia{background:#F6F8F8;border:1px solid #DBE2E0;padding:10px 5px 15px 10px; margin: 5px;} 
#socialmedia:hover{border:1px solid #90C2D7;} 
#socialmedia a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif} 
#socialmedia a:hover{color:#3c88b2;text-decoration:underline} 
#socialmedia img{vertical-align:middle;margin-right:5px;}
Salve o template. Vá nos elementos de página e clique em adicionar gadget. Escolha HTML/javascript e cole este outro código: 
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DO TWITTER'>Siga no Twitter</a> 
</div> 
<div id='socialmedia'><img alt='' src='https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DOS FEEDS'>Assine os feeds</a> 
</div> 
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DO FACEBOOK'>Curta no Facebook</a> 
</div>
  • Em URL DO TWITTER, escreva o endereço do seu Twitter
  • Em URL DO FEED, coloque o endereço dos feeds do blog
  • Em URL DO FACEBOOK, coloque o endereço do seu perfil ou da página de fãs
Widegt 2 - Feeds, Twitter, YouTube, Orkut e Facebook
   
socialmedia icons

No painel do Blogger, clique em design > adicionar gadget>HTML/javascript.
Cole o código abaixo, fazendo as respectivas alterações (em vermelho)
<div style="margin: 5px; padding: 10px;"><a
href="ENDEREÇO DO FEED"><img
style="border: 0px solid ; width: 48px; height: 48px; float: left;"
alt=""
href="ENDEREÇO DO TWITTER"><img
style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"
alt=""
href="ENDEREÇO DO YOUTUBE"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
href="ENDEREÇO DO ORKUT"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
href="ENDEREÇO DO FACEBOOK"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
 

Tem coisas no Blogger que são simplesmente inexplicáveis. Até outro dia, bastava colar a URL da imagem no local indicado e pronto. Atualmente, notei que as imagens hospedadas no Picasa Web não estavam aparecendo mais. Depois de muita investigação, descobri que – sabe-se lá porque – o Blogger estava mudando as URLs por conta própria. A solução é ainda mais bizarra rs Depois de colar o código no gadget HTML/Javascrip, é preciso clicar em “Formato Rich Text” para que as imagens funcionem. Prefiro nem comentar.

Como colocar busca do Google no Blogger

|2 comentários

gtk_find_and_replace
Muitos usuários do Blogger vêm se queixando que a caixa de busca padrão – gadget “caixa de pesquisa” – não é eficiente, pois não mostra todas as postagens. Esse problema já é antigo e, infelizmente, ainda não foi resolvido. 
No lugar do gadget “caixa de pesquisa”, é possível usarmos outras opções de caixa de busca do Google:

  1. Caixa de busca do Google Adsense;
  2. Caixa de busca personalizada do Google;

Como colocar a busca do Google AdSense
busca-adsense
A caixa de busca do AdSense é, de longe, a mais eficiente e ainda pode render uma graninha. Para colocá-la em seu blog, é preciso ser um editor cadastrado.  
  1. Clique na aba “configurações do AdSense”
  2. Escolha a opção “AdSense para pesquisas”
  3. Em “tipo de pesquisa”, escolha “apenas os sites que eu selecionar”
  4. Em “sites selecionados”, digite o endereço do seu blog
  5. Clique em “continuar” e configure o tamanho da caixa
  6. Clique em “continuar” e copie o código
  7. No Blogger, cole no gadget HTML/Javascript
Como colocar a busca personalizada do Google
image
A caixa de busca personalizada do Google também é muito boa.
  1. Acesse http://www.google.com/cse/
  2. Faça login com sua senha do Google
  3. Clique em “criar mecanismo de busca personalizado”
  4. Preencha todos os campos
  5. Em “site a pesquisar”, digite o endereço do seu blog
  6. Clique em avançar e escolha um modelo
  7. Copie o código
  8. No Blogger, cole no gadget HTML/Javascript

Como Planejar e Começar a Divulgação de um Blog

|0 comentários
Um dos principais erros que uma pessoa pode cometer ao começar um blog novo é deixar de lado o planejamento. Geralmente os blogueiros, empolgados pela concepção, pela ideia inicial que tiveram do blog, partem para a ação; procuram a melhor ferramenta para hospedar seu blog, instalam meia dúzia de plug-ins, montam uma página no facebook e começam a disparar seus posts freneticamente.

Claro que essa energia, essa empolgação, é muito válida e faz as coisas acontecerem. Mas isso não deve fazer com que você deixe de lado o planejamento do seu blog. E uma das principais etapas do planejamento é saber como você vai gerar tráfego para o seu site.
Esteja você procurando uma maneira de como ganhar dinheiro com seu blog, ou apenas buscando visibilidade para suas ideias, é preciso ter bem claro como você vai atrair visitantes para sua página. Até porque, um blog sem visitas faz o seu dono perder o pique mais cedo ou mais tarde.

A pergunta que você precisa fazer é: como as pessoas vão encontrar o seu blog? Você vai fazer uma rede de contato com outros blogueiros que vão ajudar você nessa tarefa? Você vai divulgar seu blog para seus amigos no facebook, esperando que ele decole nessa maneira? Você pretende utilizar anúncios no Google Adwords para conseguir visitantes?

Eu imagino que, se você está começando agora sua aventura na blogosfera, vai querer gastar dinheiro o mínimo possível nessa sua empreitada. Portanto, creio que a melhor alternativa para você conseguir aumentar o número de visitantes nas suas páginas sejam as estratégias de SEO – Search Engine Optimization em inglês – ou otimização para mecanismos de busca.

Essas são técnicas que webmasters usam para que buscadores – principalmente o Grande Google – dêem credibilidade para suas páginas e coloque seu blog no topo da primeira página para termos relacionados a ele. O que nos leva a uma pergunta: como fazer o Google entender que uma página do meu blog é a melhor alternativa para a busca de uma determinada palavra-chave e deve aparecer na primeira pagina do Google.

A primeira coisa a fazer é entender a demanda de conteúdo que existe em torno do seu blog. Para isso, o próprio Google disponibiliza dentro do seu sistema Adwords, uma Ferramenta de Palavras-chave. Nessa ferramenta você pode procurar palavras e termos relacionados ao assunto do seu blog e verificar quanto acessos mensais cada uma dessas palavras-chave tem. Por exemplo, se o seu blog fala sobre dieta e nutrição, você pode descobrir que “dieta da proteína”, “dieta da usp” e “dieta dos carboidratos” são termos muito mais procurados do que dieta do leite, por exemplo. Mais do que isso, essa ferramenta pode abrir seus olhos quanto à demanda que existe em torno do seu assunto, e funcionar como uma verdadeira fábrica de sugestões para os posts do seu blog. 

Talvez, no exemplo acima, você nunca tivesse imaginado em fazer um post sobre a dieta da USP. Porém, após checar essa ferramenta e verificar a quantidade de pessoas interessadas em informações sobre essa dieta, você repense sua estratégia e desenvolva uma página especialmente para atender essa demanda. Pense que essas são pessoas diretamente interessadas no que você tem a dizer e não conhecem o seu blog. Se você conquista-las por meio dos buscadores, apresentando pra eles as informações que desejam com qualidade e criatividade, a chance deles se tornarem fãs e divulgadores do seu material é enorme.

Mas é claro que não basta criar uma página sobre a dieta da USP pra ela aparecer na primeira página do Google. Alcançar essa posição requer um trabalho constante e bem disciplinado, porém nada impossível. Mas isso já é assunto pra outro post.

Autor deste Tutorial: Henrique Fogli é escritor e empreendedor online desde antes de ser careca. No seu mais novo site - Blog-in Mídia  - ele busca ajudar curiosos a se aventurarem na internet, ensinando-os como criar um blog e começar sua carreira em casa. 

De onde vem o Dinheiro que os Blogueiros ganham?

|0 comentários

Muita gente tem dúvida sobre monetização de blogs e como é possível ganhar dinheiro com blog. Recebe perguntas do tipo “de onde vem o dinheiro” e “como vou receber” ou “quem vai depositar o dinheiro na minha conta”. Pode parecer simples para alguns, mas é uma dúvida pertinente para entendermos como funciona de verdade o trabalho de um blogueiro profissional que quer ganhar dinheiro na internet.
Recomendo que todos possam ler os artigos que receberam os comentários para ampliar ainda mais seus conhecimentos sobre monetização de Blogs e até interagir com os outros leitores que já comentaram por lá.
Sabemos que é possível ganhar dinheiro criando conteúdo para blogs, mas poucos entendem de onde vem tal grana e como o blogueiro faz para receber os pagamentos. vou responder a cada uma das perguntas, mas elas se completam (e até se repetem) em alguns aspectos.
Claro que há casos diferentes de monetização, então vamos tratar aqui das formas mais comuns de como a maioria dos blogueiros consegue ganhar algo. 

1. Como cliques viram dinheiro?

Há várias formas de ganhar dinheiro com anúncios no Blog. A forma mais conhecida é mantida pela Google no serviço AdSense. Uma vez inscrito nesse serviço e exibindo os banners dos anunciantes deles, você pode ganhar por clique, chamado de CPC (custo por clique).
Quem paga é o anunciante e ele paga diretamente para a empresa que intermediou a exibição dos anúncios no Blog, no caso o AdSense. O AdSense paga ao blogueiro uma pequena parte pelos cliques recebidos. Quando acumulado o valor mínimo de US$100.00 (cem dólares), o AdSense repassa o dinheiro depositando na conta bancária que o Blogueiro cadastrou.

2. Quem paga pelos anúncios?

Os anunciantes são os que pagam pelos anúncios exibidos nos blogs. Podem contratar os anúncios diretamente do Blogueiro, especialmente através de uma agência de publicidade que cuida do marketing daquela empresa, ou mesmo a partir de programas afiliados.
Os programas afiliados são mais conhecidos por pagar comissões, chamado de CPA (custo por ação). Ou seja: se seu blog indica um cliente para o site do anunciante e compra algo, a empresa paga uma porcentagem ou um valor fixo de comissão.
Normalmente esse tipo de contratação de anúncios o blogueiro recebe por depósito em conta, cheque ou mesmo por pagamentos virtuais no PagSeguro ou PayPal, por exemplo.

3. Como o dinheiro chega até o Blogueiro?

Conforme explicamos anteriormente, os anunciantes podem pagar direta ou indiretamente ao blogueiro que veicula anúncios em seus blogs. A forma de pagamento vai depender de cada blogueiro e também do anunciante ou a forma de trabalho.
Há também os blogueiros profissionais que ganham escrevendo para outros blogs e sites. Esses, mais conhecidos como “Freelancers” ganham produzindo conteúdo e são remunerados pela quantidade que escrevem. Quem os paga são os donos dos sites/blogs que contratam os autores. Algo como acontece no jornalismo tradicional.
Dinheiro no computador

4. De onde vem o Dinheiro?

O dinheiro que um blogueiro pode ganhar, portanto, vem dos anunciantes que pagam para terem seus anúncios exibidos nos mais variados blogs. Os blogueiros podemos chegar até esses anunciantes e os anunciantes até os blogueiros, por diversas formas.
O mais comum é que os blogueiros se cadastrem em sites Afiliados ou AdManagers que procuram os anunciantes e intermedeiam essa troca de interesses. Do mesmo modo, as agências de publicidade cadastram blogueiros e criam campanhas de publicidade para as empresas que são suas clientes, oferecendo espaço de anúncios nos Blogs.

5. E a monetização direta? (pergunta extra)

Também não podemos esquecer da monetização direta, quando o blogueiro tem seus próprios produtos e serviços e os coloca à venda no blog. Desse modo, quem paga p blogueiro são seus clientes que ele mesmo gera.
Existem diversos sistemas de pagamento online e formas de montar seu próprio negócio (até um e-commerce) para oferecer produtos e serviços e conquistar seus próprios clientes. Essa é uma alternativa para pessoas que criam muito mais do que conteúdo. Pode ser vendendo um livro digital (e-book), artesanato, importando, entre outros.
Sem esquecer daqueles que colocam-se à vista de empresas de seu nicho. Produzem conteúdo, conhecimento e informação, ganhando visibilidade profissional e monetizam-se a si mesmas, conquistando melhores oportunidades de trabalho e emprego.
Ganhar dinheiro com Blog na internet

É possível ganhar dinheiro na Internet!

Podemos perceber que é possível ganhar dinheiro usando um blog e os recursos disponíveis na internet. É como um trabalho, que exigirá dedicação, estudo e esforço pessoal. Se disserem para você que será fácil ganhar, então estarão tentando enganar você.

WIDGET BARRA DE COMPARTILHAMENTO EXPANSÍVEL COM JQUERY

|1 comentários

barra de compartilhamento expansível

Olá Pessoal, hoje vou ensinar a vocês como adicionar em seu blog um linda barra de compartilhamento  com efeito mouse hover. Essa barra é simplesmente incrível e tem visual bem bacana e contém botões de compartilhamento para as principais redes sociais. Oferecer botões de compartilhamento para seus leitores é extremamente importante pois pode ajudar a aumentar o numero de visitas. O código é de fácil instalação em seu blog, basta seguir o tutorial com atenção.


Primeiramente você deve adicionar um código no Html do seu blog, para isso acesse o Painel do Blogger, clique na guia Modelo e em Editar Html e procure pela tag </head>e cole o código a seguir acima dessa tag.
Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;pt-BR&#39;} </script>
Clique em visualizar para ver se esta tudo ok e salve. 

Agora vá na guia Layout e clique em Adicionar Gadget do tipo Html/JavaScript e cole o código a seguir sem fazer alteração nenhuma e salve.
<script type="text/javascript">
    /*<![CDATA[*/
    jQuery(document).ready(function () {
        jQuery(".pbslidebox").hover(function () {
            jQuery(this).stop().animate({
                left: "0"
            }, "medium");
        }, function () {
            jQuery(this).stop().animate({
                left: "-70"
            }, "medium");
        }, 500);
    });
    /*]]>*/
</script>
<style type="text/css">
    .pbslidebox {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqHK4mEhPqrfDCN5JfGjSze-QC0sVRa8919WFM8A0rMbnug1vF6fC1H3FTcah1xzBFJ0RGvC5oyqvPQ1HpeJ_5FVt1JAT5MuGXS_qgOYX1a79xL1Fn2KIom8OorCbrBpUcWxHatSHrMj7E/s102/barra-compartilhamento-expans%25C3%25ADvel.png") no-repeat scroll right top transparent !important;
        display: block;
        float: left;
        height: auto;
        padding: 0 45px 0 0px;
        width: 65px;
        z-index: 99999;
        position:fixed;
        left:-70px;
        top:20%;
    }
    .pbslidebox div {
        border:none;
        position:relative;
        display:block;
    }
    #floatingbuttons {
        background: #fff;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #CCCCCC;
        float:left;
        padding:0 0 3px 0;
        bottom:15%;
        z-index:399;
    }
    #floatingbuttons .floatbutton {
        float:left;
        clear:both;
        margin:5px 4px 0 4px;
    }
    .addbuttons {
        clear:both;
        text-align:center;
        padding-top:5px;
    }
    .addbuttons a span.getfloat, .addbuttons a span.sharebuttons {
        color:#000;
        background:none;
        font-family:arial, sans-serif;
        display:block;
        font-size:9px;
        font-weight:bold;
        text-decoration:none;
        line-height:11px;
    }
    .addbuttons a:hover span {
        color:#fff;
        background:none;
        text-decoration:underline;
    }
</style>
<div class="pbslidebox" style="">
    <div>
        <div id='floatingbuttons' title="Share this post!">
            <script src="http://connect.facebook.net/pt_BR/all.js#xfbml=1">
               
            </script>
            <script type="text/javascript">
                (function () {
                    var s = document.createElement('SCRIPT'),
                        s1 = document.getElementsByTagName('SCRIPT')[0];
                    s.type = 'text/javascript';
                    s.async = true;
                    s.src = 'http://widgets.digg.com/buttons.js';
                    s1.parentNode.insertBefore(s, s1);
                })();
            </script>
            <!-- Medium Button -->
            <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
            <div class='floatbutton' id='facebook'>
                <fb:like layout="box_count" show_faces="false" font=""></fb:like>
            </div>
            <div class='floatbutton' id='google+1'>
                <g:plusone size="tall"></g:plusone>
            </div>
            <div class='floatbutton' id='stumbleupon'>
                <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
            </div>
            <div class='floatbutton' id='digg'>
                <a class="DiggThisButton DiggMedium"></a>
            </div>
            <div class='floatbutton' id='twitter'>
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
            </div>
            <div class="addbuttons">
                <a href="http://www.personalizaroblogger.com.br/2012/09/widget-barra-de-compartilhamento.html" title="Barra de compartilhamento expansível no blog!"><span class="getfloat">Add esse Widget</span></a>
            </div>
        </div>
    </div>
</div>
 
O que achou deste widget? Tem alguma sugestão ou dúvida? 
Comente e diga-nos sua opinião.