Linkwithin - posts relacionados com imagens O problema deste hack é que ele só funciona com script – o que pode ser complicado para iniciantes ou para quem não tem um serviço de hospedagem.
Navegando por outros blogs, conheci um serviço chamado
LinkWithin, que gera um widget para ser colocado em blogs, de forma muito simples e rápida.Vejam como ficou no meu outro blog, o
Dicas de Informática:
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, os thumbnails 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;
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):
/\...Cole o seguinte código, logo abaixo deste trecho:<p class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == "item"'>Substitua CÓDIGO DO LINKWITHIN pelo código gerado anteriormente.CÓDIGO DO LINKWITHIN</b:if>
Clique no botão visualizar e se tudo estiver ok, salve.
IMPORTANTE – Se você já tinha aquele hack mais antigo, onde só aparecem os links (como é aqui no DB), você deve procurar pelo seguinte trecho:
<b:if cond='data:blog.pageType == "item"'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
Substitua tudo por:
<b:if cond='data:blog.pageType == "item"'>" É altamente recomendável que tudo isso seja feito antes em um blog de testes."CÓDIGO DO LINKWITHIN</b:if>
fonte:
|
 | de | Dicas Blogger <contato@dicasblogger.net> | |
| para | brandaodasilvaedilene@gmail.com | ||
| data | 27 de agosto de 2010 19:20 | ||
| assunto | Newsletter Dicas Blogger | ||
| enviado por | feedburner.bounces.google.com | ||
| assinado por | google.com | ||
você está em:
http://noticiashoje3x.blogspot.com
.ico "EDIHITT"){kind=small}
{if(document.pnctLoadStarted)return;var%20d=document.createElement('div');d.setAttribute('id','pnctPreloader');d.setAttribute('style','position:fixed;top:0;bottom:0;left:0;right:0;z-index:100501;background-color:rgba(255,255,255,.9);padding:20px;text-align:center;font-family:helvetica;font-size:20px;font-weight:bold;');d.innerHTML='%D0%97%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0...<a%20id="pnctCancelBtn"%20href="#"%20style="float:right;width:24px;height:24px;text-decoration:none;border:1px%20solid%20#ccc;border-radius:5px"><img%20src="//postila.ru/images/window_close.png"%20alt="x"/></a>';document.body.appendChild(d);document.pnctLoadStarted=(new%20Date()).getTime();document.pnctCnclLoad=function(){document.pnctLoadStarted=0;pl=document.getElementById('pnctPreloader');if(pl)pl.parentNode.removeChild(pl)};document.getElementById('pnctCancelBtn').addEventListener('click',function(e){e.preventDefault();document.pnctCnclLoad()});setTimeout(function(){var%20st=document.pnctLoadStarted;if(st>0&&((new%20Date()).getTime()-st>=14000)){document.pnctCnclLoad();alert('%D0%9A+%D1%81%D0%BE%D0%B6%D0%B0%D0%BB%D0%B5%D0%BD%D0%B8%D1%8E%2C+%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA+%D0%BD%D0%B5%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B5%D0%BD.')}},15000);var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//postila.ru/post.js?ver=1&m=b&rnd='+Math.random()*99999999);document.body.appendChild(e)})());)
Nenhum comentário:
Postar um comentário
Mensagem do formulário de comentário: