Dicas para blogs

Gerador de código de Banners com caixa "Link Me"

noreply@blogger.com (Unknown) — Fri, 06 Nov 2009 13:44:00 +0000

Colocando Google Analytics no Blogger

noreply@blogger.com (Unknown) — Fri, 06 Nov 2009 13:05:00 +0000

Google Analytics é a ferramenta do Google para gerenciar o tráfego do seu site/blog. Depois de instalar você pode ver relatórios de quem acessou seu site, como chegou lá, qual página foi visualizada e muitos outros relatórios que ajudam a identificar pontos positivos e negativos.
Instalar o Google Analytics no seu site é fácil, vamos aos passos:

Crie uma conta no site Google A nalytics, se você já tem um Gmail basta usar seu login e senha.

Na página de configuração do Analytics adicione um perfil de site. Basta entrar o endereço (URL) do seu site. www.meusite.com. Deixe a opção “adicionar um perfil a um novo domínio”.

Depois de feito isso o google vai gerar um um código

Depois de gerado o código você só precisa ir em seu blog, abrir caixa de HTML e colar.

Ou no arquivo html, procure pelo texto

</body>: e cole o código do analytics antes dele

Gerador de Meta-Tags

noreply@blogger.com (Unknown) — Thu, 05 Nov 2009 22:25:00 +0000

Gerador de Meta-Tags

Gerador automático de meta tags para seu site.

Coloque a descrição de seu site no campo "Descriçao do site"
e as palavras-chave no qual deseja ser encontrado nos buscadores,
no campo "Palavras-Chave". Lembra-se que as palavras devem
ser separadas por vírgula e então clique no botão Criar Tags.
Copie o código gerado e cole entre as tags <HEAD></HEAD>
de sua página.

Numeração na Página do Blog

noreply@blogger.com (Unknown) — Thu, 05 Nov 2009 20:28:00 +0000

Oi Galera!
Hoje vou ensinar a vocês como colocar numeração no final da página do blog.
É uma dica bem bacana e fica legal.

É bem simples copie o código a baixo e cole. vá em layout,abra uma gadget HTML e cole o código

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage =
thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ?
thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) :
"";
thisLable = thisLable.indexOf("?")!=-1 ?
thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = ' ';
var endPageWord = ' ';
var upPageWord ='Anterior';
var downPageWord ='Próximo';
var labelHtml = '<span class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] =
'/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] =
'/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) &&
p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord
+'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a
href="/">'+ upPageWord
+'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a
href="'+htmlMap[p]+'">'+ upPageWord
+'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span
class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a
href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a
href="'+htmlMap[p]+'">'+ (p+1) +'
</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a
href="'+htmlMap[p]+'">'+ downPageWord
+'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) &&
p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a
href="/">'+ firstPageWord +'
</a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +'
</a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span
style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px
solid #333; background-" class="showpage">Page '+thisNum+' of
'+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a
href="'+htmlMap[htmlMap.length-1]+'">
'+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage isFirstPage isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script
src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"
type="text/javascript"></script>
<div
style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;">
<a
href="http://blogger-godown.blogspot.com/search/label/Widget">Blogger
Widgets</a> <a
href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-menu-widget-for-blogger.html">Blogger
Accessories</a> </div>

Gostaram da dica, abração e até a próxima.

Relógios

noreply@blogger.com (Unknown) — Thu, 05 Nov 2009 18:34:00 +0000

Procurando mudar seu blogger,coloque esses relógios, são diversos relógios para seu site ou blog, entre no site abaixo e aproveite de uma olhada no exemplo:

http://mytictac.com/pt/

Caixa de Texto

noreply@blogger.com (Unknown) — Thu, 05 Nov 2009 17:56:00 +0000

Caixa de texto para destacar suas postagens.
Copie o o código abaixo e cole em sua caixa de postagem e pronto,lindo para você usar.

<textarea
rows="5"
cols="50"
style="background-color: #ffffff; color: rgb(0, 0, 0);"
wrap="soft">ESCREVA AQUI O SEU TEXTO</textarea>

ESCREVA AQUI O SEU TEXTO

Dividir o cabeçalho do blogger em duas partes

noreply@blogger.com (Unknown) — Thu, 05 Nov 2009 17:14:00 +0000

Nosso Cabeçalho do nosso blog é divido em duas partes, uma vai nossa logo e na outra parte um tradudor,mas você pode colocar o que quiser dentro desse espaço.
Então vamos ao que enteressa:

Primeiro de tudo salve sempre seu template, antes de qualquer alteração.
Vá até Layout, e em seguida editar HTML (não a necessidade de expandir página)
Aperte control F, abrirá a caixa de busca, e procure por:

<div id='header-wrapper'>
<b:section
class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Frases Curtas
(Cabeçalho)' type='Header'/>
<b:widget
id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>

Depois substitua por:

<div id='header-wrapper'>
<div id='header-column-container'>
<div id='header2' style='width: 74%; float: left; margin:0;
'>
<b:section class='header-column' id='header-column-left'
preferred='yes' style='float:left;'>
<b:widget
id='Header1' locked='true' title='Frases Curtas (Cabeçalho)'
type='Header'/>
</b:section>
</div>
<div id='header3' style='width: 25%; float: right; margin:0;
'>
<b:section class='header-column' id='header-column-right'
preferred='yes' style='float:right;'>
<b:widget
id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
<div id='header-bottom'>
<b:section class='header' id='header-column-bottom'
preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

Você pode notar que a parte onde está a linha é a parte mais larga do cabeçalho(74%) e a outra na segunda parte que tem 25%, então coloque que estão neste trecho no seu blog como desejar e depois será fácil mudá-las de lugar pela pagina layout somente arrastando como qualquer outro gadget.

Para alterar as larguras ou lado das colunas do cabeçalho é só modificar essas partes do código:

width: 25%; float: right;
width: 74%; float: left;

Esta pronto, abraços.

Posição no Google

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 20:45:00 +0000

Ferramenta para posicionamento no Google

Para você saber a posição de seu site, basta colocar a palavra chave e a url do seu site.

Click na imagem para fazer a consulta.

Nuvem Tags

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:39:00 +0000

Hoje vamos aprender como colocar uma nuvem tag no blogger.
É simples, primeiro passo copie esse codigo abaixo.

<b:widget id='Label99' locked='false' title='Labels'
type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script
src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and
<a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> Distributed by <a
href='http://blogger-templates-designs.blogspot.com/'>Blogger
Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", 
"300", "7", 
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Agora procure pelo código abaixo(não precisa espandir pagina)

<b:section class='sidebar' id='sidebar' preferred='yes'>

Cole o embaixo dessa linha, salve, pronto esta ai sua nuvem tags.

Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.

Templates Chucky Magazine

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:36:00 +0000

Digite aqui o resto do post

Templates Gallery 3 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:30:00 +0000

Templates Complicated Girl 3 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:27:00 +0000

Templates Music Lovers 3 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:26:00 +0000

Templates Neosapien 4 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:23:00 +0000

Templates Beauty Blog 4 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:13:00 +0000

Templates Gumball Special 4 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 18:01:00 +0000

Templates Zitizen 4 Colunas

noreply@blogger.com (Unknown) — Wed, 04 Nov 2009 17:59:00 +0000

Templates BloggerTube 4 Colunas

noreply@blogger.com (Unknown) — Tue, 03 Nov 2009 19:09:00 +0000

Tradutor para o Blog

noreply@blogger.com (Unknown) — Wed, 24 Jun 2009 13:49:00 +0000

Um tradutor simples e eficiente para o seu blog.
Testei do português para o espanhol e ficou perfeito.
Basta copiar este código e inserir nos elementos de página>html/javascript.
Não esqueçam de substituir SEUBLOG pelo endereço do seu.

<center><img

src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>

<form id="translateForm"

action="http://www.worldlingo.com/S1790.5/translation"

target="_blank">

<input value="PT" name="wl_srclang" type="hidden"/>

<select style="font-size: 70%; width: 160px;"

name="wl_trglang">

<option value="EN"/>Português - Inglês

<option value="FR"/>Português -

Francês

<option value="DE"/>Português -

Alemão

<option value="IT"/>Português - Italiano

<option value="PT"/>Português -

Português

<option value="RU"/>Português - Russo

<option value="ES"/>Português - Espanhol

</select>

<input value="http://SEUBLOG.blogspot.com/"
name="wl_url"

type="hidden"/>

<input style="font-size: 70%; width: 50px;" value="Traduza"

type="submit"/>

</form>

[Feeds]Feeds personalizado

noreply@blogger.com (Unknown) — Tue, 23 Jun 2009 18:39:00 +0000

Os Feeds são uma ótima forma de se medir
a popularidade de um blog. Quanto mais assinantes, mais popular seu
blog será.

A primeira coisa que vocês devem fazer é
se cadastrar no FeedBurner,
a ferramenta mais amigável e completa para gerenciamento de
feeds.
Se você já é cadastrado, melhor ainda!
Vá no painel de controle e procure, na aba publicize,
por FeedCount. Ative esta ferramenta. Ela
serve para mostrar ao mundo quantos leitores assinam seus artigos.
Configure a seu gosto, copie e salve o código html. Procure
também por Email Subscription,
na mesma aba. Ative, copie e salve o endereço (url).

Agora encontre uma imagem de 64 x 64 px para o seu Feed. Tem
milhares na internet e muitas aqui Uma sugestão? Iconspedia.
Hospede a imagem no site de sua preferência e copie o
endereço fornecido.

Vamos para o widget. Este é o código
para ser colocado na sidebar:

<table border="0" style="text-align: left; width:
100%;" cellpadding="2" cellspacing="2"
>
<tbody>
<tr>
<td><span style="text-decoration:
underline;"><img
style="width: 64px; height: 64px; float: left;" alt="" src="ENDEREÇO DA IMAGEM"
/></img
gt;</span>Assine
nosso <a href=http://feeds.feedburner.com/SEUBLOG">Feed
</a><br/>
Receba os artigos por <a
href="ENDEREÇO DO FEED
VIA EMAIL">email<br/>

HTML DO FEED COUNT
</a
></td>
</tr>
</tbody>
</table>

Nos locais em vermelho, vá inserindo os
endereços, respectivamente, da imagem, do seu feed e do feed
via email. No final cole o código html do Feed Count. Vejam
o resultado:

Hack Leia Mais Resumo de Postagem

noreply@blogger.com (Unknown) — Fri, 19 Jun 2009 13:33:00 +0000

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 = 'none';

if (spans[i].id == "hidelink")

spans[i].style.display = 'inline';

}

}

function hideFull(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.Fade(spans[i]);

} else spans[i].style.display = 'none';

}

if (spans[i].id == "showlink")

spans[i].style.display = 'inline';

if (spans[i].id == "hidelink")

spans[i].style.display = 'none';

}

post.scrollIntoView(true);

}

function checkFull(id) {

var post = document.getElementById(id);

var spans = post.getElementsByTagName('span');

var found = 0;

for (var i = 0; i < spans.length; i++) {

if (spans[i].id == "fullpost") {

spans[i].style.display = 'none';

found = 1;

}

if ((spans[i].id == "showlink") && (found == 0))

spans[i].style.display = 'none';

}

}

</script>

</b:if>

Salve o template. Depois clique em Expandir Modelo de Widget e procure este trecho:

<div class='post-body'>

<p><data:post.body/></p>

Substitua-o por:

<div class='post-body' expr:id='"post-" +
data:post.id' >

<b:if cond='data:blog.pageType == "item"'>

<style>#fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<a expr:href='data:post.url'>Leia
Mais…</a>

</span>

<script type='text/javascript'>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

Salve. Agora em em Configurações->Formatação->
e desça a página até ver Modelo de Postagem. Cole alí o seguinte código:

Digite aqui o resumo do post

<span id="fullpost">

Digite aqui o resto do post

</span>

Salve. Toda vez que você iniciar uma postagem este
código aparecerá (melhor visualizado no modo HTML
da postagem) e basta que você respeite os campos
correspondentes para o resumo e o restante da postagem. Se
não desejar resumir um determindo post, basta apagar o
código.

Contatos

noreply@blogger.com (Unknown) — Wed, 29 Oct 2008 16:48:00 +0000

Anuncie

noreply@blogger.com (Unknown) — Sat, 30 Aug 2008 17:52:00 +0000

Banner.
Um modelo muito usado e mais comum são as publicidades visuais que são, basicamente, o uso de banner e link direcionado para a página do anunciante. Existem vários formatos para essa mídia e sua posição na página torna mais ou menos visível a marca oferecida. Como as placas e faixas em uma rua ou nos prédios, esse formato é bem direto e vale a pena por se tratar de uma forma de estar presente e dar visibilidade à sua marca.
Existem vários tamanhos padronizados para esses tipos de banners e posições no blog, fazendo variar o investimento de implementação, e tem uma garantia de se poder comprar o espaço por tempo determinado e por quanto for relevante.

Link Patrocinado.
Esta é uma forma mais simples de direcionar visitantes ao seu produto ou serviço. Consiste em comprar algumas palavras-chave, relevantes ao produto e/ou serviço oferecido e anexar links nessas palavras, sempre que aparecerem em algum texto ou artigo do blog. É um investimento muito interessante que, por se tratar de um link vinculado ao texto do artigo, redirecionará muitas visitas ao seu site, já que se torna uma forma contextualizada de oferecer seu produto.

Custos em anunciar neste blog.
Cada um dos formatos acima têm um custo específico e, claro, uma abrangência maior ou menor, de acordo com o espaço ocupado em nosso blog. Comparado com outras formas de mídia, atinge-se o público mais diretamente e seus custos são mais baixos que outras formas de anuncias, sem o risco do cliente em potencial (visitante do Blog e leitor) não ver ou não encontrar sua marca ou produto.
Cada formato e a duração dos anúncios nos blog têm um preço específico e são perfeitamente negociáveis. Por tratar diretamente com o editor do blog, não há intermediários e a flexibilidade é maior para ambos os lados. Com exceção dos “Artigos Patrocinados”, que não têm prazos de validade, todos os outros podem ser contratados por tempo determinado e objetivos específicos para atender necessidades do seu interesse.

Anuncie
Entre em contato com nossa central de relacionamento click aqui e mande um e-mail:

Digite aqui o resto do post