Linkwithin - Poderá Gostar Tambem de

Olá Galera , Estou No Meu Primeiro Post de dicas do blog , e hoje trarei para vocês um recurso muito utilizado por varios blogs e muito eficiente , o Linkwithin , Navegando pelos Blogs Descobri ele e como podem ver estou usando ele , que fica assim :

Existem duas formas de instalar o widget do Linkwithin no Blogger – diretamente, pelos elementos de página ou dentro do HTML do template. 
Na primeira opção,  aparecerão em todos os artigos, inclusive na página inicial. Já na segunda, podemos exibir o gadget apenas nas páginas individuais.


Como colocar o widget nos elementos de página

Entre no site Linkwithin. À direita, preencha os campos solicitados:

• Email: coloque seu email;
• Blog Link: endereço do seu blog (sem o http);
• Plataform: Blogger;
• Width: escolha quantas imagens deseja mostrar;

Se o fundo (background) do seu blog for da cor preta com letras (fontes) claras, marque a caixa My blog has light text on a dark background.

Clique no botão Get Widget. Na página seguinte, clique em Install Widget. Selecione o blog onde você vai instalar o widget e clique em adicionar widget.

Por padrão, o código será instalado no topo do blog. Mova o gadget e coloque-o embaixo da área de postagens. Visualize e clique no botão salvar.

Desta forma, os posts relacionados do Linkwithin aparecerão em todos os seus artigos, inclusive na página inicial (home). Mas isso é possível de mudar ;)

Como colocar o widget somente nas páginas individuais

Siga os procedimentos descritos acima, para gerar o código do widget. Depois que ele estiver instalado em seu blog, clique em editar e copie o código todo.

Vá para a aba editar HTML. Marque a caixa expandir modelos de widgets. Dê um Crtl+F com teclado e procure pelo seguinte trecho (ou algo parecido):

<p class='post-footer-line post-footer-line-3'/>

Cole o seguinte código, logo abaixo deste trecho:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO LINKWITHIN
</b:if>

Substitua CÓDIGO DO LINKWITHIN pelo código gerado anteriormente.
Clique no botão visualizar e se tudo estiver ok, salve.
IMPORTANTE – Se você já tinha aquele posts relacionados mais antigo, onde só aparecem os links , você deve procurar pelo seguinte trecho:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();

Substitua tudo por:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO LINKWITHIN
</b:if>

Como mudar a frase do gadget

Para personalizar a frase-padrão do gadget, procure por:

< div class='post-footer'>

E cole logo abaixo:

<script>linkwithin_text='SEU TEXTO PERSONALIZADO:'</script>

ATENÇÃO : É altamente recomendável que tudo isso seja feito antes em um blog de testes.

Posted in: Blogspot,Dicas,Outros