Ano novo... Vida nova e Template novo tbm..





Já fiquei tempo demais, com um único template e, estou querendo mudar ja me enjoei da cara desse template,e para aqueles que, queiram ter esse template em seu blog, estarei deixando aqui para vocês baixarem e utilizarem.
Mas não se esqueçam de deixar os créditos para o autor do blog viu?







E desejo a vocês um feliz ano novo....


E que ano que vem, o blog venha subir na vida se Deus,quiser...

Walpapers Natalinos pra você

Estão aqui alguns walpapers, para serem baixados... espero que gostem ^^





Estilo: Wallpapers
Tamanho: 18.14 mb
Wallpaper: 51
Formato: Rar



(Novo) Parcerias Aqui (Novo)

Como disse na post anterior, aqui está, estamos agora, usando o formulário de contato, do LinkWs, espero que gostem da novidade, ele será usado agora como meio de pedido de parceria:

As Regras continuam as mesmas, do modo anterior....

Para os que não viram a post de parceria anterior, estarei repassando elas, pra vocês:




Pronto já leu as regras?
pois agora é só preencher o formulário, e estaremos, analisando seu pedido cuidadosamente







coloque aqui seu nome

coloque aqui o nome de seu blog

seu email aqui

MSN

coloque a url de seu blog aqui







Banners:

BannerFans.com

80x80


BannerFans.com


120x60


LinkWS- Tenha um formulário de contato em seu blog,

Ah não muito tempo, eu estava navegando, na internet, quando me deparei com o blog scrapsgospel.
Notei, em seu formulário de contato, para se realizar as parcerias, e achei muito legal o recurso, e quis tambem ter esse recurso, aqui mesmo no blog.

Não demorou muito e eu encontrei...
E para minha surpresa, não era nenhum bicho de sete cabeças, para se ter esse recurso, tudo se tratava de um site, que dava essa opção GRÁTIS, para seu blog. Estou falando do LinkWS, que além desse recurso, ele te da a opção de muitos outros recursos (veja aqui).

Bem, mas vamos direto ao assunto, o formulário de contato grátis:

Primeiro, cadastre-se no site, e logo após clique em painel de controle. Lá você irá ver, os produtos oferecidos na barra lateral, esquerda, clique em Llink Comunic e preencha o que se pede, e vualá.

Pronto, você já tem seu formulário de contatos...


Gostou dessa post? Pois então comente sua opinião é muito importante para nós.

Templates-O que não devo fazer?



Uma das preocupações frequentes de um blogueiro, é sobre que template usar em seu blog.
Mas muitos deles (a maioria), não sabem criar templates,(que nem eu), e procuram por sites que disponibilizam templates grátis como:

Btemplates

 e entre, outros sites que fazem o mesmo, mas algumas pessoas que se acham, "espertinhas", usam esses templates, mas retiram os créditos, e depois saem falando, que foi de sua autoria, na maior cara de pau.

Além de ser anti-ético, isso tambem é crime!!

Então se quer, ter seu template bonitnho, e nos moldes siga essa regrinha:

1. Se caso for utilizar um template que não for de sua autoria, nunca reire os créditos, pois o autor teve o trabalho de cría-lo, e não quer ver, ele sendo publicado por ai, com o nome de autor, sendo outra pessoa.

Voltando a postar..






Eu costumava, ser um "viciado", em postar até que, eu tive que me ausentar por uns tempos.... é, foram razões lógicas, é porque a "net" daqui de casa, não estava lá essas coisas.

De uns dias para cá eu fiquei um tempo sem postar, e venho pedir desculpas pela ausência de posts no blog...
Mas agora voltaremos com força total, e atualizando o blog diariamente como sempre.
Para aqueles que esperavam nosso volta... Estamos com a carga toda.

De jorge Adm.

Feliz Natal antecipado...

Encontre widgets para seu blog!!

Encontre milhares, de widgets com a cara de seu blog,procure pelo o que seja mais compatível com seu blog.

Estou falando do site Widget Box, lá vocÊ encontra milhares, milhões de widgets para serem usados, em seu blog, de maneira fácil e muito rápida:


Como Criar seu Blog-Blogspot

O blog atualmente,tem sido uma ferramenta, útil e de fácil de manuseio.

A busca pelo conhecimento mundial, em blogs, tem se tornado frequente, mas os blogueiros profissionais e todos os outros tiveram, que seguir os passos essencias, para se tornarem o que são hoje, o básico do básico, que pode ser resumido em poucas etapas:

1 Etapa : Criação
Bem, estamos falando de criar um blog, no Blogger-Blogspot certo? Pois então, primeiro visite O site do Blogger, e crie sua conta, e blog, lembre-se de usar um nome criativo e que chame a atenção.

2 Etapa: Tema-Assunto
Antes mesmo de criar seu blog,você ja deve criá-lo pensando em que assunto ele focará,Pense bem no tema de seu blog, pois ele será essencial, para decidir se seu blog será visitado, ou não.
Tente focar em um assunto que conheça bem...

3 Etapa URL(Endereço do Blog)
Url, é o endereço de seu blog, no caso do Blogger, seu endereço(URL) será o seguinte, www.SEUBlog.blogspot.com, o blogspot em seu URL, é porque é um domínio grátis,  e uma das maneiras de divulgar o Blogger e deixando o domínio blogspot.com em seu URL, por isso ele terá o blogspot em seu blog, para saber de que aquele blog, foi feito no Blogger,

4 Etapa Layout
Não só apenas e feito o blog de conteúdo, sim o conteúdo de um blog é o mais importante, mas o layout,Template do blog, tambem ajuda para que os internautas, sejam fiéis a seu blog, então ter um template bonito e moderno, assugura a fidelidade de seus internautas...
Lembre-se de usar um template, que tenha algo haver com o assunto de seu blog, e seja de fácil navegação.
Se você não, é muito bom em criar templates, acesse sites que disponibilizam templates grátis como o BTtemplates,   e muitos outros que disponibilizam, templates grátis.

5 Etapa- Widgets (gadgets)
Sabe tudo aquilo, que tem nas colunas do blog, são os widgets, são eles que deixam o blog com uma cara mais profissional, desde a marcadores a postagens recentes, e widgets de contador de visitas..
Praticamente quase tudo que se encontra na sidebar são widgets.
Sempre tente atualizar seus widgets, procure widgets melhores a cada dia.. ^^


6 Etapa Postagens
Pronto, agora é so escrever tudo o que,sabe sobre o assunto e começar a editar seu conteúdo..


6 Etapa-Divulgue seu blog:

Depois, de pronto seu blog, agora chega a hora de divulgá-lo em motores de busca, cadastre seu blog no Google, ou então ja cadastre logo seu blog em 321 sites de busca automaticamente.^^

Expansão do Blog-Pra quê?

Se você espera que um dia seu blog, suba na vida, primeiro deve-se divulgar seu blog em mecanismos de buscas,(Claro, é o essencial), mas pense comigo, apenas indexar seu blog no Google, Yahoo e Bing, talvez não seja o suficiente, para conseguir arrecadar uma boa quantidade de visitantes.

Claro daí vem a  idéia de criar um Twitter, e pronto divulgar seu blog, como louco... ah e tambem pelo MSN, porque não.... E se for o caso, é crie um orkut do seu BLOG, e uma comunidade....

Bem seria muito mais fácil se usasse, um meio fácil e que a marioria dos blogueiros, usam:

O meio de espansão, que é assim se você já tem um blog, do assunto TAL, é que expandir seu blog, então você cria um site ou com o mesmo assunto ou um complemento de seu blog, e sempre divulgando o blog no site... ou vice-versa.



Usar redes sociais, como orkut,Facebook, e Msn tambem são uma boa. E são fortes aliados dos blogueiros, se for olhar para o lado de divulgação.

Bem na verdade existem tantos jeitos de se divulgar seu blog, que você nem imagina.(BEM ATE EU NA VERDADE NÃO SEI TODOS)

Mas o caso é que se você, conseguir divulgar seu blog no máximo de maneiras, possíveis ,provavelmente você aumentará e muito seu número de visitas diárias.

Mude o nome do texto "Postagens mais antigas" e "Postagens mais recentes"




Sabe quando, a nós chegamos no final da página do blog, e lá tem escrito postagens mais antigas e postagens recentes, não acho nada elegante esses nomes....
Graças a Deus, que nos deram a opção de mudar esses "benditos" nominhos.

Há muitos que recorrem a navegação por paginação no blogger, outros porém apenas alteram os nomes, por "Próxima página ou próxima", ou até mesmo Seguinte, ou se for o caso colocam a imagem de seu gosto no lugar, dos nomes...

Bem mais, vamos direto ao assunto como alterar?

1.Vá em Layout>Editar HTML e clique em expandir modelos de wigdet, e procure pelo seguinte trecho:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Agora, veja que depois desse código deve haver esse treho:


.......

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
......

Nesse trecho, substitua, o que esta em negrito pelo o que queira, que substitua o texto "postagens mais recentes".

Agora veja esse:

.....
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
.....

Agora, substitua o que está em negrito, pelo o que queira substituir o texto "Postagens mais antigas".

E por Último esse trecho:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>

Agora substitua os dois que estão em negrito da mesma maneira, com o que queira que seja o texto, para ir a "Home" (Inicio do Blog).

Agora, se você não quiser usar texto você pode usar tambem, as imagens no lugar do texto:

.É só trocar, o que seria,"Inicio,Postagens mais recentes e Antigas", por esse código no lugar do texto:

<img border="0" src="Url da imagem"/>

Em Url da imagem  coloque o endereço da imagem que queira usar.Por fim, visualize e Salve.

Bloqueie o botão direto do mouse em seu Blog





Uma maneira,fácil de se evitar de que roubem o conteúdo de seu blog, é bloqueando o botão direito do mouse.

Apenas coloque, esse código antes da tag </head> :


<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>

Pronto, você agora bloqueia que ele copie desde imagens e textos e conteúdo de seu blog.

Botões de promoção

Agora, estaremos aderindo aos botões de promoções, todas as posts que tiverem alguns desses botões, terá uma promoção,anúncio,aniversário... Etc.

Fique ligado nos botões...

Muitas das posts tambem, estarão dando premios e sorteios. 






O botão, de cor PRETA, siginifica que terá alguma promoção normal,
sem muitas delongas.



O botão branco, significa, que haverá alguma novidade no blog
, ou comemoração..




E por fim a cor vermelha, que significará que haverá,
ou um sorteio ou premios, para os leitores

Espero que gostem da novidade!

Efeito Neve no Blog





Ah mania de se adequar as datas comemorativas continua.. Esse efeito eu achei no blog Blogadinho, achei muito legal e decidi postar aqui tbm..

Tenha um efeito de neve, caindo em seu blog:

Primeiro vá em Layout>Editar HTML:

Procure por essa linha aqui </body> e antes dela cole esse código:

<!-- inicio do codigo de neve blogandinho --> 
<script src='http://sites.google.com/site/blogandinho/Home/Codesnowblogandinho.blogspot.com.txt?attredirects=0' type='text/javascript'/> 
<!-- fim do codigo de neve blogandinho -->

Pronto, esta feito agora é só salvar e não retirem os créditos, porque não fui eu quem desenvolvi esse efeito ^^

Icones Natalinos

Deixe seu blog, com mais características natalinas com esses ícones natalinos:


Icones de redes sociais: 




Icones Natalinos Rss:





Icones diversos do natal: 


Marcadores Expandíveis


Sabe, aqueles marcadores com uma setinha na frente, que quando você aparece o contéudo do marcador embaixo?

Pois será desse tipo de marcador que estaremos falando:


1. Vá em Layout>Editar HTMLclique em "expandir modelo de widgtet" e procure por esse código:

<b:widget id='LabelX' locked='false' title='Labels(Bom agora em Labels depende do nome que estiver, marcadores etc)' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
lt;h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<ul>
.......
.......

</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

A única diferença é o nome que estara em label, e no label X que será o número em label.

Agora ache essas duas tags <ul> e <ul> selecione tudo o que esta entre essas duas tags, e substitua por isso:
 


<script type='text/javascript'>
// <![CDATA[
home_page = 'http://URL DO BLOG.blogspot.com/';


max_rc_posts = 10;

function showentry(json){
var maxp = (max_rc_posts <= json.feed.entry.length) ? max_rc_posts : json.feed.entry.length;
var text = "<ul>";
for (var i = 0; i < maxp; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
text += "<li><a href='"+posturl+"'>" + posttitle + "</a></li>";
}
text += "</ul>";
document.getElementById("showItemLabel").innerHTML = text;
}
function showPostLabel(sPL_label,e){
var isDOM = (navigator.appName.match("Microsoft Internet Explorer") || navigator.appName.match("MSIE")) ? false : true;
var check = document.getElementById("showItemLabel");
if(check) {
if(!isDOM) { check.removeNode(true); }
else {check.parentNode.removeChild(check);}
}
var elm;
if(e.target) elm = e.target;
else elm = window.event.srcElement;
var div = document.createElement('div');
div.innerHTML = "";
div.id = "showItemLabel";
if(!isDOM) { elm.insertAdjacentElement('afterEnd', div); } else { elm.parentNode.insertBefore(div, this.nextSibling); }
var elm2 = document.getElementById("showItemLabel");
elm2.style.display = "inline";
elm2.innerHTML = "<br/>Carregando...";
var script = document.createElement('script');
script.src = home_page+"feeds/posts/summary/-/"+sPL_label.replace(/ /g,"%20")+"?start-index=1&max-results="+max_rc_posts+1+"&alt=json-in-script&callback=showentry";
script.type = "text/javascript";
document.getElementsByTagName('head')[0].appendChild(script);
}
// ]]>
</script>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/> <span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>&#9658;</a>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
<span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>&#9658;</a>
</b:if>
</li>
</b:loop>
</ul>


Aonde esta URL DO SEU BLOG coloque, o nome de seu blog, e o que esta em azul, substitua pelo número de posts que apareçam quando clicarem na setinha. Lembre-se de não estrapolar no número de posts, pois quanto mais posts colocar, mais lento ficará para aparecer as posts.

Pronto, agora você já tem seu marcador Expandível.

Customize sua lista como quiser.EX

#showItemLabel { /* Área da lista*/ }
#showItemLabel ul { /* a lista */
padding:0;
margin:0;
}
#showItemLabel ul li { /* itens da lista */
background-color: #343F4A;
list-style-image: url();
padding: 0 0 0 10px;
margin: 2px 0;
width: 85%;
}
#showItemLabel ul li a, #showItemLabel ul li a:visited { /* cor do link*/
color: #FF9933;
font-weight: normal;
}
#showItemLabel ul li a:hover { /* efeito hover da lista *
color: #FFFFFF;
}

Novo, mais pronto para Emergir..





Nosso, blog começou não faz muito tempo, mais tenho esperança de que, logo logo, estejamos nas alturas..
Conto com vocês,para que nós possamos emergir, quem sabe um dia, possamos nos igualar, a muitos blogs que eu vejo por aí que, nada nada, alcançam suas 2.00 visitas diárias.

Bem sonhar não mata ninguem, nè?
Se quer me ajudar, a transformar esse sonho em realidade, pronto.. já ajudou..
Só de ter lido essa post ja esta me ajudando..

Obrigado por sua visita

Mural de Recados no Blog



Se voçe não é, muito de olhar comentários, e quer que pessoas, comentem e de recados, de uma forma mais visivel, então eu te aconselho que use uma CBox, em seu blog.


Mas o que venha a ser uma CBox?
Ela é um mural de recados que pode ser usado, para diversas finalidades, como eu vejo na maioria dos blogs, como meio de pedido de parceria, ate a recados comentando,e elogiando o blog,Etc.

Bem se voCê se interessou em ter uma Cbox em seu blog, siga esse link:

http://www.cbox.ws/getone.php

Se, quer ver ela funcionando entre neste Blog  NoturnoDown.

Gostou?? então comente..

Seja nosso parceiro!! {regras}





Se você , quer ser parcerio do X Dicas Pra Blog, então deve ficar atento, ao que vou dizer nessa post:

Bem, para começar, já que o blog, ainda é novo no ramo não estaremos, cobrando número de visitas diárias,
Nem se seu blog tambem seja novo, ou não apenas siga os seguintes requisitos:

. Não ter conteúdo pornográfico.
. Não ter programas piratas e objetos em geral, piratas, para serem baixados.
. E por último, estaremos observando, todo dia seu blog, caso você retire nosso link, tambem tiraremos o seu.




Estamos, aceitando tanto, parcerias de links, quanto parcerias de banners....
Sendo qualquer uma das opções nos avise, ok?





Aprenda mais com o Dicionario do blogueiro

Bom são muitas,palavras e termos "bloguistas", por esse motivo, estarei dividindo, o dicionário em partes, e estarei na medida do possível adicionando mais partes.Espero que aprenda um pouco mais com esse dicionário:

1: Dicionário do Blogueiro-Part 1
2.Dicionário do Blogueiro-Part 2

Dicionário do Blogueiro-part 2






Bom continuando, a busca pelo conhecimento.

Estamos agora na parte 2 do dicionário do blogueiro. Agora estaremos passsando, os significados de mais palavras, que rondam a blogosphera. Desta vez eu consultei cada vez mais o Wikipédia, e tambe a ajuda blogger.

Primeiro vamos aos resultados da ajuda blogger:

1.Postagem/post : A postagem é um texto de sua autoria.Você fala nela, suas opiniões e assuntos em geral.O blog é composto de várias postagens e todas as postagens são armazenadas no banco de dados do Blogger.

2.Header Segundo o wikpédia :

Na terminologia da informática, o header - ou, simplesmente, cabeçalho - consiste na parte que contém as informações suplementares colocados no começo de um bloco de dados que estão sendo armazenados ou transmitidos, usualmente por e-mail ou em pacotes dos dados emitidos através da internet, são precedidos pela informação de cabeçalho tal como o remetente e os endereços do IP do receptor.
(Muá diz)
Focando mais em blog, header é o local, aonde se coloca uma imagem, ou texto com o nome do blog.

3.Sidebar: Sidebar é o local aonde são colocado, widgets, imagens é tudo que se encontra na aba Layout.
Geral, são aquelas barras laterais do blog.

4.Gadget : gadget algum pequeno software, pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. no caso Blogger, o gadget e tudo aquilo que se agrega na sidebar.
Até mesmo de uma forma engraçada, gadget e uma gíria que significa "gerigonça".


5.HTML: Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum. Basicamente o blog e composto por HTML aqueles códigos, que compõem seu template, widgets enfim, praticamente tudo no blog, tem sua parte em HTML.

6. CSS :
Segundo nosso amigo "WIKI": Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Bom acho que ja deu, pra você notar, que não são poucos os termos, usados por blogueiros.
Por esse motivo, eu irei dividir essa post em várias partes e de tempos em tempos farei uma nova.

Espero que tenham aprendido algo.

Snap Shots- Coloque visualização de imagens de links no blog

Enhanced with Snapshots

Já cansei de entrar em links sem saber, ao certo o conteúdo de tal coisa, ou se é apenas vírus ou se é um website.Para não deixar os internautas, com esse ar de dúvida, sobre o destino de meus links gora, eu tambem incrementei o Snap Shots.
Se esta boiando, sobre esse tal de Snap shots, eu ire explciar ao certo o que é:

Snap Shots usa seus links para trazer as informações mais adequadas sobre os sites que você está apontando. Mostrando imagens relevantes sobre o site, você tem uma noção do que você possa estar linkando.

A única Coisa que tem que fazer, é um cadastro no site e responder o formulário.



Se quer ver funcionando aqui no blog você vê facilmente,pois tambem uso.

Colocar paginação no blog

Essa, video-aula do meu amigo Felipe, do blog BaixaBrasil Br,achei uma boa, e então decidi postar aqui.
Espero que gostem. Vale a pena assistir


Vídeo-Aula



Para aqueles que não sabem, o que é paginação:


Páginação é: São aquelas paginas numeradas.


Dicionário do Blogueiro

Bom se você ainda não sabe muito sobre blog,Esse dicionário com o significado de algumas palavras irão te ajudar na sau busca pelo conhecimento sobre a blogosfera. Não sei o siginificado de todas as palavras, e termos mas as que eu  conhecer e as que o wikipédia souber, então estarão aqui.^^


1.Blogueiro: Aquele que cria o blogger, quem mexe com blogs.

2.Blog: Segundo o wikipédia "Um blog (contração do termo "Web log"), também chamado de blogue em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou "posts". Estes são, em geral, organizados de forma cronológica inversa, tendo como foco a temática proposta do blog, podendo ser escritos por um número variável de pessoas, de acordo com a política do blog."

3. Blogosfera:é todo o meio que se compreende a weblogs os blogs como comunidade e rede social.

4.Template: Bom vamos ao wikipédia: "Template (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final."

 5.Feed:  Muito usado para poder receber atualizações de outros blogs.


6. Widget: São tudo aquelo que completa seu template, desde contadores, até efeitos.Em geral Widgets são tudo aquilo que, você coloca em sua sidebar.

7. Blogger: Voltando ao wikipédia:

"Blogger, uma palavra criada pela Pyra Labs, é um serviço do Google, que oferece ferramentas para edição e gerenciamento de blogs, semelhantemente ao WordPress.
Blogger permite a hospedagem de um número ilimitado de blogs nos servidores do BlogSpot (semelhantemente ao WordPress.com), ou em um servidor próprio do usuário (via FTP). Os blogs hospedados no BlogSpot incluem uma barra de navegação do Blogger, que não pode ser removida, através de alguma opção da interface do Blogger. Porém, existem tutoriais explicando como removê-la, através de um hack. Os termos de serviço do Blogger não especificam se tal ação é uma violação ou não, mas muitos usuários do serviço optam por fazê-la".

Se ainda tem dúvidas sobre algumas palavras comente ou então, pergunte na ajuda do Blogger:

Ajuda Blogger



Contadores Online

Dito e feito. Como disse anteriormente aqui está a post com os contadores online, para blog.
Bom primeiramente, para aqueles que não sabem como colocar, o contador online, eu estarei explicando passo a passo. (E Fácil eu sei mas ninguem nasceu, sabendo!! ).



1 passo:
Vá em Layout>Adicionar Gadget>Adicionar HTML/Javascript:

E antes de colocar o código, você irá escolher o contador, que mais gostou.
Estarei dando tres contadores aqui:

1.OPromo: que alem de dar os contadores online. Tambem disponibiliza os contadores de visitas!




2.Whos Amung. Geralmente muito usado pelos blogueiros. ele tambem da um mapa widget para ser post em seu blog, e você ficar sabendo de onde vem suas visitas. Whos Amung Map.






3-2 Whos Amung Map 

Aproveitando o embalo da post, tambem decidi postar, nessa mesma post o mapa do Whos Amung.








Colocar contadores em seu blog




Quer que os outros saibam, quantas visitas seu blog tem? e Ficar sabendo quantas pessoas estão te visitando?
Pois aqui esta um meio deles saberem, que é o contador de visitas, vários sites dão esse serviço, para que você possa ter seu próprio contador.
Além do contador de visitas, temos tambem os contadores de pessoas online,mas isso ja é assunto pra outra post.

Vamos para os exemplos de contadores escolhe entre centenas de contadores, uns 3 que mais gostei!.




1. Histats



Interface bonita, e é muito fácil de usar. Gostei muito desse aqui eu recomendo. (E é o que mais se vê em blogs)

2. Flag Counter

 É em inglês mais e de fácil compreensão, ele mostra bandeiras com o número de visitantes, de cada país que visitou seu blog. Dá a opção de Número de colunas e de bandeiras, que serão usadas no contador; além de tambem poder escolher a cor do "background" do texto e da borda.





3-Site meter

Tambem não é ruim. Faz as funções corretamente tudo certo.
Não vejo muito sendo usado, mas tambem, dá conta do recado.





Bom não sei se você gostou ou não, mas coloquei aqui os que gostei. Se nao gostou desses aqui, não tem problema, não existem apenas Três ^^.

Banner Maker Pro- Faça seus Banners com este programa





Com o Banner Maker Pro você poderá criar banners, anúncios, botões e logotipos profissionais utilizando recursos intuitivos. O programa pode ser usado principalmente por aqueles usuários que sentem dificuldades em aplicativos complicados de edição de imagem.


Então se você  quer fazer, seus banners profissionais, animados, faça com esse programa recomendo, meus banner a maioria foram feitos, com a ajuda desse programa.

Ficou interessado então crie você tambem:

Download Banner Maker Pro

Blockquote- Pra que serve?

O blockquote ou "bloco de texto" é usado para poder dar destaque em algo de seu texto.
Ele facilmente usado usando as "aspas" que ficam no topo do painel.
Ele é geralmente usado, quando se quer mostrar algum código, em postagens, ou alguma citação.
Alguns templates já vem com esta função.

Exemplo:

Meu blockquote é Esse!!
 
Para mais configurações proure em seu HTML esse trecho

.post blockquote {
margin: 10px;
padding: 8px;
background: coloque aqui o valor da cor do background, ou até então uma imagem de fundo.
}

Margin: são as bordas do blockquote.

Eu posso!!! Você tambem pode?

Se eu posso você tambem pode, porque não??

Criamos nosso chat se quiser adicionar nosso chat no MSN, é fácil estamos abertos para o público.
Sem restrições.

Aqui esta o meu email:
jorgetaio@hotmail.com

E tambem deixarei aqui o email de meu chat, (que na verdade está com o nome de outro blog meu)
group844193@groupsim.com

Você tambem pode ter o seu chat no msn, porquê não??
Apenas faça um cadastro no site Groupsim e crie seu chat agora,mesmo.


Coloque relogios em seu blog

O ClockLink é um site que disponibiliza,relógios para serem colocados em websites.
Se você se interessou nos relogios, dê uma olhada nesse aqui:




Bom não é??

Visite a galeria de relógios, e pegue um para seu site/blog. http://www.clocklink.com/gallery.php
A única coisa que tem que fazer e ver qual que mais gostou, e clicar em "view HTML tag", para pegar o código.

Colocar Favicon em Seu blog

Bom antes mesmo de falar como colocar um Favicon, no blog, vamos aprender mais sobre, o que é um Favicon.
Segundo o Wikipédia Favicon é:

"Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.icosite para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço. com de cerca de 16x16 pixels que ficam guardados em um
Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco."

Bom você agora já sabe perfeitamente o que é um favicon, então vamos ao que interessa.


Primeiro crie seu favicon!!


Se você nao quer fazer muito esforço entre nesse site  Favicon From pics.
Ele cria seu favicon em menos de 3 cliques, simples e rápido.


Preencha o formulário de acordo com o que se pede:

Se não entende muito de inglês entre então nesse link:
Favicon From Pics -Traduzido



Depois é so baixar o seu favicon. Já com seu Favicon Pronto use esse código.Foi tirado esse artigo da Wikipédia:


"Para colocar um favicon no seu site você deve inserir:
 rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
dentro das tags



<head> e </head>


Além disto, o ícone em formato *.ico deve se chamar obrigatoriamente favicon e estar hospedado na pasta (diretório) principal do website. De forma que se o endereço da página for http://en.wikipedia.org, o endereço do ícone deva ser, por exemplo, http://en.wikipedia.org/favicon.ico."

BoTão voltar ao topo





Se você possui muitas posts em seu blog, e quer facilitar a navegação dos internautas em seu blog, esse tutorial então foi feito para você.

Bom vamos começar..

1 Procure por essa Tag em Editar HTML:

]]></b:skin>

Depois dele você irá colar esse código:

<div id="codigo">#voltarparaotopo {<br>
padding:5px;<br>
position:fixed;<br>
bottom:10px;right:10px;<br>
cursor:pointer;<br>
}div>

Tudo feito, agora iremos para o próximo passo:Encontre esse código (Ctrl + F)


</body>



Após o código você deve adicionar este:

<a href="#" id="voltarparaotopo"><img src="URL DA IMAGEM" alt="voltar para o topo" /></a>

 Em Url da imagem, escolha a imagem que quiser. Desde setas ate mesmo imagens personalizadas, fica a seu gosto.

Feito tudo isso procure pelo código: 
<head>

Agora para finalizar, adicione abaixo desse código, esse outro:


<div id="codigo">&amp;lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'<br>
type='text/javascript'&amp;gt;&amp;lt;/script&amp;gt;<br>
&amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;gt;<br>
$(window).ready(function(){<br>
$('#backtotop').click(function(e){<br>
e.preventDefault();<br>
$('html, body').animate({scrollTop:0}, 'fast');<br>
});<br>
});<br>
&amp;lt;/script&amp;gt;div>

Mensagem de Abertura de Blog

Para se fazer uma abertura, uma mensagem de abertura, em seu blog, não é nenhum bicho de sete cabeças.

 Veja funcionando aqui: http://chatnoturno.blogspot.com/




Apenas copie este código e cole em sua sidebar, configurando do jeito que se pede.

Código:

<script language="javascript"

type="text/javascript">

alert("Mensagem de abertura aqui") </script> <font

face="Verdana"><span


>10pt; text-decoration:

none"></span></a></font>
 O que esta em vermelho será sua mensagem de abertura.
Em azul a fonte do texto (Coloque a que bem entender).
E em verde a fonte de seu texto.

Cadastrar seu blog na Google, yahoo e MSN

Bom anteriormente, eu mostrei o modo de cadastrar seu blog em 321 sites de busca de forma automática:

Link da outra postagem: http://xdicasblogger.blogspot.com/2009/11/divulgue-seu-blogsite-em-321-mecanismos.html

Mas agora estarei mostrando, o jeito manual da coisa.

Primeiro vou ensinar como cadastrar na Google:

Apenas entre nesse link:
http://www.google.com/addurl/?continue=/addurl

Apenas clique no link, e preencha o formulário.



Agora como cadastrar no Yahoo:

Link para cadastro:http://submit.search.yahoo.com/free/request

Tambem e só preencher o formulário, mas sóque neste caso, é preciso que você se cadastre, no Yahoo

E por fim o Bing

Link: http://www.bing.com/docs/submit.aspx

Neste caso tambem se aplica, o que disse dos outros.

    Divulgue seu blog/site em 321 mecanismos de busca



      
    Divulgue seu blog clicando na imagem acima


    Uma das primeiras coisas, que um blogueiro que acabou de terminar seu projeto e divulgá-lo!!
    Há várias maneiras de se divulgar um blog, através de parcerias, indexadores, e o mais importante os mecanismos de busca.

    Você que ja tem um blog pronto ja deve ter, visto que cadastrar seu blog em mecanismos de busca, manualmente demora e tem que ter muita paciência.
    Muitos recorrem a cadasto automático, sem demora, e sem muito trabalho.

    Agora estarei falando de um desses sites que cadastram seu blog automaticamente.È o DivulgadorDataHosting, 
     Que divulga seu site/blog em 321 sites de busca de maneira rapida, sendo que 35 desses sites são brasileiros, e 286 são internacionais.

    Apenas, preencha o formulário e pronto em questão de minutos, seu site/blog estara por ai no mundo.

    Colocar Rádio em meu blog



    Se você está achando que seu blog esta com um ar de "meio morto", sem graça você pode colocar alguma rádio,para ver se da uma "animada" no ambiente.

    Estarei repassando para vocês alguns sites de webradios que disponibilizam, players para serem colocados em Websites,

    -Radio Giga Brasil

    Crie seu banner online

    Para podermos conseguir, mais visitantes precisamos de parcerias, com diversos blogs.
    Mas cá entre nós uma parceria de link não é muito chamativa e não te faz receber muitas visitas, a melhor forma de parceria, é feita através de banners, são aquelas imagens que contem um texto animado, Etc, que contém o seu link.

    Existe um jeito fácil de conseguir criar seu banner, de maneira online sem precisar saber muito de photoshop de nada, quase!

    Eu darei uma lista com 3 sites que disponibilizam esse serviço:

    Que alem de criare seus banner online, tambem cria menus,butoons,relógios para colocar em seu blog e textos animados. Seus banners são de ótima qualidade. 
    A única coisa que não acho muito elegante em seus banners são os créditos que ficam na parte inferior do banner. ^^


    Tambem muito bom, ele ja è direcionado totalmente ao banner,
    ele te da a opção da escolha do tamanho do banner,
    o fundo "background",bordas e disponibiliza efeitos para aplicar em seu banner.
    E tambem tem o mesmo problema do flash ,que se você não tiver uma conta vip,
    tambem ficara os créditos na parte inferior, do banner.

    Na minha opinião e um dos melhores para criação de banners,
    tambem disponibiliza mudar a fonte do texto,o layout, efeitos e sombras,bordas e formato.
    para cada atualização você tem que clicar em "update my banner".
    terminado clique em "Get codes" e pronto.
    Lá mesmo você troca a url pela a url de seu blog, e o código e alterado no momento.

    Efeito maquina de escrever em imagem

    Em mais uma de minhas viagens na Net, acabei me deparando com algo que não tinha visto antes e o
    Screedbot, ele te da o recurso de criar o seu próprio texto animado, em estilo de maquina de escrever.

    A única coisa que tem que fazer e visitar o site,e criar seu texto depois e so hospedar ou no imageshack,


    ou no Flickr aqui está um exemplo de como deve ficar:




    Aki esta o site para você poder fazer seu próprio tex to animado:

    SCREEDBOT

    Widget postagens recents

    Já encontrei esse widget ja faz um tempo, mais só decidi postá-lo aqui agora. ele e bem bonitinho, tem uma forma de sanfona e mostra as ultimas postagens do seu blog.

    Ele e disponibilizado pelo FeedSplush 

    Apenas faça o registro clique em "NEXT STEP",colocar a URL Feed clicar novamente em "Next Step", definir a formatação, clicar em "Validate and get my code", copiar o código e colar na sua sidebar: 

    Personalizar > Adicionar um Gadget > HTML/JavaScript. 

    Pronto! 

    Clique na imagem para fazer o cadastro.





    Como criar uma rede de hospedagem de imagens> CHEVERETO

    O chevereto te da essa possibilidade de poder se igualar um dia a um "imageshack da vida"




    Que tal criar uma rede de hospedagem de imagens e não depender nunca mais de mais ninguem para ter suas imagens online?

    O chevereto de da suporte para poder criar sua rede sem muito trabalho apenas baixe os arquivos e ele não precisa de mysql ("banco de dados") pois ele ja vem pronto para uso...


    Se interessou??
    Se sua resposta for sim aqui  esta o link para o download:


    Chevereto_Download

    Arco-Ìris em links


    Primeiramente para se colocar o efeito de arco-íris em seus links tem que se apenas usar um único código mas antes.Procure por essa tag ]]></b:skin> depois apenas cole esse código abaixo dela e salve .
    Código:




    <!-- INÍCIO DO SCRIPT LINKS COLORIDOS-->

    <script type='text/javascript'>var thumbnail_mode = &quot;float&quot; ;summary_noimg = 230;summary_img = 140;img_thumb_height = 100;img_thumb_width = 100;</script>
    <script type='text/javascript'>
    //<![CDATA[

    ////////////////////////////////////////////////////////////////////
    // Setting

    var rate = 20; // Increase amount(The degree of the transmutation)


    ////////////////////////////////////////////////////////////////////
    // Main routine

    if (document.getElementById)
    window.onerror=new Function("return true")

    var objActive; // The object which event occured in
    var act = 0; // Flag during the action
    var elmH = 0; // Hue
    var elmS = 128; // Saturation
    var elmV = 255; // Value
    var clrOrg; // A color before the change
    var TimerID; // Timer ID


    if (document.all) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
    }
    else if (document.getElementById) {
    document.captureEvents(Event.MOUSEOVER Event.MOUSEOUT);
    document.onmouseover = Mozilla_doRainbowAnchor;
    document.onmouseout = Mozilla_stopRainbowAnchor;
    }


    //=============================================================================
    // doRainbow
    // This function begins to change a color.
    //=============================================================================
    function doRainbow(obj)
    {
    if (act == 0) {
    act = 1;
    if (obj)
    objActive = obj;
    else
    objActive = event.srcElement;
    clrOrg = objActive.style.color;
    TimerID = setInterval("ChangeColor()",100);
    }
    }


    //=============================================================================
    // stopRainbow
    // This function stops to change a color.
    //=============================================================================
    function stopRainbow()
    {
    if (act) {
    objActive.style.color = clrOrg;
    clearInterval(TimerID);
    act = 0;
    }
    }


    //=============================================================================
    // doRainbowAnchor
    // This function begins to change a color. (of a anchor, automatically)
    //=============================================================================
    function doRainbowAnchor()
    {
    if (act == 0) {
    var obj = event.srcElement;
    while (obj.tagName != 'A' && obj.tagName != 'BODY') {
    obj = obj.parentElement;
    if (obj.tagName == 'A' obj.tagName == 'BODY')
    break;
    }

    if (obj.tagName == 'A' && obj.href != '') {
    objActive = obj;
    act = 1;
    clrOrg = objActive.style.color;
    TimerID = setInterval("ChangeColor()",100);
    }
    }
    }


    //=============================================================================
    // stopRainbowAnchor
    // This function stops to change a color. (of a anchor, automatically)
    //=============================================================================
    function stopRainbowAnchor()
    {
    if (act) {
    if (objActive.tagName == 'A') {
    objActive.style.color = clrOrg;
    clearInterval(TimerID);
    act = 0;
    }
    }
    }


    //=============================================================================
    // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
    // This function begins to change a color. (of a anchor, automatically)
    //=============================================================================
    function Mozilla_doRainbowAnchor(e)
    {
    if (act == 0) {
    obj = e.target;
    while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
    obj = obj.parentNode;
    if (obj.nodeName == 'A' obj.nodeName == 'BODY')
    break;
    }

    if (obj.nodeName == 'A' && obj.href != '') {
    objActive = obj;
    act = 1;
    clrOrg = obj.style.color;
    TimerID = setInterval("ChangeColor()",100);
    }
    }
    }


    //=============================================================================
    // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
    // This function stops to change a color. (of a anchor, automatically)
    //=============================================================================
    function Mozilla_stopRainbowAnchor(e)
    {
    if (act) {
    if (objActive.nodeName == 'A') {
    objActive.style.color = clrOrg;
    clearInterval(TimerID);
    act = 0;
    }
    }
    }


    //=============================================================================
    // Change Color
    // This function changes a color actually.
    //=============================================================================
    function ChangeColor()
    {
    objActive.style.color = makeColor();
    }


    //=============================================================================
    // makeColor
    // This function makes rainbow colors.
    //=============================================================================
    function makeColor()
    {
    // Don't you think Color Gamut to look like Rainbow?

    // HSVtoRGB
    if (elmS == 0) {
    elmR = elmV; elmG = elmV; elmB = elmV;
    }
    else {
    t1 = elmV;
    t2 = (255 - elmS) * elmV / 255;
    t3 = elmH % 60;
    t3 = (t1 - t2) * t3 / 60;

    if (elmH < 60) {
    elmR = t1; elmB = t2; elmG = t2 + t3;
    }
    else if (elmH < 120) {
    elmG = t1; elmB = t2; elmR = t1 - t3;
    }
    else if (elmH < 180) {
    elmG = t1; elmR = t2; elmB = t2 + t3;
    }
    else if (elmH < 240) {
    elmB = t1; elmR = t2; elmG = t1 - t3;
    }
    else if (elmH < 300) {
    elmB = t1; elmG = t2; elmR = t2 + t3;
    }
    else if (elmH < 360) {
    elmR = t1; elmG = t2; elmB = t1 - t3;
    }
    else {
    elmR = 0; elmG = 0; elmB = 0;
    }
    }

    elmR = Math.floor(elmR).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1) elmR = "0" + elmR;
    if (elmG.length == 1) elmG = "0" + elmG;
    if (elmB.length == 1) elmB = "0" + elmB;

    elmH = elmH + rate;
    if (elmH >= 360)
    elmH = 0;

    return '#' + elmR + elmG + elmB;
    }
    //]]>
    </script>

    <!-- FIM DO SCRIPT LINKS COLORIDOS-->

    Torne-se um criador de jogos Rpg

    Rpg Maker VX-Crie seus jogos RPG



    Eu estava a procura de meio rapido e fácil de se criar um jogo, de gênero RPG..
    E finalmente eu encontrei, não demorei muito e ja estou quase terminando o meu joguinho ^^

    Bom o Rpg Maker é a ferramente definitiva para criação de jogos do gênero Rpg .

    O RPG Maker é um programa de computador que permite que fãs de jogos de RPG, tanto eletrônico quanto de mesa, possam criar seus próprios jogos de RPG para computador. A vantagem e a graça do RPG Maker está no fato de que qualquer pessoa pode criar um jogo, sem saber programar em nenhuma linguagem de programação.

    Ele te da muitos recursos para se formar um jogo de alta qualidade ele e dividido em duas (as ultimas e melhores versões na minha opinião)

    Rpg maker XP: para quem usa o windowns XP

    RPG maker Vx : para quem usa o windowns Vista.

    Os dois são muito bons por esse motivo deixei aqui o link para download baixe a vontade^^

    Rpg maker Xp-Download
    Rpg maker Vx-Download

    Botões de Avaliação em suas postagens

    Para colocar botões de avaliação de postagens apenas requer poucos passos.

    Útil para aqueles que querem saber se suas postagens estão ou não agradando aos internautas..

    Outra vez esse tutorial tambem requer que seja feito no BloggerDraft.

    Voltando..

    Vá em layout:

    Agora va em editar em "postagens do blog ou posts"

     Lá aparecera assim:


    Agora Selecione a Caixinha Reações:

    Ese quiser editar as reações clique em EDITAR

    Agora e só salvar!

    Depois vá em EDITAR HTML e procure esse código (usando Ctrl + F)

    <div class='post-footer-line post-footer-line-3'/>

    Cole então depois desse codigo o código abaixo:

    <span class='reaction-buttons'>
    <b:if cond='data:top.showReactions'>
    <table border='0' cellpadding='0' width='100%'><tr>
    <td valign='center'><span class='reactions-label'>
    <data:top.reactionsLabel/></span>
    </td>
    <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
    </tr></table>
    </b:if>
    </span>

    Link Within-Coloque posts relacionados em seu blog

    Um meio de deixar o internauta mais tempo em seu blog e usando posts relacionados.

    Porque quando ele acaba de ler um post ele se depara com mais 4 (ou 5) posts em que se interesse.

    Bom esse  widget e muito facil de instalação não requer nenhum tipo de código nem de muito tempo
     de trabalho, apenas visite esse link  Link Within

    Lá irá aparecer a seguinte imagem:


    em EMAIL coloque seu email.
    em BLOG LINK você irá colocar a URL de seu blog.
    Em PLATAFORM você ira escolher Blogger.
    WIDHT são os números de posts relacionados que irão aparecer.
    Se seu blog for de fundo preto e texto branco ou de cor clara clique em "My blog has light.."

    Tudo feito clique em GET WIDGET!.

    Lá aparecerá  como será instalado o widget apenas clique em INSTALL WIDGET ele será instalado
    diretamente em seu blog.


    Colocar paginação no blog com widget

    Sem muito que trabalhar estarrei disponibilizando aqui um widget de paginação para seu blog:




    Essa eu vi no site Links e Links, bom continuando como diz o tutorial ele deve ser utilizado no BloggerDraft.

    1.Vá em layout e adicione um gadget:

    2.Copie o seguinte código abaixo:

    <style>

    .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

    }

    .showpageArea a {border: 1px solid #505050;

    color: #ffffff;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 = 'First';

    var endPageWord = 'Last';

    var upPageWord ='Previous';

    var downPageWord ='Next';

    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 += '&nbsp;<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="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" 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>



    Salve.

    Agora como manda o tutorial, pegue o gadget que acabou de criar e o arraste para o rodapé do blog.

    Pronto!!

     
    ©2009 X Dicas Pra Blog | by TNB