hack para resumo do post com leia mais e miniatura das imagens

4 comentários
Este hack coloca resumo das postagens em seu blog automaticamente e reduz as imagens dos posts. Mas atenção, ele injvalida o "Leia mais" (jump break) nativo do Blogger.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.


Vá até o HTML de seu blog, clique em "Expandir modelo de widget" e ao encontrar o trecho abaixo:


<div class='post-body entry-content'>
<data:post.body/>
 <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
</div>
    </b:if>



 Substitua por este:


<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span id='showlink'><a expr:href='data:post.url'>Leia Mais &#9658;</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Agora procure por:


]]></b:skin>





E depois dele cole o próximo código:



<!-- JavaScript Resumo do Post -->
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 450;
summary_img = 400;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} }
strx =  s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...'; }
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>
<!-- JavaScript Resumo do Post - Fim-->
Códigos na cor AZUL tamanho da imagem 
Código em VERMELHA quantidade de letras

Caso queira substituir o texto"Leia mais..."por imagem, procure este trecho:

<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►
 
e substitua o Leia Mais, por  
 
<span id='showlink'><a expr:href='data:post.url'>
<img src="URL-DA-SUA-IMAGEM" />
 

credito para esta dica para http://templateseacessorios.blogspot.com 
Continue Lendo==>>

50 MOTORES DE BUSCAS E SEUS LINKS PARA INDEXAR SEU SITE

0 comentários
 50 MOTORES DE BUSCAS E SEUS LINKS PARA INDEXAR SEU SITE/blog

 Click nos link de motores de busca abaixo para indexar seu blog, tenha um volume maior de visitandes:
motores de buscas

URL: http://www.google.com.br/ Adicionar
 URL: http://www.google.com.br/intl/pt-BR/add_url.html
URL: http://www.buscar.com.br/ Adicionar
URL: http://www.buscar.com.br/incluir_url.html 
URL: http://br.altavista.com/
 Adicionar: http://br.altavista.com/addurl/default
 URL: http://www.aonde.com/ Adicionar
URL: http://www.aonde.com/inclusao.html
URL: http://br.yahoo.com/ Adicionar
URL: http://br.siteexplorer.search.yahoo.com/free/submit
 URL: http://www.achei.com.br/ Adicionar
 URL: http://www.achei.com.br/incluir/index.html
 URL: http://www.guiaweb.com/ Adicionar
 URL: http://www.guiaweb.com/addurl.php3
URL: http://www.cranik.com/ Adicionar
URL: http://www.cranik.com/add_url_form.html
URL: http://www.welcome.com.br/ Adicionar
 URL: http://www.welcome.com.br/cgi-local/sitesubmit_add/sitesubmitter.cgi
 URL: http://www.brbusca.com adicionar
URL: http://brbrasil.com.br/cgi-local/brbusca/submit/cadastro.cgi
 URL: http://www.portalbusca.com/ Adicionar
 URL: http://www.portalbusca.com//link_submit.php
URL: http://www.zarp.net/ Adicionar: http://www.zarp.net/central.html
URL: http://www.achem.com.br/ Adicionar: http://www.achem.com.br/cadastrar.asp
URL: http://www.acheitudo.com/ Adicionar: http://www.acheitudo.com/incluir.cfm
URL: http://www.lokaliza.com.br/ Adicionar: http://www.lokaliza.com.br/add_url_formnew.asp
URL: http://www.bastaclicar.com.br Adicionar: http://www.bastaclicar.com.br/users/inicad.asp
 URL: http://www.portal-internet.com.br/ Adicionar: http://www.portal-internet.com.br/addurl.html
 URL: http://www.buscasexy.web.pt/ Adicionar: http://www.supertrafego.com/ffa_cadastro.asp?id=49504&cat=&busca=
 URL: http://www.exploora.com.br/ Adicionar: http://www.exploora.com.br/info/eaddurl.php
 URL: http://www.buscadireta.com.br/ Adicionar: http://www.buscadireta.com.br/cgi/adiciona.cgi
 URL: http://www.buscaaqui.com.br/ Adicionar: http://www.buscaaqui.com.br/cadastro/
 URL: http://www.gigabusca.com.br/ Adicionar: http://www.gigabusca.com.br/adicionar.cgi
URL: http://www.radix.com.br Adicionar: http://www.radix.com.br/estatica/cadastre_seu_site.html
URL: http://www.acbusca.com.br/ Adicionar: http://www.acbusca.com.br/busca/cadastro/cadastro_etapa_1.p.html

veja este outro artigo com mais MOTORES DE BUSCA
Continue Lendo==>>

como colocar favicon no blogger

0 comentários
Diversos usuários reportaram, nesta semana, problemas com o favicon de seus blogs. Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador.

Aqui no tudoseo, estava funcionando bem. Então, resolvi criar um novo post a fim de fornecer um código mais adequado.
Para quem ainda não tem um favicon, basta criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px e hospedar na web (ImageShack, PhotoBucket e etc). Existem também sites especializados na criação e distribuição de favicons. (Exemplo: favicon.cc)
Agora, vamos entrar no html do template e procurar por :
]]></b:skin>
Logo após, iremos colar o seguinte código:
<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>
Substituimos http://sua_imagem.png pela url do favicon.
Vamos visualizar o template e, se tudo estiver ok, salvá-lo.
Quem já utilizava o código anterior, deverá apagá-lo.

………
Continue Lendo==>>

como colocar o favicon(icone) no endereco do blogger

0 comentários
como colocar o favicon(icone) no  endereco do blogger
Publicado por André Felipe em 30 de março de 2009
Muitos leitores têm entrado em contato para avisar que, mesmo após seguirem os passos de Como colocar favicons no Blogger, o ícone padrão continua a ser exibido. Neste post, ensino a exorcizá-lo.:anjo:
.
Tomarei como base o fato de que você já tenha seguido todos os passos do post original e que tenha conhecimentos suficientes para realizar as ações necessárias. Se você achar tudo muito confuso ou tiver medo de perder as configurações de seu template, não prossiga.o quê??
Em seu código, há a linha <b:include data='blog' name='all-head-content'/>, que gera outras automaticamente quando o blog é aberto. Entre elas, está a responsável pelo ícone padrão. Para solucionar o problema, basta remover a linha assinalada e adicionar as outras necessárias, manualmente, em seu lugar. Para fazer isso, siga os passos:
  • Abra a página inicial de seu blog e use a opção "Ver código-fonte" de seu navegador, geralmente disponível com um clique com o botão direito em qualquer lugar da página;
  • Copie tudo entre <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> e <link rel="openid.server" href="http://www.blogger.com/openid-server.g" /> para o bloco de notas;
  • Localize e remova a linha <link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>;
  • Na edição de HTML do painel do Blogger, substitua aquela linha original (<b:include data='blog' name='all-head-content'/>) pelo texto restante que está bloco de notas e salve o template.
Agora, é virtualmente impossível o favicon do blog persistir em aparecer ao lado de seu endereço.8-D
Continue Lendo==>>
setaretornoaotopo