06 novembro 2009

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

0 comentários






Continue Lendo >>

Colocando Google Analytics no Blogger

0 comentários

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 Analytics, 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






Continue Lendo >>

05 novembro 2009

Gerador de Meta-Tags

0 comentários










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.





















Descrição
do site:



Palavras-Chave

(separadas
com vírgula)










Coloque o código gerado no HEAD de sua página HTML.







 



 






Continue Lendo >>

Numeração na Página do Blog

0 comentários


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 += '&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="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.

Continue Lendo >>

Relógios

0 comentários



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/

Continue Lendo >>

Caixa de Texto

0 comentários















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>










Continue Lendo >>

Dividir o cabeçalho do blogger em duas partes

0 comentários



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.




Continue Lendo >>
 

Assine Nosso Feeds!

Seguidores