Tweet Aniversário do Blogger? E Eu Com Isso???

Não estou muito para festas, quem me conhece sabe que tenho motivos de sobra para estar preocupada, principalmente porque esse ano descobrimos que minha filha Lyra de 35 anos, casada, linda e mãe do Davi, está com linfoma “Não-Hodgkin”, muito grave. Ela terá que passar por quimioterapia, radioterapia e sei lá mais o que... Claro que temos uma fé inabalável em Deus e estamos confiantes, mas mãe do meu tipo, fica maluca até com resfriado de filho, que dirá um câncer.

Bom, é aniversário do Blogger???  E eu com isso???

Pois é!!!! No meio de tanta tranqueira dessa vida, eu preciso AGRADECER DE TODO MEU CORAÇÃO AO BLOGGER ♥. Uma pequena homenagem, muito pouco para essa plataforma que gratuitamente oferece seus serviços para que milhares de pessoas como eu possam exercer o direito universal da livre expressão! Pessoalmente, tenho que agradecer mais que todo mundo, porque através das facilidades que o Blogger oferece, descobri que tenho talento para desenho de templates e mudei o rumo da vida em todos os sentidos. Muito obrigada Blogger e…

 FELIZ ANIVERSÁRIO !

...

Leia mais...

Tweet Criar Página Com Uma Lista de Conteúdo do Blog - (Sitemap)

Vamos ver como criar uma página com todo o conteúdo do nosso blog relacionado e organizado, para facilitar aos leitores a pesquisa e a navegação. Desenvolvido por Amanda – BlogBuster e felizmente, otimizado e simplificado por Abu Farhan  que reduziu o recurso a nada mais do que copiar e colar o código na caixa de postagem de uma “Página Estática” do Blogger. Este “índice” apresenta todas as postagens publicadas separadamente , por categoria , e os posts mais recentes, aparecem com um texto ao lado que diz: Novo!
Vamos aprender. É bem simples! (mais difícil ensinar hehe)
Copie o código abaixo e edite, colocando o endereço do seu blog no local indicado em vermelho.

<script src="http://dl.dropbox.com/u/684300/tabindex-1.js">
</script>
<script src="http://SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Faça login no Blogger, clique em “Editar postagens” ►“Editar páginas”► “NOVA PÁGINA”

…

…

Cole o código do dentro do box de postagem, na opção “Editar HTML” (IMPORTANTE!)
Nomeie a página e publique.

…

Na próxima página você verá as opções para publicação do link. No meu caso, escolhi “Nenhum gadget”, mas você pode publicar na sidebar ou no menu do Blogger como mostram as imagens. Faça testes, use o modelo de exibição mais adequado ao seu template.

A minha página ficou  ASSIM . Depois de marcar “Nenhum Gadget”, salvar e publicar, eu copiei o endereço da página direto do navegador e colei no meu menu. Veja:

<li><a href='http://blogger-dicasmamanunes.blogspot.com/p/styletextjavascript-srchttpdl.html'>PUBLICAÇÕES</a></li>

Recomendação: Baixe o script e hospede em um site de sua confiança para o caso de haver algum problema. Download do Script

<script src="AQUI-O-ENDEREÇO-DO-SCRIPT-tabindex-1.js">
</script>
<script src="ENDEREÇO-DO-SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

INSTRUÇÕES PARA QUEM USA O HACK "LEIA MAIS..." AUTOMÁTICO
Se o seu template tem o hack  "Leia mais..." automático (com script) deverá substituir o código HTML para que esse widget funcione sem problemas.
 É o seguinte:
 Entre em "Editar HTML", marque a opção "Expandir modelos de widgets" e procure pelo trecho:

<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 ...</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>

Substitua todo ele pelo seguinte:

<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...</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>

Prontinho! Boa Sorte e beijo da Mama ♥

Leia mais...

Tweet Configurar a Data do Template “Em construção”

   Há poucos meses eu publiquei um template para ser usado enquanto seu site ou blog estiver em construção, você poderá ver AQUI► TEMPLATE EM AÇÃO e AQUI ►TUTORIAL, DOWMLOAD . Eu não sabia como configurar a data, contagem regressiva, para a inauguração (falha minha, desculpem), eu realmente entendo pouco (nada) de programação de scripts. Pesquisando e testando eu descobri onde fica o trecho dentro do código para configurar a ‘bendita’ data. É muito simples.

Faça login ► clique “Design” ►  “Editar HTML”

…

 

Procure pelo seguinte trecho:

<!-- jquery countdown-->
<script type='text/javascript'>
$(function () {
var austDay = new Date();
    austDay = new Date(austDay.getFullYear() + 2, 0, 0);
    $('#defaultCountdown').countdown({until: austDay, layout: '{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}'});
    $('#year').text(austDay.getFullYear());
    });
</script>

SUBSTITUA PELO CÓDIGO ABAIXO:

<!-- jquery countdown-->
<script type='text/javascript'>
$(function () {
var austDay = new Date();
    austDay = new Date(ANO, MES,DIA);
    $(&#39;#defaultCountdown&#39;).countdown({until: austDay, layout: &#39;{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}&#39;});
    $(&#39;#year&#39;).text(austDay.getFullYear());
    });
</script>

Coloque a data prevista para a inauguração, no espaço grifado em vermelho.

Veja como ficou a página que fiz para o Marcio Nunes

Prontinho! É só isso ☺

Beijo da Mama ♥

Leia mais...

Tweet Como Usar as Fontes (letras) do Google em seu Blog

Recentemente o Google lançou um diretório de fontes (letras) muito bonitas e de alta qualidade para serem usadas gratuitamente em qualquer página da web. Acessando a página do Google Fonts Directory , você pode escolher uma letra diferente das que estão disponíveis no Blogger que são:  Georgia, Arial, Trebuchet, Courrier, Impact, Times New Roman, Trebuchet e Verdana.
No diretório encontraremos 18 tipos de fontes. Eu usei a fonte LOBSTER para o cabeçalho do template Retro Vintage Também apliquei um efeito CSS text-shadow e ficou bem bacana.
Bem Vamos ver como usar:
Primeiro você vai ao Google Fonts Directoy, escolhe a fonte que deseja e ao clicar sobre ela verá ao lado. (No exemplo escolhi Lobster) ► “Click to embed Lobster”

Na pagina seguinte você poderá visualizar todos os detalhes da letra que escolheu. Para pegar o código, clique em “Get the code”

Na pagina seguinte você verá o primeiro código dessa maneira:

IMPORTANTE !! Para que o Blogger aceite, copie o código e acrescente no final dele o seguinte: </link>

Ficará assim:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> </link>

Muito bem, agora vamos ao Blogger, na sua página “Editar HTML”  procure a tag <head> e cole o código logo abaixo  dela.

Vamos inserir o código CSS onde queremos que a letra apareça segundo o diretório nos indica:

font-family: 'Lobster', arial, serif;

Em um template Mínima do Blogger por exemplo, usariamos assim no título do blog:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: 'Lobster', arial, serif;
}

E desta outra forma nos títulos dos posts:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-family: 'Lobster', arial, serif;
line-height:1.4em;
color:$titlecolor;
}

Espero que tenha sido útil ♥
Fonte: Google Factory Directory
Consulta: El Escaparate de Rosa

Leia mais...

Tweet Widget de Paginação Para Blogger

Vamos conhecer seis estilos de paginação disponibilizados por ABU FARHAN, para colocar abaixo dos posts na sua página principal. Esse recurso é bastante útil principalmente quando temos vários posts  porque permite que o leitor possa transitar pelo blog com maior rapidez, , ir e voltar para a página que mais o interessou.

Veja os modelos:

Estilos, demonstração e códigos disponibilizados:

 

* Estilo 1: Demo - Código CSS

* Estilo 2: Demo - Código CSS

* Estilo 3: Demo - Código CSS

* Estilo 4: Demo - Código CSS

* Estilo 5: Demo - Código CSS

* Estilo 6: Demo - Código CSS

 

Para inserir o widget é muito simples:

Faça login ► Clique em Design

Na sua pagina “Design” clique em “Adicionar um Gadget” e escolha um elemento “HTML/JavaScript” . Dentro dele você vai inserir o código CSS e o Script.

EXEMPLO: * Estilo 1 – Código CSS e Script

<style type="text/css">

.showpageArea { font-family:verdana,arial,helvetica; color: #000; font-size:11px; margin:10px; } .showpageArea a { color: #000; text-shadow:0 1px 2px #fff; font-weight: 700; } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x; } .showpageNum a:hover { border:1px solid #888; background: #ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x; } .showpageOf{ margin:0 8px 0 0; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x; text-decoration: none; }

</style>

 

<script style="text/javascript">var pageCount=15;var displayPageNum=15;var upPageWord="Previous";var downPageWord="Next";</script><script style="text/javascript" src="http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js"></script>

Lá em cima, no começo do post, você pode escolher o estilo que mais combina com seu layout, copiar o código CSS respectivo. Repare que coloquei em negrito o código CSS do * Estilo 1. Substitua pelo que você escolher. (Não apague o script)

Veja NESTE post um outro estilo para paginação com barra rolante (scroll)

 

Fonte: ABU FARHAN

Leia mais...

Tweet Blog Grader – Analisa e Revisa Dados do Seu Blog

Blog Grader é uma ferramenta online e um sistema de ranking que mede a eficácia de um blog, fornece um relatório de diagnóstico e atribui uma classificação blog.

A nova ferramenta utiliza um sistema de ranking global , que incorpora fatores, incluindo a influência do seu blog , o alcance , o volume de conteúdo e engajamento na blogosfera.

Blog Grader avalia o blog de um usuário e fornece um relatório completo, incluindo elementos como o tráfego da Web , mídia social menciona , a freqüência de atualizações, comentários e menções do blog nos comentários em outros blogs. A ferramenta sugere formas de melhorar a qualidade de um blog , atribui uma classificação blog e também gera o Blog Elite, “top blogs” com base na classificação.

A ferramenta é interessante inclusive para compararmos o desempenho do nosso blog em relação a outros com o mesmo tipo de informação.

Não é necessário registro.

Se seu blog ainda não feeds direcionados, leia ESTE artigo do Interney

 O que são feeds RSS ? Como rssficar meu blog ?

Fonte: HUBSPOT(  inglês)

           GRADER.COM

            CONECTABLOG (espanhol)

Leia mais...

Tweet Como Ter o Selo “Verified Account” – Twitter

  O que fazer para que seus seguidores tenham a  certeza de que você é você mesmo no Twitter?  Pois é… Com tanto perfil falso, “fake”, fica difícil saber. Claro que vemos com mais frequência perfis falsos de gente famosa, mas vai que você também seja premiado por algum engraçadinho, não é?  Eu descobri lendo o post do Alex Ferreira, no site IO Tecnologia que alguns usuários tem em sua página principal, um selo indicando que seu perfil foi verificado e confirmado.

Para conseguir o selo é bem fácil. Faça login no Twitter e preencha este formulário do próprio serviço. O formulário é simples, mas em inglês (use o tradutor se tiver dificuldade). o Alex Ferreira recomenda que se responda com a maior precisão possível e em inglês, para que você tenha mais chance de ativar o serviço (coisas dos gringos)

A autenticação pode ser demorada, mas vale a pena tentar, afinal basta preencher um formulariozinho (hehe).

Como eu já disse, use o seu tradutor preferido. Eu uso o  Google Tradutor  para me comunicar até com indonésios, experimente.

Fonte: IO TECNOLOGIA (Alex Ferreira)

Leia mais...

Tweet Botão “Voltar ao topo” (scroll to top) Com CSS3 e Jquery

Vamos aprender a criar e colocar no seu blog, um botão “Voltar ao Topo” (scroll to top) dando estilo com CSS3  e usando um script JQuery que dá um movimento bem interessante ao botão, ele acende e desliza suavemente até o início da página. Não é pesado, ou seja não vai atrapalhar o carregamento. Veja DEMO:

Código CSS:

/* to top */

#toTop {

width:50px;  /* Largura do botão * /
background: #FF0000; /* Cor do botão*/
border:1px solid #000; /* Cor da borda */
text-align:center; /* Alinhamento do texto */
padding:5px; /* Distancia entre texto e borda */
position:fixed; /* Posição que faz com que ele corra por toda a página*/
bottom:5px; 
right:5px;
cursor:pointer;
color:#eee; /* Cor da letra */
text-decoration:none;
font-weight:700;  /* Tamanho da letra */

-moz-border-radius:5px;  /* Definições para o angulo do botão */
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

O que está em negrito indica os códigos que você poderá mudar para deixar do seu gosto. Veja AQUI uma tabela de cores para escolher a que mais combina com seu layout.

Depois de ter seu modelo definido, copie e cole num bloco de notas.

Faça login no Blogger e vá em “Design” , depois “Editar HTML” e procure pelo trecho:

]]></b:skin>

Cole o código CSS ANTES/ACIMA dele.

Agora  copie o código abaixo e cole ANTES/ACIMA  da tag </body> (no final do template)

<a href='#' id='toTop'>&#9650; Topo</a>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
/*-----------------------
* jQuery Plugin: Scroll to Top
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com)
*
* Copyright (c) 2009 Ph.Creative Ltd.
* Description: Adds an unobtrusive &quot;Scroll to Top&quot; link to your page with smooth scrolling.
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx
*
* Version: 1.0, 12/03/2009
-----------------------*/

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});

  $(function() {
                $(&quot;#toTop&quot;).scrollToTop();
            });
        </script>

O trecho que eu grifei em verde é a setinha e o texto que escrevi  “▲Topo” . Você poderá mudar o texto, o símbolo ou até trocar por uma imagem, por exemplo uma seta. Nesse caso, inclua o seguinte código no lugar do texto:

<img src="ENDEREÇO-DE-IMAGEM-(SETA)"> </img>

Eu apliquei esse botão no template Retro Vintage e ficou show !

Obs. O efeito arredondado criado em CSS não aparece (ainda) no Internet Explorer (essa droga), então o botão vai aparecer quadradinho, mas funciona do mesmo jeito.

Espero que gostem!

beijo da Mama ♥

Leia mais...

Tweet Como Colocar Botões “Tweet” Para Enviar Posts ao Twitter

Com o novo botão ”Tweet “ (oficial do Twitter)  qualquer um pode compartilhar o seu artigo em segundos. Ele carrega rapidinho. São  três tipos de botões muito simpáticos: Vertical (com contagem de tweets), Horizontal e Sem contagem. 

Nesse post vamos aprender como adicionar esses botões Twitter no seu blog Blogger.
Siga os passos:

1 -Entre na página do TWITTER e escolha o modelo que deseja exibir. Se quiser, também pode definir um texto para os tweets, clicando na aba “Tweet Text”

2- Você verá abaixo o código que deverá ser copiado e colado em seu template. Copie e cole em um bloco de notas.

3 – Faça login no Blogger, clique em “Design” e depois “Editar HTML” e marque a opção “Expandir modelos de widgets”

Para exibir o botão abaixo do título do post, procure pelo trecho:

<div class='post-header-line-1'>

Cole o código do botão que você copiou,  ABAIXO desse trecho.

Para exibir o botão no final das postagens, cole o código do botão ABAIXO do seguinte trecho:

<div class='post-footer-line post-footer-line-1'>

 

Prontinho!

beijo da Mama ♥

Leia mais...

Tweet Retro Vintage – Free Blogger Template

Um template charmoso para blogueiras ousadas!
Jô Angel me dizia outro dia que ama vintage e me inspirou a criar um template com o tema. Pesquisei e encontrei pinups maravilhosas de Gil Elvgren e não resisti a tentação. Estou pensando em fazer uma série. Adorei a brincadeira!
Usei como base um tema Wordpress convertido para Blogger.

Clique na imagem para ver a demonstração online

DEMO
DOWNLOAD XML
DOWNLOAD PASTA ZIPADA (recomendo)

Propriedades:
Duas colunas
Barra de navegação
Gadget para subscrição (Rss/Feeds/Twitter)
Ícones de compartilhamento redes sociais (ativado)
Blockquote personalizado
Botão “Voltar ao topo” com efeito deslizante - JQuery
Melhor visualização nos navegadores: Firefox, Chrome, Ópera e Safari
Instruções para edição do gadget para subscrições

Faça login, clique em “Design” e  clique em “Adicionar um Gadget” e escolha a opção “HTML/JavaScript” – cole dentro dele o seguinte código:

<!-- Email suscribe -->
    <div style="border: 1px solid #ccc;padding:5px;">
    Receber publicações vía email
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Teu-FeedBurner-Feed'’, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" name="email" /><input type="hidden" value="Teu-FeedBurner-Feed" name="uri" /><input type="hidden" name="loc" value="es_ES" /><input type="submit" value="Subscrever" /></form>
    <div style="padding-left:10px;">
    <p><a href="http://feeds.feedburner.com/Teu-FeedBurner-Feed " target="_blank" title="Subscribe nuestras entradas"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://4.bp.blogspot.com/_y7IGkRf9Tjc/TBuUtFXSmtI/AAAAAAAAAIc/d_xrKhfqho4/s400/rss.png" /></a></p>
    <p><a href="http://feeds.feedburner.com/Teu-FeedBurner-Feed " target="_blank" title="Subscrever-se">Increver-se RSS Feed</a></p>
    <p><a href="Url-de-tu-pagina-de-Facebook" target="_blank" title="Facebook"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://2.bp.blogspot.com/_y7IGkRf9Tjc/TBuUxNaMxxI/AAAAAAAAAIk/YfPrObt6vdE/s1600/facebook.png" /></a></p>
    <p><a href="Url-da-tu-pagina-no-Facebook" target="_blank" title="Facebook time">Siga-me no Facebook</a></p>
    <p><a href=http://twitter.com/USERNAME target="_blank" title="Twitter"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://1.bp.blogspot.com/_y7IGkRf9Tjc/TBuU1wVw2aI/AAAAAAAAAIs/sCPJ69n07Ms/s1600/twitter.png" /></a></p>
    <p><a href=http://twitter.com/USERNAME target="_blank" title="Twitter time">Siga-me no Twitter</a></p>
    </div></div>
    <!-- /Email suscribe -->

Escreva os seus endereços Feed/Rss e twitter username nos trechos grifados em vermelho.
Editar a barra de navegação

Faça Login ►Design ► “Editar HTML” e encontre o seguinte trecho:

<ulo class.='tabNavigation'>
<li><a href='ENDEREÇO-DO-BLOG’>Home</a></li>
<li><a href='LINK DA PÁGINA SOBRE O BLOG'>Sobre o blog</a></li>
<li><a href='LINK DA PÁGINA DE CONTATO'>Contato</a></li>
</ul>

Escreva os endereços correspondentes no espado grifado em vermelho.
Para instalar o gadget  “Postagens Recentes” como está no modelo, siga os passos como nas imagens abaixo.

  
  


Créditos:
O gadget de subscrição foi criado por Rosa Torre do ESCAPARATE DE ROSA, onde ela apresenta três modelos diferentes que você poderá  escolher e substituir caso queira.
Imagem:  Pinup de Gil Elvgren editada por mim em Photofilte Studio
Base/Inspiração ► Blogger templates Templates Block
Caso tenham algum problema com instalação, enviem mensagem pelo formulário de contato.

Beijo da Mama ♥

Leia mais...

Tweet Template “Anotações Online” – Free Blogger Templates

Design elegante, cores suaves, background com textura de madeira e um bom trabalho de edição de imagem sugerindo papel de carta personalizado. Muito bom para blog pessoal, textos, poesias, etc…
Recomendo o download da pasta zipada que contem todos as imagens utilizadas no layout.
Clic na imagem para demonstração online.

Template Anotações Online – DEMO
Documento XML – DOWNLOAD
Pasta zipada (recomendo) - DOWNLOAD

Propriedades:

1. Duas colunas
2. Resumo automático com imagens
3. Lista de posts relacionados abaixo das postagens
4. Barra de navegação com informações para os links
5. Ícones para feed e redes sociais
6. Ícones exclusivos nos marcadores
7. Blog pager (navegação) personalizado

INSTRUÇÕES PARA INSTALAÇÃO:
Faça download da pasta zipada (recomendo) e descompacte numa pasta em seu PC . Lá você vai encontrar as imagens e o documento XML, ou faça download somente do XML
Faça login → Clique na aba Design → Clique em Editar HTML → Clique em Selecionar arquivo →Clique em Fazer upload → Salve o template
MENU (Linkbar)
Procure dentro da sua pagina “Editar HTML” o seguinte trecho:

<!-- Linkbar início -->
<ul id='blue'>
        <li class='current'><a expr:href='data:blog.homepageUrl' rel='tag'>Home<span>Página inicial</span></a></li>
        <li><a href='ENDEREÇO' title=''>Sobre o blog<span>Texto correspondente</span></a></li>
        <li><a href='ENDEREÇO' title=''>Portfolio<span>Texto correspondente</span></a></li>
        <li><a href='ENDEREÇO' title=''>Link<span>Texto correspondente</span></a></li>
        <li><a href='ENDEREÇO' title=''>Contato<span>Deixe seu recado </span></a></li>
    </ul>
<!-- Linkbar fim -->

Edite os trechos coloridos: Endereço do link, nome do link e texto que vai aparecer ao clicar.
ÍCONES E LINKS PARA REDES SOCIAIS
Procure dentro da sua pagina “Editar HTML” o seguinte trecho:
Coloque os endereços nos locais indicados.

<div id='redes-sociales'>
<a class='redes-sociales' href='http://SEU-ENDEREÇO-FEED' rel='alternate' target='_blank' title='Suscribirse' type='application/rss+xml'><img alt='rss' border='0' border:0='' src='http://2.bp.blogspot.com/_aWhy4ZWNovE/TGHEZp3wTYI/AAAAAAAAArc/dHdubszLfVw/s320/rss.png'/></a>
<a class='redes-sociales' href='http://twitter.com/USERNAME' target='_blank' title='Twitter'> <img alt='en Twitter' border='0' border:0='' src='http://3.bp.blogspot.com/_aWhy4ZWNovE/TGHEjU8WEmI/AAAAAAAAArk/VfASZ-ZHvG0/s320/twitter.png'/></a>
<a class='redes-sociales' href='http://SEU-PERFIL-FACEBOOK' target='_blank' title='Facebook'> <img alt='en Facebook' border='0' border:0='' src='http://4.bp.blogspot.com/_aWhy4ZWNovE/TGHEpM0wrQI/AAAAAAAAArs/J4c9ZQwY_Xo/s320/facebook.png'/></a>
<a class='redes-sociales' href='http://PAGINA-YOUTUBE' target='_blank' title='YouTube'> <img alt='YouTube' border='0' border:0='' src='http://2.bp.blogspot.com/_aWhy4ZWNovE/TGHE_Jbm8YI/AAAAAAAAAr8/llfEUWb8LFo/s320/youtube.png'/></a>
<a class='redes-sociales' href='FEED-NEWSLETTER-OU-EMAIL'> <img alt='YouTube' border='0' border:0='' src='http://1.bp.blogspot.com/_aWhy4ZWNovE/TGHFDwzyKII/AAAAAAAAAsE/VfsbHqJ9DJ4/s320/email.png'/></a>
</div>

Template Anotações Online – DEMO
Documento XML – DOWNLOAD
Pasta zipada (recomendo) - DOWNLOAD

Qualquer problema, grita que eu acudo.
Beijo da Mama ♥

Leia mais...

Tweet Detecção Automática de Spam Para os Comentários - Blogger

O Blogger anuncia a boa nova, detecção de spam para comentários. Ainda não  liberada para todos os blogs, pelo menos no meu e não achei a nova guia, mas aguardo ansiosamente.

...

Veja a matéria publicada no mural de ajuda do Blogger.

Caixa de entrada de comentários

Para que você gerencie seus comentários com mais facilidade, criamos uma nova guia Comentários, na qual você pode acessá-los diretamente. Nela, você pode gerenciar comentários publicados, comentários marcados como spam e comentários aguardando moderação, caso tenha ativado a Moderação de comentários.
Os usuários que ativaram a Moderação de comentários continuarão a ver os comentários que precisam de moderação e que ainda não foram sinalizados como spam em Comentários | Aguardando moderação. Os usuários que não ativaram a Moderação de comentários não verão nenhum comentário em Comentários | Aguardando moderação.

Caixa de entrada de spam

Agora o Blogger filtra comentários que possivelmente são spam e os armazena na Caixa de entrada de spam, bem semelhante à pasta de spam do seu e-mail. Quando alguém deixar um comentário no seu blog, o comentário será analisado pelo nosso detector de spam e aqueles identificados como possíveis spam serão enviados para a Caixa de entrada de spam do seu blog, localizada em Comentários | Spam.

Boa Blogger!!!
beijo da Mama♥

Leia mais...

Tweet Novo Template FREE - “A Abelha” Bzz Template

Um template simples mas caprichado e cheio de charme (modéstia a parte). Simples e funcional. Ideal para blog pessoal ou para um tema sobre saúde, alimentação natural, receitas…
Toda a estrutura recebeu as melhorias do Blogger, por exemplo “Artigos Relacionados” com imagens adaptado ao layout, para exibir até 5 artigos.

Disponibilizei o código XML para baixar direto e também uma pasta zipada com o documento e as imagens para que você hospede em seu próprio blog ou em um site de sua preferencia para sua garantia no caso de haver algum problema.

 

* DEMO ONLINE

* DOWNLOAD TEMPLATE

* DOWNLOAD PASTA ZIPADA (recomendo)

PROPRIEDADES:

• Duas colunas
• Posts resumidos (automático)
• Numero de comentários, plural e singular
• Ícones para Twitter e Feed (abelhinha)
• Artigos relacionados com imagens (personalizado)
• Links para enviar postagens para redes sociais ( Wiest Blogger)
• Blockquote personalizado
• Cores e fontes pré-definidas no CSS
• Fonte do Cabeçalho – Google Font Diretory

INSTRUÇÕES PARA CONFIGURAÇÃO:

Nome e descrição:
Faça login e clique em “Configurações” e  escreva no campo determinado.

Barra de Navegação do Blogger:
Normalmente retiro essa widget mas se você fizer questão de usar a Navebar do Blogger, faça login, clique em “Design” e “Editar HTML”. encontre o trecho abaido e apague-o:

#navbar-iframe {
display:none!important;
}

Editar menu exclusivo do template:

• Faça login, em seguida clique em “Design” e depois “Editar HTML
• Procure pelo trecho abaixo e edite onde está em vermelho

<ul id='menu'>
            <li><a Title='Home' expr:href='data:blog.homepageUrl' title='Home'><img alt='' height='42' src='http://2.bp.blogspot.com/_aWhy4ZWNovE/Sr2MqIEOlJI/AAAAAAAAAZ4/UwPnd2e-Mds/s400/home.jpg' width='64'/></a></li>
            <li><a href='mailto:SEU EMAIL' title='Contato'><img alt='' height='42' src='http://4.bp.blogspot.com/_aWhy4ZWNovE/Sr2MpUuHy7I/AAAAAAAAAZo/51a9U7ZwwEI/s400/contato.jpg' width='93'/></a></li>
        <li><a href='SEU PERFIL' title='Quem sou'><img alt='' height='45' src='http://1.bp.blogspot.com/_aWhy4ZWNovE/SsKAkkA2PPI/AAAAAAAAAac/U_wq3E05TEM/s320/quem.jpg' width='102'/> </a></li>
<li>
<a href='http://twitter.com/USERNAME'><img height='100' src='http://3.bp.blogspot.com/_aWhy4ZWNovE/S99gMhgTXHI/AAAAAAAAAoQ/T_XqvkkxwQ0/s320/twestival+bird+7.png' title='By: TwitterButtons.com' width='119'/></a><br/>
</li>
</ul>

Se tiver alguma dúvida, não se acanhe, escreva no formulário de contato e eu dou uma força para a instalação.
Espero que gostem!

Beijo da Mama♥

Leia mais...

Tweet Códigos Blog – Um Excelente Blog Para Consultas

Se você é blogueiro, gosta de se aventurar na personalização de templates para a plataforma Blogger ou é curioso sobre o tema, não deixe de visitar o  CÓDIGOS BLOG do Paulo Estevão. Assine a newsletter para receber as atualizações do site que traz sempre boas dicas, com explicação clara sobre novidades e outros assuntos relacionados ao Blogger.
Hoje a publicação é muito útil e eu recomento:

10 Códigos específicos para criação de um template para Blogger

......

Paulo Estevão, cursa Engenharia de Computação é blogueiro e Twiteiro nas horas vagas. Louco por internet, tecnologia e design. Apesar de geek é a apaixonado em esportes de uma forma geral.

Beijo da Mama ♥

Leia mais...

Tweet Background – Designer do Modelo Com Novo Recurso !

Parece que o Blogger está fazendo mais mudanças para facilitar a vida daqueles que gostam de ter suas páginas personalizadas. Disponível por enquanto apenas através do Blogger in Draft, a novidade (muito legal) oferece um botão que permite que coloquemos a imagem de fundo (background) que quisermos, fazendo upload direto dos nossos arquivos.
Você precisa fazer o login, e clicar na opção “Design”, depois “Designer do Modelo” e depois “Plano de fundo”.      
Clicando na setinha ao lado da janela “Nenhum”, abrira outra  janela com o botão “Selecionar arquivo”.Veja as imagens:


As imagens podem ser no formato JPEG, GIF e PNG.
Para usar uma imagem única, sem repetição que cubra todo o fundo do template, o ideal é o tamanho de 1800x1600 pixels.
Para que o blog não fique pesado (demorado para abrir)  tente fazer upload de imagens com menos de 200KB.
Ainda temos outras opções para imagens de fundo.

1 – Clicando em alinhamento você define o sistema gráfico.
2 - Clicando nessa setinha você define a repetição da imagem de fundo para o caso de usar imagens  como por exemplo essa abaixo: Você deverá selecionar a opção “Bloco” para que ela cubra todo o fundo.
Para quem já conhece um pouco de CSS será mais fácil entender; as opções coincidem com as propriedades CSS:  no-repeat (imagem não repete), repeat (imagem repete inteira), repeat- x (imagem repete horizontalmente)e repeat- y (imagem repete verticalmente).
3 – Por fim, temos a opção de manter o fundo estático ou rolando com a página. Essa opção é ótima para quem quer modelos de background com desenhos fixos como por exemplo esse abaixo:
OBS: Você pode encontrar modelos variados, excelentes no blog CONTEMPLATES.

(Clic na imagem para ver em tamanho original)

Fonte: Blogger in Draft
Muito bom não é?
Beijo da Mama♥

Leia mais...