Efeito Lightbox nativo do Blogger
Ontem um leitor entrou em contato comigo para se queixar que, de uma hora para outra, todas as imagens do seu blog abriam de 'maneira estranha'. Ao verificar o blog, notei que o efeito Lightbox se aplicava à todas elas e que ele não havia colocado nenhum código no template para isso. Uma olhada no código fonte mostrou que o efeito era nativo do Blogger e alguns...
Se você deseja apresentar apenas um resumo de sua postagem com um link do tipo 'Leia Mais...' ou 'Continue Lendo..." em seu blog, siga estes passos:
Vá ao HTML do seu blog e antes da tag < /head >, cole este código:
<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display...
Mais um que encontrei no Hackosphere; como transformar os Marcadores num menu suspenso. Para fazer esta mudança, será necessário mexer no código do template, por isso meus queridos, sempre, sempre antes de qualquer modificação, salvem uma cópia de seus templates ou testem antes, em blogs sem conteúdo. Visualizem várias vezes para se certificar de que está tudo ok no template, que não desapareceu nada e só então, salvem as modificações!Para transformar a lista de Marcadores em um menu suspenso, (óbviamente você deverá primeiro já ter uma lista de Marcadores ativos em seu blog), vá no HTML do seu template, clique em Expandir Modelo de Widget e procure por este trecho do código (utilizem o ctrl+F...
Se uma medida fica perfeita no Firefox (por exemplo, a largura de uma coluna) mas desfigura o template no IE6, basta acrescentar underline antes da medida, como no exemplo:sidebar: 220px; (aqui, medida para o Firefox)_sidebar: 210px; (aqui, com o acréscimo de underline, será interpretado apenas pelo IE6)Para que funcione, a medida para o IE6 deve vir logo abaixo da medida para o Firefox.Mas, este hack não funciona para o Internet Explore 7, então, para que o template fique idêntico nos tres navegadores, devemos fazer assim:sidebar: 220px; ( medida para o Firefox)*sidebar: 210px; ( usa-se o asterisco para o IE7)_sidebar: 210px; (com o acréscimo de underline, será interpretado apenas pelo IE6)Obs:...
