Widget para botão de feed e newsletter  

Publicado por: Blog a La Carte em ,  

Adicione um elemento de página HTML/JavaScript em sua Sidebar.

Se você queimou seu feed com FeedBurner copie o seguinte código e cole no box:


<center><a href="http://feeds.feedburner.com/SEU-FEED" rel="alternate" title="Subscrever Feed" type="application/rss+xml"><img alt="Subscrever Feed" style="border:0;" src="http://rozanchetta.googlepages.com/rss-icon-red.png"/></a><a href="http://feeds.feedburner.com/SEU-FEED" rel="alternate" title="Subscrever Feed" type="application/rss+xml"></a></center><br/>
<br/>
<form action="http://www.feedburner.com/fb/a/emailverify" style="padding: 3px; text-align: center;" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=SEU FEED ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Receba por email </p><p><input style="width: 150px;" name="email" type="text"/></p><input value="http://feeds.feedburner.com/~e?ffid=FEED ID" name="url" type="hidden"/><input value="NOME DO SEU BLOG" name="title" type="hidden"/><input value="pt_BR" name="loc" type="hidden"/><input value="Subscrever" type="submit"/><p>Entregue por <a href="http://www.feedburner.com/" target="_blank">FeedBurner</a></p></form>



Modifique os trechos em azul com o url de seu feed e o nome de seu blog.

Os trechos em vermelho você deve copiar do código que o FeedBurner gera (exemplo: feedId=1949534) na página Email Subscription.

Convém hospedar a imagem do botão de Feed em seu site de hospedagem, já que o Google Pages poderá ser desativado até o final de 2008.

comentários


Galeria animada - Destaques  

Publicado por: Blog a La Carte em ,  

Para instalar a galeria animada com os Destaques, adicione um elemento de página HTML/JavaScript no espaço acima do Adsense do Main-Wrapper (acima da área de postagens).

Copie o código a seguir e cole no box:

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>

<div id="myGallery">
<div class="imageElement">
<a class="open" href="http://tema-carolina.blogspot.com/2008/08/configurar-os-links-do-menu.html" title="Sabonetes Jequiti"/>
<img src="http://blogalacarte.googlepages.com/sabonetes.png" class="full"/>
<h3>Sabonetes Jequiti</h3>
<p> Sabonetes Jequiti </p>
</a></div>
<div class="imageElement">
<a class="open" href="http://tema-carolina.blogspot.com/2008/08/configurar-data-do-blog.html" title="Produtos Jequiti"/>
<img src="http://blogalacarte.googlepages.com/varios.png" class="full"/>
<h3>Produtos Jequiti</h3>
<p> Produtos Jequiti </p>
</a></div>
<div class="imageElement">
<a class="open" href="http://tema-carolina.blogspot.com/2008/08/configurar-formulrio-de-comentrios.html" title="Maquiagem Jequiti"/>
<img src="http://blogalacarte.googlepages.com/maquiagem.png" class="full"/>
<h3>Maquiagem Jequiti</h3>
<p> Maquiagem Jequiti </p>
</a></div>
</div>



Substitua:

os trechos em VERDE pelos links que você deseja que sejam apontados ao clicar na imagem;
os trechos em AZUL pelos títulos dos seus links;
os trechos em VERMELHO pelos endereços das imagens para a sua galeria.

1 comentário


Favicon  

Publicado por: Blog a La Carte em ,  

Coloquei um link para Favicon no template. Com o Favicon, o Blog fica mais personalizado e com marca própria ao ter a imagem ao lado do endereço e do nome nas barras do navegador.

Para configurar a imagem, procure no código do template (Layout==> Editar HTML), bem no começo, logo depois da tag <head> :

<link href='http://blogalacarte.googlepages.com/favicon-toquenatural.png' rel='shortcut icon'/>

É só substituir o endereço da imagem. Escolha uma imagem no tamanho 16px por 16px.

comentários


Configurar os anúncios AdSense  

Publicado por: Blog a La Carte em ,  

Configuração dos anúncios do AdSense de modo que fiquem compatíveis com o template:

Anúncio no Main-wrapper, abaixo do Menu:

O melhor formato é o Banner 468x50.

As cores para combinar com o main-wrapper são as seguintes:
borda : #992b2d
plano de fundo: #ebede9
texto: #301e17
título: #992b2d
url: #008000









Na Sidebar o formato escolhido foi o Banner vertical largo de 160 x 600.

As cores que combinam com a sidebar:
borda: #992b2d
plano de fundo: #d6d4c5
texto: #992b2d
título: #6d745d
url: #008000










Na área dos posts, foram seguidas as mesmas configurações de cores do main-wrapper, com o anúncio no formato retângulo grande 336 x 280.

comentários


Widget de Comentários Recentes (Opiniões)  

Publicado por: Blog a La Carte em ,  

Na Guia "Layout" em "Elementos de Página", adicione um elemento HTML/Java Script.

Copie o código seguinte e cole no box:


<script style="text/javascript" src="http://wnuklq.blu.livefilestore.com/y1pCwkRzj8FPw3Bwex9fwjBpHMpMCMTcqabHH6DRxSKpNVf6aC2secfYFvJ0Q2ghtjTX9ackkwav1c/RecentComments.js"></script>

<script style="text/javascript">var numcomments = 5; var numchars = 50; </script>

<script src="http://NOME DO SEU BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>


Substitua o trecho em VERMELHO pelo nome do seu blog.

comentários


Widget de Artigos Recentes  

Publicado por: Blog a La Carte em ,  



  1. Na Guia "Layout" em "Elementos de Página" adicione um elemento de "Feed".


  2. Irá abrir um box para colocar a URL do feed.


  3. Coloque o feed do Blog da seguinte maneira:

    http://NOME DO BLOG.blogspot.com/feeds/posts/default


  4. Novo box irá se abrir. Coloque o título de sua preferência.


  5. Escolha se deseja que também apareça a data do post e autor


  6. Salve o widget







Caso você tenha queimado seu feed com o FeedBurner, pode acrescentar o widget BuzzBoost, que também mostra seus artigos mais recentes.






Acesse a Guia do BuzzBoost e configure quantos posts deseja que sejam mostrados.

Se preferir clique na caixa "Display Item Content", escolha "Plain Text" e o número de palavras a serem mostradas para cada post (semelhante ao Widget de Comentários Recentes).

Em "Use as a widget in", escolha "Blogger" e clique em "Go". O widget será exportado para seu blog.

comentários


Configurar formulário de comentários  

Publicado por: Blog a La Carte em ,  

Assim que fizer a instalação do template, acesse o Blogger Draft e na Guia "Configurações" entre nas configurações de "Comentários".

Formulario de Comentarios Blogger

No ítem "Posição do Formulário de Comentários" clique na opção "Postagem abaixo incorporada" e salve suas configurações.

1 comentário


Configurar os links do menu  

Publicado por: Blog a La Carte em ,  

formatar menuNa Guia "Layout" em "Elementos de Página", clique para editar o elemento "Top Menu".
Adicione seus links e coloque os títulos na ordem inversa em que deverão aparecer no menu.

Exemplo: Se você quer que o link da Home Page com o título "Início" seja o primeiro link do Menu, adicione-o por último.

2 comentários


Configurar a data do Blog  

Publicado por: Blog a La Carte em ,  

Para que a data do Blog apareça da maneira como está apresentada neste DEMO, seguir os procedimentos:

  • Clique na Guia "Configurações" de seu Blog;

  • Clique em "Formatação";

  • No ítem "Formato da data" escolha o formato conforme o exemplo:
    Quinta Feira, Agosto 07, 2008

  • No ítem "Formato da data e hora" escolha esse mesmo formato de acordo com o exemplo

  • Salve as Configurações


formatar data

1 comentário




<< Recentes