sábado, 29 de novembro de 2008

Quanto tempo falta para o Natal

Um dia destes, achei no site Dynamic Drive o script que dou a seguir, que faz uma contagem regressiva até uma data programada (no caso, o Natal). "Faltam tantos dias, horas, minutos, segundos para o Natal! Após algumas modificações e melhorações no script, resolvi compartilhá-lo aqui no blog. Vejam na barra lateral como ele pode ficar.



Mestre Blogger


Este gadget pode ser adicionado no seu blog sem problema nenhum. Há duas opções. Clique o botão da opção 1 para instalar o gadget automaticamente em seu blog ou copie o código da segunda opção e cole-o em um novo elemento de página em seu blog (HTML/Javascript).

1. Instalar automaticamente:


2. Instalar manualmente:

<table border="1" bordercolor="#ffffff" cellpadding="20">

<tr>
<p></p>
<td bgcolor="#efeefe">
<p></p>
<script src="http://upwpqw.blu.livefilestore.com/y1p9an6lvEK0hzJ0-cQnBLLxeFYcta-aFlf2nHWhNGf_bk3CKWdbO2mQoCKGSfVs7b2tVV5UzINwbc/natal.js?download" language="JavaScript1.2"></script>
<p></p>
<noscript><span onclick="window.open(http://mestreblogger.blogspot.com)">Você deve habilitar javascript em seu computador para ler a mensagem.</span></noscript>
<a href="http://mestreblogger.blogspot.com/" target="_blank">Mestre Blogger</a>
<p></p>
</td>
</tr>
</table>

O script também contém uma opção que avisa o visitante caso ele esteja com o bloqueador de javascript ativado para que ele o desative e possa ver a mensagem. Os trechos mostrados em verde no código acima podem ser modificados de acordo com sua preferência.

Não remova os créditos.

sexta-feira, 28 de novembro de 2008

Gerador de icones para email


Achei esta dica no Dicas Blogger e agora vou mostrar aqui como conseguir este ícone. Aqui algumas amostras do ícone:

Um ícone destes pode ser conseguido com a maior facilidade. Acesse http://services.nexodyne.com/email/index.php

Digite a o nome de seu e-mail no campo requerido, selecione o provedor (gmail, terra, hotmail, uol...) e clique Generate. Veja esta imagem:
Logo abaixo será dada a imagem com o seu respectivo endereço. Copie o endereço, como mostrado na imagem acima, e cole-o no lugar de url_da_imagem no código abaixo. Modifique também o endereço seuemail@gmail.com para o seu endereço de e-mail. Então, copie o código todo e cole-o aonde você quiser. A imagem aparecerá já com o link de seu e-mail.
Código:
<a href="mailto:seuemail@gmail.com"><img style="border: 0px solid ; alt="" title="E-Mail" src="url_da_imagem" /></a>

Fácil, não?

quinta-feira, 27 de novembro de 2008

Modificando o link enviar postagem

Hoje você verá como modificar o ícone do rodapé das postagens chamado Enviar postagem que serve para enviar a postagem à alguém, por e-mail. O ícone fornecido pelo Blogger não atrai atenção, e para blogueiros iniciantes não significa nada e por isso mesmo muitas vezes deixam de usá-lo. Por isso, vejamos como modificá-lo para outra imagem, ou para uma frase qualquer.

1. Primeiro, caso você ainda não tenha a opção de mostrar o ícone ativada, vamos para Layout -- Elementos de página .






2. Na seção Postagens no blog clique em Editar.
 




















3. Na janela que aparecerá marque a opção Mostrar links Enviar esta Postagem e salve as alterações.





















4. Agora, vamos na para Layout -- Editar HTML. Marque a caixa Expandir modelos de widgets.


5. Busque o seguinte código:
<span class='post-icons'>

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>


6. Modifique o trecho
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>

por

<img alt='Enviar postagem' class='icon-action' src='http://url_de_sua_imagem'/> .

Substitua http://url_de_sua_imagem pelo endereço da imagem que substituirá a antiga. (Para achar ícones grátis sugiro o site http://www.iconfinder.net/ ).

7. Se você preferir substituir o ícone por uma frase como "Envie esta postagem à um amigo" ou "Recomende", substitua o trecho

<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>

por

<p style='font-size:100%'>Envie esta postagem à um amigo</p>.

e modifique o texto mostrado em verde pela frase convidando à enviar a postagem.

8. Finalmente, se você quiser mostrar uma imagem juntamente com a frase, cole primeiro o código da imagem e depois o texto como mostrados nos passos 6 e 7.

Salve as alterações e visualize o seu blog. Está pronto!

terça-feira, 25 de novembro de 2008

Como montar uma janela pop-up

Bem, anteriormente já havíamos postado algumas dicas sobre as janelas pop-ups em blogs, mas agora tudo vai junto com algumas dicas novas e está mais fácil de acompanhar.

Os pop-ups são estas janelinhas que aparecem automaticamente quando você entra em algum site (se você estiver com o bloqueador de pop-ups desativado) e também ao ser clicados alguns tipos de link. Aqui vamos mostrar os três tipos de pop-up principais.


n° 1 - Modo automático simples

Descrição: Este é o modo simples de pop-up que aparece tão logo carrega o blog em que ele está instalado (automaticamente). Se você tiver o bloqueador de pop-ups ativado eles não funcionarão em seu computador.

Código:

<script language="javascript">window.open('http://url_da_página_pop-up','Info','width=200,height=250,scrollbars=no,resizable=no,status=no,left=100,top=47');
</script>

Modificações no código:

Todos os trechos mostrados em verde no código podem ser modificados de acordo com a sua vontade. Modifique http://url_da_página_pop-up pelo endereço completo da página que deverá abrir como pop-up. Modifique 200 de width=200 pelo tamanho da largura da página e 250 de height=250 pela altura. resizable=no define se a janela será redimensionável. Caso deseje permitir isto, modifique no por yes. Modifique o no de scrollbars=no para yes caso você queira que a janela tenha barras de navegação.


Como adicionar:

Após acessar o painel de sua conta no blogger, vá para a página Layout -- Elementos de página. Selecione Adicionar um gadget e na janela com as opções de gadgets que aparecerá escolha HTML/Javascript. A seguir, cole o código do pop-up no gadget e, após modificar os campos desejados, salve o gadget e visualize o blog. Este código também pode ser adicionado em uma postagem qualquer.


n° 2 - Modo automático avançado

Descrição: Praticamente o mesmo pop-up anterior, porém desta vez o código contém um sistema de cookies que impede que o pop-up abra mais de uma vez na mesma janela. Após ter aparecido uma vez você poderá atualizar a página quantas vezes quiser que o pop-up não será ativado novamente.

Código:

<script>

function openpopup(){
var popurl="http://url_da_página_pop-up"
winpops=window.open(popurl,"","width=200,height=250,")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
onset = document.cookie.indexOf(search)
if (onset != -1) {
onset += search.length
end = document.cookie.indexOn(";", onset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(onset, end))
}
}
return returnvalue;
}
function loadornot(){
if (get_cookie('poppedup')==''){
openpopup()
document.cookie="poppedup=yes"
}
}
loadornot()
</script>

Modificações no código:

Modifique http://url_da_página_pop-up pelo endereço da página que abrirá em pop-up. Modifique o 200 de width=200 para o tamanho da largura da janela e 250 de height=250 para a altura.

Como adicionar: Siga os mesmos passos do modo anterior.



n° 3 - Modo OnClick
Descrição: A janela a ser aberta é exatamente como a do n° 1, porém ativa-se ao ser clicado um link. Alguns bloqueadores de pop-ups não funcionam com janelas clicadas.

Código:

<a onclick="window.open('http://url_da_página_pop-up','Info','status=yes,scrollbars=yes,resizable=yes,width=200,height=250,left=100,top=47');" href="javascript:void(0)">Texto do link</a>


Modificações no código: As modificações no código também são como as do exemplo n° 1, exceto pelo trecho Texto do link, que você modificará para o texto do link que abrirá a janela. javascript:void(0) é o que aparecerá na barra de status. Não haverá diferença prática modificando-se este último trecho.
Como adicionar: Esta forma de pop-up pode ser adicionada na barra lateral (seguindo-se os passos do exemplo n° 1) ou numa postagem qualquer.



n° 4 Modo OnMouseOver

Descrição: Este modo é quase exatamente igual ao n° 3, sendo que a única diferença é que ele é ativado ao passar-se o mouse sobre o link (onMouseOver), e não ao ser clicado, como no exemplo anterior.

Código:


<a onmouseover="window.open('http://url_da_página_pop-up','Info','status=yes,scrollbars=yes,resizable=yes,width=200,height=250,left=100,top=47');" href="javascript:void(0)">Texto do link</a>


Modificações no código: Modifique tudo como no exemplo n° 3.

Como adicionar: Também este código pode ser adicionado como no n° 3




E aí você tem os principais modos de pop-up. No entanto, quanto ao pop-up automático, lembre-se de não exagerar com isso porque se usado demasiadamente pode incomodar seus visitantes e fazê-los fechar o blog o quanto antes. Também o modo onMouseOver pode ser muito irritante, por isso tome cuidado na sua utilização.

segunda-feira, 24 de novembro de 2008

Como criar um menu suspenso

O menu suspenso pode ser uma ferramenta muito útil para os blogs de diversas maneiras. Pode-se ter uma lista de links ou de parcerias no menu suspenso, de modo a economizar espaço e não preencher tanto o seu layout. Em alguns casos ele é usado como menu de navegação no blog.
Veja aqui um exemplo de menu suspenso:


Nesse exemplo a página selecionada é acessada automaticamente. Para conseguir um botão Acessar que ative o link marque a opção Usar um botão no gerador. Também é possível ter uma imagem em vez de um botão simples, neste caso marque a opção Usar imagem como botão.

Veja este menu:





Para conseguir um menu como este acima, com mais de uma célula, faça o seguinte:

1. Após clicar no botão Gerar você verá que as primeiras linhas do código dadas serão estas:

<form name="jump">
<select size="1" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

2. Modifique o número (marcado em verde no trecho acima) para o número de células que deverão aparecer.

Agora, veja o gerador abaixo e experimente fazer o seu menu suspenso.


Se preferir, acesse aqui o gerador numa nova janela.



Se preferir, acesse aqui o gerador numa nova janela.

Notas para utilizar o gerador -

1. Preencha os campos em branco à esquerda com o nome da célula e o campo respectivo à direita com o endereço do link correspondente.
2. Selecione ao alto as opções de como será o menu.
3. Clique em Gerar copie o código, cole-o em seu blog e bom proveito!

Como programar uma postagem

A postagem de hoje será sobre como programar uma postagem. É uma dica curta, para manter o ritmo, pois estou preparando um post maior para esta noite. Esta opção do Blogger é muito útil para os blogueiros que tentam manter um ritmo de postagens diárias. Por exemplo, se eu fosse para a praia agora (O, quem dera!) e não quisesse perder o ritmo, eu poderia fazer várias postagens e deixar programadas para os próximos dias.
Para programar uma postagem, logo antes de publicá-la clique em Opções de postagem e nas opções que aparecerão embaixo busque a Data e hora da postagem e marque alguma data futura quando a postagem deverá ser publicada. (Veja imagem acima). A seguir clique Publicar postagem e está feito! O post só irá ao ar no dia programado.
Se você quiser ver todas as postagens programadas, vá para a página Editar postagens e nas opções dadas antes da lista de postagens clique em Programado.

domingo, 23 de novembro de 2008

Link "Faça deste blog sua página principal"


Você pode já ter visto em alguns sites como o Yahoo um link convidando o leitor a fazer do site em questão sua página inicial ou seja, a página que carregará automaticamente quando você abrir a janela de seu navegador.  Este código é especialmente útil para blogs com novas postagens diárias, pois assim o leitor, ao abrir uma janela do IE pode ver a nova postagem diretamente.

Aqui está uma demonstração deste link: Clique aqui para fazer deste blog a sua página inicial

Para conseguir este tipo de link você tem apenas que copiar o código dado abaixo e modificar as partes mostradas em verde - a primeira para o endereço de seu blog e a segunda para o texto do link. Se você quiser que em vez de texto apareça uma imagem no com o convite, substitua o texto Clique aqui para fazer deste blog a sua página inicial pelo código da imagem assim: <img src"endereço_da_imagem"/> substituindo o url da imagem este código onde você quiser em seu blog. Bom trabalho!

Código a seguir:

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://mestreblogger.blogspot.com');">Clique aqui para fazer deste blog a sua página inicial</a>

Nota - Lembre-se de que este código funciona apenas no Explorer 5.0 ou mais recente. Em outros navegadores o código não terá efeito algum.

sábado, 22 de novembro de 2008

Como centralizar o cabeçalho

A postagem de hoje será bem curtinha. Vou mostrar como centralizar o texto do cabeçalho de acordo com o pedido de um leitor. Para fazer isto há um jeito muito simples que se consegue editando o HMTL do template. Então, faça o seguinte:

1. Após entrar em sua conta no Blogger entre na página Layout -- Editar HTML.
2. Busque este trecho de código: #header h1 { . (Use a busca de página com as teclas CTRL + F)
3. Logo abaixo deste código cole isto: text-align: center; .
4. O resultado ficará assim:
#header h1 {
text-align: center;
5. Salve as alterações e visualize o blog a seguir. Você verá o título de seu blog centralizado no cabeçalho, direitinho.

Abraços e bom final de semana! ;)

quinta-feira, 20 de novembro de 2008

Caixa de pesquisa de seu blog

O formulário de busca sobre o qual falaremos aqui é o mesmo que aparece na barra do Blogger no topo do blog. No entanto você pode querer ocultar a barra do Blogger ou simplesmente deixar esta busca mais visível adicionando-a num novo elemento de página na barra lateral. O procedimento para isto é bem simples.
1. Entre no painel de sua conta do blogger em http://www.blogger.com/ ou http://www.draft.blogger.com/ .
2. Entre na página de edição de seu blog Layout.
3. Agora, clique Adicionar um Gadget.
4. Nas opções de gadgets para instalar, escolha HTML/Javascript.
5. Então cole neste elemento de página o seguinte código:
<form action="/search">

<input value="partner-pub-8388769928851076:mvc0johxlvb" name="cx" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input name="q" size="28"/>
<input value="Pesquisar" name="sa" type="submit"/>
</form>

Este é o modo mais simples. O campo de busca aparecerá assim:




Agora vamos adicionar o grande efeito que é muito interessante e pouquíssimos blogs tem. Isto será um texto que aponta o lugar onde o visitante deve digitar a busca. Quando clicado em cima, o texto de amostra desaparece. Explicado em palavras é meio difícil de entender. Veja o exemplo abaixo.




Para conseguir o efeito, utilize este código:

<form action="/search">
<input name="cx" type="hidden" />
<input name="ie" type="hidden" />
<input name="q" onblur="if(this.value==''){this.value='Digite sua busca aqui'}" onfocus="if(this.value=='Digite sua busca aqui')this.value=''; "value="Digite sua busca aqui" size="28"/>
<input name="sa" type="submit" value="Pesquisar" /></form>

O trecho que foi adicionado para conseguir o efeito está marcado com fundo cinza. O trecho que você deve modificar está escrito em verde. Agora modifique todos os trechos Digite sua busca aqui pelo texto que aparecerá na caixa. Por ex.: Sua busca aqui... ou Pesquisar blog. Deixe como quiser. Lembre-se de deixar o mesmo texto nos três lugares, como demonstrado acima.

Agora, uma opção adicional. Caso você queira, você pode modificar o botão Pesquisar por uma imagem qualquer. Sim, é isso mesmo! E é bem simples também. Veja no código abaixo:

<form action="/search">
<input name="cx" type="hidden" />
<input name="ie" type="hidden" />
<input name="q" onblur="if(this.value==''){this.value='Digite sua busca aqui'}" onfocus="if(this.value=='Digite sua busca aqui')this.value=''; "value="Digite sua busca aqui" size="28"/>
<input name="sa" type="submit" value="Pesquisar" /></form>

O trecho acima marcado define o botão de enter. Substitua todo o trecho marcado pelo seguinte:

<input type="image" src="http://ra606a.blu.livefilestore.com/y1puZOyb7_6YKWR3s7ODnkSP0k0H8-vfexl0-9rHkE-5CVvWFDMpIVhHYfdLA4zjVYh2ZQNZR-nmrI/bot_9.gif" />

Modifique todo o trecho em verde para o endereço da imagem que servirá de botão. O código deverá, então, aparecer assim:

<form action="/search">
<input name="cx" type="hidden" />
<input name="ie" type="hidden" />
<input name="q" onblur="if(this.value==''){this.value='Digite sua busca aqui'}" onfocus="if(this.value=='Digite sua busca aqui')this.value=''; "value="Digite sua busca aqui" size="28"/>
<input type="image" src="http://ra606a.blu.livefilestore.com/y1puZOyb7_6YKWR3s7ODnkSP0k0H8-vfexl0-9rHkE-5CVvWFDMpIVhHYfdLA4zjVYh2ZQNZR-nmrI/bot_9.gif" /></form>

E a visualização, será esta:





E aí você tem uma bela caixa de pesquisa. Aproveite! :)

quarta-feira, 19 de novembro de 2008

Política de parcerias

Para ajudar os blogueiros que querem fazer parceria com o Mestre Blogger criamos este formulário de parceria, onde você tem os campos próprios para inscrever seu blog em nossa lista. Para fazer parceria com nosso blog:

Antes de mais nada, adicione nosso banner ou link em seu blog e então nos envie um e-mail avisando ou deixe um comentário nesta postagem com seu pedido. Os três blogs que enviarem mais visitas por mês irão para a lista em destaque Top Parceiros que será atualizada a cada mês.


Nosso banner aparecerá como esta imagem em seu blog. Para adicioná-lo, copie o código abaixo e cole-o em seu blog.




Seja nosso parceiro agora - clique aqui.

terça-feira, 18 de novembro de 2008

Alerta popup com mensagem

Algumas semanas atrás um leitor me perguntou como se faz para inserir alertas pop-up no blog com opções diferentes: OK (continua no blog) ou CANCELAR (é redirecionado para outra página). Veja a figura acima que ilustra como se apresenta o alerta. Agora finalmente estou publicando as instruções para instar o alerta.
1. Acesse o painel do Blogger ou Blogger Draft.
2. Entre na página Layout -- Clique Adicionar um Gadget -- Selecione o gadget HTML/Javascript.
3. Cole dentro do gadget o script a seguir.


<script type="text/javascript">
confirm('Alguns scripts instalados nesta página podem deixar de responder em seu computador. Deseja continuar?');
if (confirm('Alguns scripts instalados nesta página podem deixar de responder em seu computador. Deseja continuar?')) {
window.location = "http://www.google.com.br/";
}
else {
}
</script>


Agora, modifique os trechos mostrados em verde para a mensagem do alerta (os dois trechos devem ter o mesmo texto). Depois modifique o trecho em vermelho, que é o endereço da página de redirecionamento, para um endereço qualquer de outra página. Assim, se o visitante quiser cancelar a entrada no blog com o aviso ele será direcionado para outra página segura.

segunda-feira, 17 de novembro de 2008

Counter Strike Template

Olá, amigos! Finalmente, publicamos o nosso primeiro template: o Counter Strike. O template é um modelo simples de três colunas, com cores escuras e bastante sóbrio. Após ser instalado pode ser customizado à vontade. Ele será aperfeiçoado aos poucos, mas você pode começar agora!

Demonstração .:. Download .:. Termos de Uso

ATENÇÃO: Os créditos devem permanecer intactos para ser possível o uso legal do template.

COMO INSTALAR O MENU SONORO

Após haver instalado o template, você verá que existe um elemento de página HTML/Javascript adicionado na barra lateral da esquerda. Aí é que irá o menu vertical. Para adicioná-lo, abra este gadget vazio e cole nele o seguinte código:

<div id="coolmenu" onmouseover="bindsound('A', soundfile, this)">

<div id="navmenu">
<ul>
<li class="list_first"><a href="url1">Home</a></li>
<li class="list_first"><a href="url2">Contato</a></li>
<li class="list_first"><a href="url3">Deixar Comentário</a></li>
<li class="list_first"><a href="url4">Parceiros</a></li>
<li class="list_first"><a href="url5">Fazer Parceria</a></li>
<li class="list_first"><a href="url6">Scripts</a></li>
<li class="list_first"><a href="url7">Assinar Postagens</a></li>
</ul></div></div>
 
Modifique os trechos em verde pelo endereço da página à frente em laranja. Modifique também os nomes da página conforme quiser.
 
Para adicionar mais uma página do menu insira o trecho
<li class="list_first"><a href="url7">Assinar Postagens</a></li>  dentro das tags <ul> </ul> .
 
Para remover um elemento, remova-o junto com toda seção <li> </li> em volta dele.
 
Para remover o efeito de som no menu remova o trecho 
<div id="coolmenu" onmouseover="bindsound('A', soundfile, this)"> e também a última tag </div>

Alguma dúvida? Fale conosco, não hesite em nos enviar um e-mail ou deixar um comentário nesta postagem.
 
NOTA - Tome nota, todo usuário que instalar nosso template em seu blog ganha um link automaticamente no Mestre Blogger, sem precisar linkar de volta!.Avise-nos se instalar o template com um comentário. Obrigado!

domingo, 16 de novembro de 2008

Faça os links abrirem em uma nova aba

Na postagem Editando Links mostramos como montar um link em texto básico e também como fazer os links abrirem em uma nova janela. Ora, na lista de links da barra lateral não é possível fazer os links abrirem em uma nova janela, ao contrário da lista de Blogs (ou BlogRoll) onde isso acontece automaticamente. Anteontem, porém, achei no blog http://htmhelen.helenfernanda.com/ a dica de como fazer isso mexendo no HTML do blog. Vamos lá? É muito fácil!

1. Vá em Layout -- Editar HTML.

2. Clique em Baixar modelo completo. Assim, caso você faça algo errado no modelo de seu blog não há perigo de perder a forma anterior.

3.Marque Expandir modelos de widgets. Qual é o nome da sua lista de links? Meus links, Blogroll, Recomendo… não importa. A lista de links que estou usando como exemplo se chama Favoritos. Procure pelo nome (use as teclas CTRL + F) da sua lista de links no código do seu blog expandido:

<b:widget id='LinkList1' locked='false' title='Favoritos' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <a expr:href='data:link.target'><data:link.name/></a></li>

3. Identifique a tag <a>, como destacado acima e acrescente target='_blank'.

4. Antes da modificação:
 <a expr:href='data:link.target'><data:link.name/></a>

5. Depois da modificação: <a expr:href='data:link.target' target='_blank'><data:link.name/></a>

6. Salve as alterações do modelo e acesse o seu blog. Pronto, está feito! Diga se não foi fácil, hein?

Baseado na postagem original Faça os Links Abrirem em Uma Nova Aba por Helen Fernanda.

quarta-feira, 5 de novembro de 2008

Teste de digitação

Na internet e especialmente na blogosfera algo que pode ser muito útil para todos efeitos é saber digitar com certa rapidez e, claro, sem cometer muitos erros. Com isso, ganha-se presteza ao fazer comentários, escrever e-mails, etc., e assim mais pode ser feito em seus blogs. Aqui está um teste de digitação que encontrei por acaso outro dia. O teste dá uma frase que você deve copiar sem erros e o mais rápido possível e depois clicar em OK. Depois de o deixar em português estou disponibilizando este teste aqui para que vocês testem sua rapidez no teclado. Faça o teste e diga: qual foi a sua velocidade? A minha rapidez foi de aproximadamente 56 palavras por minuto...

Lembre-se de que, ao acabar de digitar, você NÃO deve apertar a tecla ENTER para dar OK, e sim fazê-lo com o mouse. Também marque antes qual categoria você quer fazer, antes de clicar no botão COMEÇAR.

Qual é a sua velocidade?

terça-feira, 4 de novembro de 2008

Comentários em seu blog

Nesta postagem você verá algumas dicas sobre opções fornecidas pelo Blogger e sem mexer em HTML para modificar seus comentários. Provavelmente você já conhece estas opções, mas caso não conheça, aí estão elas...

Primeiro, acesse a página de CONFIGURAÇÕES do Blogger. Depois vá para a sub-página COMENTÁRIOS. Veja a imagem abaixo.


Nesta imagem você vê algumas das opções possíveis. Para mostar os comentários existem três meios: janela do blogger, pop-up e comentário incorporado abaixo da postagem, que é mais recente.

Veja as opções principais nas imagens abaixo.


Nesta opção você pode escrever um texto que aparecerá para seus leitores quando forem comentar. Veja os principais códigos HTML que você poderá usar aqui.


Para revisar os comentários antes deles serem publicados, marque esta opção. Você saberá sempre que houver um comentário para moderar cada vez que acessar seu painel do blogger. Você também pode escrever seu endereço de e-mail no campo fornecido e moderar os comentários por e-mail (acima).


No campo mostrado nesta imagem você pode adicionar até dez endereços de e-mail diferentes para receberem um aviso cada vez que um novo comentário for publicado. Utilize esta opção caso você não tenha ativado a moderação de comentários. Assim você poderá controlar mais facilmente seus comentários.

Para eliminar um comentário indesejável, siga as instruções nas imagens e legendas abaixo.



Acesse a página EDITAR POSTAGENS nas opções de edição do blog.


Vá até a postagem da qual você quer eliminar o comentário e clique nos comentários.


Clique no ícone de eliminar comentário (uma cesta de lixo) embaixo do comentário que você quer excluir.


Marque a opção REMOVER DEFINITIVAMENTE e clique EXCLUIR COMENTÁRIO. Está feito! O comentário foi excluído sem deixar rastros.

E é isso aí... logo teremos mais umas dicas de comentários publicadas.

Diferenças entre o Draft Blogger e o Blogger

Não muito tempo atrás o google lançou o Draft Blogger (Blogger em Rascunho), uma versão do Blogger só que com diversas opções novas para o blogspot. Abaixo você pode ver algumas destas diferenças.


Compare esta imagem com a de baixo e veja as diferenças da janela CRIAR POSTAGEM nos dois programas.


Também as duas barras de ferramentas para postagem apresentam diferenças. A do Draft Blogger não tem aquela opção para carregar vídeos na postagem, porém tem outras a mais. Veja abaixo a comparação.


Barra de ferramentas do Draft Blogger


Barra de ferramentas do Blogger


Ainda existem outras diferenças. Por exemplo, nas OPÇÕES DE POSTAGEM ou na VISUALIZAÇÃO da postagem, que aparece exatamente como o resultado depois de publicada a postagem, o que não acontece na visualização do Blogger. O Draft Blogger também disponibiliza um gadget que o Blogger ainda não tem: a caixa de busca do Google. Veja como adicioná-la nas figuras abaixo.

Vá na página LAYOUT do Draft Blogger e clique ADICIONAR GADGET nos elementos de página. Selecione a opção CAIXA DE PESQUISA. Depois escolha os detalhes que você quiser e salve as alterações (ver imagens abaixo).


Clique no gadget CAIXA DE PESQUISA


Determine as opções que a caixa deverá ter


Para ter o Draft Blogger como padrão, faça o seguinte:

Acesse http://www.draft.blogger.com/. Caso você não esteja logado, entre com sua conta do blogger (gmail). Marque a opção TORNAR O BLOGGER EM RASCUNHO MEU PAINEL PADRÃO (v. imagem abaixo), e pronto! Agora, quando você entrar no Blogger você será redirecionado para o Draft Blogger. Caso prefira voltar a postar com o modelo antigo desmarque a opção e o padrão voltará a ser o velho Blogger...


Faça do Blogger em Rascunho seu painel padrão!

segunda-feira, 3 de novembro de 2008

Como ocultar os ícones de edição do blog

Recentemente vi numa postagem em um blog de dicas o comentário do autor de que ele não consegue visualizar seu blog como os visitantes normais, estando conectado como administrador do blog, porque os ícones de edição atrapalham o visual do blog, ocupando um espaço maior. (Veja abaixo a visualização diferente)

Ás vezes este probleminha chega a atrapalhar seriamente a visualização de seu blog, e por isso você pode querer removê-lo. Possivelmente você já sabe como fazer isso, mas caso não saiba aí está a dica.

Acesse a página de edição de seu blog LAYOUT. Agora você está na sup-página ELEMENTOS DE PÁGINA. Nesta página você verá o elemento chamado POSTAGENS NO BLOG. Aí você deverá clicar em EDITAR (v. imagem abaixo).

Na janelinha de edição que aparecerá, tire a seleção na opção MOSTRAR EDIÇÃO RÁPIDA e salve as alterações (v. imagem abaixo).

Agora, você pode visualizar seu blog conectado como administrador sem problema!