Mais Tutos: Blogueiros

Mostrando postagens com marcador Blogueiros. Mostrar todas as postagens

segunda-feira, 30 de janeiro de 2012

Colocando uma Navbar Azul no seu blog!

Bem leitores do Mais tutos ! Vou mostrar hoje a vocês como por uma NavBar Azul muito bonita igual a que eu utilizo aqui no Mais tutos !

Vamos la!
1º Entre no HTML do seu blog e marque a caixinha "expandir modelos"
2º Procure por:
<body>

2º Logo a CIMA dela cole este código

Não se esqueça de fazer as mudanças necessárias para isto eu prefiro que vocês editem
o código no bloco de notas ou qualquer editor de textos para depois upa-la para o Blog!

Até a próxima pessoal !

segunda-feira, 23 de janeiro de 2012

Tutorial - redirecionando blogs

Essa é uma dica que eu peguei no Dicas para Blogs e que pode ser muito útil, principalmente para quem quer mudar de endereço ou de projeto, mas o antigo site já é bem conhecido. É possível redirecionar seus visitantes, automaticamente, para o novo site ou blog. Isso é muito bom para não perder tempo com avisos ou links do tipo “clique aqui”, o q acabaria fazendo vc perder visitantes.

Essa e uma ferramenta bem objetiva e simples de instalar, com um código pequeno. Não vai dar trabalho e vai tomar menos de 1 minuto pra fazer.

Abra o editor do antigo blog q será redirecionado. Vá em “Layout” e depois “Elementos de página”.
Agora crie um novo gadget do tipo “HTML/JavaScript” e lá cole o código que vem aqui com a devida alteração:

<script language="javascript" type="text/javascript">
location.replace("URL do BLOG")
</script>

Salve e abra o seu antigo endereço para ver se funcionou.

Recomenda-se tirar todas as postagens do antigo blog e os elementos q lá estavam, deixando ele bem simples, pois isso agiliza o redirecionamento.

domingo, 22 de janeiro de 2012

Como aumentar as visitas do seu site/blog

Longe vão os tempos da abordagem passiva em que bastava colocar um site online para ter visitas suficientes que reflectissem um aumento de negócio.
Se está interessado em maximizar o retorno sobre o investimento que fez no seu site, este artigo é para si!

Agora, é necessário uma abordagem proactiva, de forma, a diferenciar-se da concorrência, e com isso, ganhar destaque, visitas e negócio.

Aqui ficam 7 dicas para aumentar as visitas ao seu site de forma gratuita:

1 – Optimização para os Motores de Busca

este método é muito eficaz e pode fazer a diferença. A essencia deste método assenta em alterações ao código e ao conteúdo das páginas do seu site, de forma a que os motores de busca valorizem mais o seu site quando alguém pesquisa por um termo relacionado com o assunto/tema do seu site.

2 – Article Marketing

muito eficaz e muito pouco utilizado. Trata-se da escrita e publicação de artigos informativos e com real valor sobre um tema relacionado. A divulgação é feita de forma gratuita em sites de publicação de artigos, press releases, etc.

3 – Blogging

A utilização de um blog para dar a conhecer os seus produtos ou serviços traz excelentes resultados, e pode usar este método com o anterior, permitindo-lhe manter uma relação mais próxima com os interessados no seu tema. Além disso, os motores de busca adoram blogs e colocam-nos muito bem posicionados nos resultados das pesquisas.

4 – Video Marketing

Semelhante ao anterior, excepto a abordagem é feita com vídeo, que depois é colocado em sites de partilha e divulgação de vídeos como o YouTube entre outros.

5 – Joint Ventures ou Parcerias

Como o nome indica, trata-se de pesquisar e contactar outras empresas/sites no seu ramo/tema e estabelecer uma relação de parceira de forma a que ambos saiam a ganhar. Muitas vezes, mais do que concorrentes, os produtos/serviços/informações tornam-se complementares aumentando ainda mais o valor para quem os pesquisa e compra.

6 – Fórum Marketing

Pesquise fóruns sobre o assunto do seu site, inscreva-se e, sem vender directamente os seus produtos/serviços, o que se torna desgradável e é na maior parte dos casos, contra as regras dos fórums, pode sempre ter um papel activo ajudando outros e tendo na sua assinatura o link para o seu site. Este método é bastante mais eficaz que o que se pode pensar e tem a vantagem acrescida que, em simultâneo, está a construir a sua reputação no meio.

7 – Troca de Links

Provavelmente não a melhor forma de aumentar as visitas ao seu site (existe alguma discussão sobre a forma como os motores de busca olham para a troca de links), comparado com os métodos acima mencionados, mas não deixa de ser uma forma de publicitar o seu site.

Espero que este artigo lhe tenha trazido valor acrescentado, e que o ajude a aumentar as visitas ao seu site e as respectivas vendas.

E você, utiliza alguma destas formas com sucesso?

Créditos:Web Marketingpt

sábado, 14 de janeiro de 2012

Como ajustar o Fuso Horário das postagens no blogger

Bem leitores do Mais tutos venho fazer este post para resolver uma duvida de Muitos blogueiros!
Mais antes quero Deixar claro que as imagens são do blog Choveu Dicas !
Vamos la pessoal! Entre em:
Configurações > Idioma e formatação

Faça as modificações aqui!

Dicas:
Fuso Horário: Fuso Horário do local da onde você mora, ex: (GMT -03:00) Salvador.
Formato de dados da: Formato que o dia vai aparecer em cima ou em baixo da postagem.
Formato de Hora e dados: Formato que a Hora vai aparecer na postagem.
Formato de dados e Hora do Comentário: Formato que o dia e hora vai aparecer quando alguém fazer um comentário.

Bom Galera é só isso bem fácil sem segredo nenhum, apenas com uns cliques você concerta o que levaria tempo pelo HTML.

Créditos: Choveu dicas

domingo, 8 de janeiro de 2012

Colocando caixa de pesquisa no header de seu blogger

Atendendo a pedidos, irei ensiná-los como colocar uma caixa de busca/pesquisa no cabeçalho do blog. Quero lembrar que a aplicação desta técnica pode não funcionar em todos os templates.

Antes de começar, faça um backup do seu template por precaução e aplique a~~gambiarra~~ técnica primeiro em um blog de testes e só depois em seu blog principal.

Entre no painel do Blogger e na aba layout, clique em editar html. Marque a caixaexpandir modelos de widgets e procure por /* ----- HEADER ----- */ ou#header-wrapper ( que é onde começa o código do cabeçalho).

Copie o código abaixo e cole ANTES do código do cabeçalho (header).

/* ----- Busca ----- */
#busca{
width:auto;
height:auto;
z-index:1;
position: absolute;
top: 50px;
left: 660px;
}

Procure agora por <div id='header-wrapper'>e cole logo abaixo o código de busca:

<div id='busca'>
<form action='/search' id='searchthis' method='get' style='margin:0;padding:0;display:inline;'><input id='search-box' name='q' onblur='clickrecall(this,'Pesquisar')' onclick='clickclear(this, 'Pesquisar')' size='20' style='color: #999;' type='text' value='Pesquisar '/> <input id='search-btn' type='submit' value='Buscar'/></form> </div>

Caso você queira colocar uma caixa de busca do Google Adsense, substitua a parte em vermelho do código acima pelo código fornecido pelo AdSense.

<div id='busca'>CÓDIGO DO ADSENSE</div>

Ajuste a posição da caixa de busca, alterando os valores top e left do 1° código.

Vá visualizando o template até ficar legal e só depois clique em salvar modelo.

sexta-feira, 6 de janeiro de 2012

Box Flutuante Assinar Feed via Email

Que tal oferecer assinatura de seus Feed a seus leitores, através de um box flutuante, que funciona como uma janela Pop Up que se abre assim que o leitor entra em seu blog?

Este recurso já é oferecido à plataforma Wordprees, através da instalação de um plugin, porém, agora também é possível obtê-lo no Blogger,para isto basta instalar um código no template.
Atendendo a sugestão de artigo enviada por email, hoje você verá como instalar um Box Flutuante e poder divulgar e oferecer assinatura de seus Feeds a seus leitores.
Este widget é bem simples e fácil de instalar, e possui um efeito bem legal.

DEMO

Vamos ver como instalar?

Vá para a aba "Layout", clique em "adicionar um gadget", (pode ser em qualquer lugar: sidebar, footer etc, mas não coloque título), escolha o modo HTML/javascript e cole o seguinte código:


<style type="text/css">
#topbar
{
padding: 5px 5px 5px 5px;
visibility: hidden;
border: black 1px solid;
width: 340px;
font-family: Tahoma;
position: absolute;
background-color: white
}
</style>
<script type="text/javascript">
var persistclose = 0
var startX = 5
var startY = 5
var verticalpos = "frombottom"

function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0)
{
offset = document.cookie.indexOf(search)
if (offset != -1)
{
 offset += search.length
 end = document.cookie.indexOf(";", offset);
 if (end == -1) end = document.cookie.length;
 returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar()
{
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar()
{
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id)
{
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
 el.y = startY;
else
{
 el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
 el.y -= startY;
}
return el;
}

window.stayTopLeft=function()
{
if (verticalpos=="fromtop")
{
 var pY = ns ? pageYOffset : iecompattest().scrollTop;
 ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else
{
 var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
 ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar">


<a href="javascript:closebar();"><img border="0" style="float: right;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1AgxZVxACH6zdmmNlcWgpbvuvzdShMbb-djAlgRqUg-YPqhJIS3DP97bVDBA7ripCsJ7kVOouhpcVuMgZjlXtn0fpwLwjke97Djcp_Az05vboZzwqwYqyKEvg8hnx4747Worb5ZqKXOL/" rel="nofollow" title="Fechar janela" /></a>
<a target="_blank" href="url-do-seu-feed"><img border="0" vspace="4" align="left" title="Assine nosso Feed" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcEblVKTMeXFP0X5n1gKfGwMCodlXxsF60AVBLn171U6QxovFbx4ww9CDpgurWfXqfrGmfX19DzkjxW2RuiW8ePPZmiRRm5vNHkSj2goBa4odMNqH0qUnaRnpPks5PZ3TKZeNpZmo9VTJ/" hspace="4" width="48" /></a>
<center><font color="#000000"><b>Fique sempre atualizado! <br />Cadastre-se e receba nossas novidades em seu e-mail.</b> </font><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=nomedoseufeed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' ><input name="email" style="WIDTH: 250px" /><input name="uri" type="hidden" value="nomedoseufeed" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="Assinar" /></form>
</center><span style='font-size: 65%;font color: #000;text-align: right'>Widget by Mais Tutos<a target='_blank' href=http://maistutos.blogspot.com/2012/01/box-flutuante-assubar-feed-via-email.html''><font color="#000000"> Instale este widget</font></a></span></div>

<div class='clear'></div>

Faça as alterações necessárias. Na parte destacada em azul, coloque a url do seu Feed.
Na parte destacada em vermelho, coloque o nome do seu Feed.
Se precisar, vá até o site FeedBurner e verifique o seu Feed, copie-o e cole- no local destacado em vermelho.
Lembrando que para este Widget funcionar é necessário que você tenha habilitado a opção "assinatura de feed por email".

E antes que eu me esqueça: Não retire os créditos! E não publique este widget como se fosse seu!
Não esqueça que antes de disponibilizar algo, existe alguém que "ralou" bastante, testando e editando código para ser publicado e disponibilizado para uso, portanto, os créditos devem ser mantidos, ok?

A funcionalidade deste script pode variar de acordo com o template.

segunda-feira, 2 de janeiro de 2012

Colocando Mapa do site no blog/site

Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ou Arquivo do blog e ela pode ser bastante útil quando um visitante não consegue encontrar algum post específico no seu blog usando a pesquisa ou mesmo se este visitante quiser ler tudo o que você já publicou.

Se quiser ver como é uma página assim, dê uma olhada na que eu criei no meu blog neste link. Se quiser uma página igual para o seu blog, siga o tutorial abaixo.

Primeiramente crie uma nova página no seu blog e entre no modo de edição HTML (2). Copie o código abaixo, alterando a parte em vermelho pelo endereço completo do seu blog. Cole o código no html da página (3) e clique em publicar agora.

<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="http://NOME_DO_SEU_BLOG/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Criando seu blog no blogger.

O blogger sempre foi um serviço bastante recomendado para aqueles que pretendem iniciar um blog pela primeira vez, além de ser uma plataforma bastante instável, o blogger também é simples e funcional e pode ser modificado facilmente pelo próprio painel do usuário sem precisar de muitos conhecimentos em linguagens HTML e outras.

Pois bem, falando nisso hoje vou mostrar passo-a-passo como criar um blog no blogger blogspot, desde o registro até a primeira escolha do template.

Vamos la:

CADASTRANDO-SE:

Para criar um blog será necessário primeiramente criar uma conta no Google Accounts caso ainda não tenha. Isso pode ser feito pelo próprio site do blogger, clique aquipara acessá-lo.

Na inicial do blogger clique no botão iniciar.

Nas páginas seguintes preencha corretamente todos os campos e clique em continuar.

APLICANDO UM TEMPLATE:

Após a conclusão do registro você pode escolher um modelo padrão do blogger, basta clicar em design no painel do usuário e em seguida designer do modelo, escolha um template e faça as configurações preferênciais.

Além dos templates padrões do blogger, existem inúmeros outros modelos disponíveis para download espalhados pela web, veja alguns modelos neste site : Galeria de Templates - Ferramentas Blog