LinkWithin: Usar & Personalizar

Foto: [the-fantastic-place.blogspot.com]

Oi gente. Hoje eu vim postar sobre o LinkWithin, ferramenta muito utilizada pelos blogs, já que ela serve para que você possa apresentar, abaixo das postagens, algumas postagens relacionadas. É bem simples, vejam comigo!


Primeiro, você deve cadastrar seu blog no site [www]. É bem simples os passos, olhá só:


Email: Você adiciona seu email.
Blog Link: Você adiciona o url do seu blog.
Plataform: Escolha a hospedagem do seu blog (Blogger, WordPress..)
Width: Você escolhe quantas Postagens Relacionadas vão aparecer (Até 5 links)

Clique em Get Widget. Na página seguinte, clique em Install Widget.

[image[37].png]

Agora clique em Adicionar Widget. Arraste o Gadget para abaixo das Postagens.

Salve e veja se está tudo certo.

Para mudar o Titulo que aparece em inglês, vá para Editar HTML e procure por: < div class='post-footer'>

Cole logo abaixo disso, este código: <script>linkwithin_text='Postagens Relacionadas:'</script>

Salve e veja como ficou.

Para Personalizar:

Procure por:  ]]></b:skin>

Acima disto, cole este código:

.linkwithin_posts {width: LARGURA DA ÁREApx !important;}
.linkwithin_posts a {border: none !important; padding-right: 15px !important; background-color: COR DE FUNDO; background-image: none; height: 200px;}
.linkwithin_posts a:hover{background-color: COR DE FUNDO COM MOUSE POR CIMA !important;}
.linkwithin_title:hover {color: COR DA FONTE COM MOUSE POR CIMA !important;text-decoration: underline !important;}

Ajuste o tamanho, as cores (tabela aqui) e a decoração do link (none, underline, strong, italic..)

Salve. Se com este formato não funcionar, você adiciona este código abaixo disso:

/* Content
----------------------------------------------- */

Certo? Veja o exemplo do nosso blog:


Legal né? Espero que tenham gostado, até mais :*