Melhores Email Form para Blogger

 Após receber um email de um Leitor, que pretendia saber como colocar formulários de contacto, como o do Blogger de Portugal, deu-me a ideia de escrever um Post, com esse mesmo Tema.

É muito importante ter-mos sempre no nosso Blog, uma espécie de formulário de contacto, para os nossos leitores poderem entrar em contacto connosco, para poderem dar ideias, tirar dúvidas ou mesmo para oportunidades de Negócio, quem sabe nomeadamente parcerias ou comprar de Publicidade.

Normalmente é difícil de encontrar, Email FORM (Formulário de Contacto) Sem créditos e fácil de Editar e para muitos Bloggers o mais Importante é ser free (Grátis).

• É grátis,  hoje em dia já pesa muito são raros os Bloggers que investem em seu Blog.
• Não tem Créditos
• 100 % Funcional
• Tem muitos Aplicativos para adicionar tais como Website, Number, File Upload (permite o Leitor fazer upload de um artigo e enviar directamente pelo mesmo) entre muitos mais.
• Você Personalizada a 100% seu Email Form podendo assim acrescentar uma resposta automática para quem enviar um email para si.
• É rápido em menos de 5 minutos tem seu Formulário de Contacto.

Ou seja é difícil de encontrar Email Form assim, fornecendo estas condições especiais que normalmente teriam de se pagar, e já as conseguimos adquirir a preço Zero.

Como ter um Formulário de Contacto igual

1. Visite o Site:  Emailmeform
2. Registe-se
3. Dirija-se a Form Templates, Contact Form e Customize.
4. É só personalizar
5. Salvar, e Inserir o Código Html, na página onde quer seu EmailMeForm.

Leia o artigo completo »

Contadores de Visitas

Hoje vou falar dos contadores de Visitas;

É impossível termos um controlador de visitas que nos diga em momento real, quem esta online, quantas visitas temos ate ao momento, as pageviwies e tudo o resto que um controlador de visitas faz.


Por isso mesmo na minha opinião o melhor controlador de visitas, para ver quem esta online, nesse exacto momento é o whos.amung.us 

Não necessita de Registo é só escolher o local onde quer ver seu controlador e colocar o código javascript.

Para controlar o total das visitas diárias e as pages o melhor é o Histats.

Por que Histats? 100% Grátis / Estatísticas em tempo real / Protegido por senha / SEM LIMITES Detalhes sobre usuarios online, registro de 20.000 visitantes, estatísticas sempre ilimitadas com contador invisivel. Controle de privacidade completo em cada pagina de estatisticas. Os dados são sempre armazenados em cache na ram, nossos contadores carregam em 0.003 segundo

Leia o artigo completo »

Widget simples e eficaz

Widget simples e eficaz!

• Separar posts do Blogue, traços para uma melhor visualização.                                                                                       

                                                                                                                                 
 Entre na pagina Design depois editar HTML e procure por:  .post{ se não encontrar coloque:                                                                                                                                                                                                                              .post{padding-bottom:5px; border-bottom: 2px dashed #990000; margin-bottom:30px}                                                                                                                                                                      caso encontre substitua por este mesmo código na perfeição.                                                           

.post{padding-bottom:5px; border-bottom: 2px dashed #990000; margin-bottom:30px}

                                            Widget Aplicado Ver na imagem como ira ficar

Atenção você pode mudar a cor da Borda;

.post{padding-bottom:5px; border-bottom: 2px dashed #990000; margin-bottom:30px
A vermelho é a cor pode mudar para que cor achar melhor;

Para isso consulte aqui a Tabela de Cores do Blogue:
TABELA DE CORES COMPLETA

Leia o artigo completo »

TwitterFeed um novo Serviço

TwitterFeed um novo serviço a nossa inteira disponibilidade.

O que é o TwitterFeed?

O TwitterFeed é um serviço que lhe permite twittar  automaticamente tudo o que se escreve no blog.

Ou seja Você após se ter inscrito no TwitterFeed, após publicar um post no Blogue ou Wordpress, passado no máx 10 min essa mesma noticia aparece no Twitter e no Facebook.

Mas para isso terá de se registar e criar nova conta.                                                                                                  

 Clique aqui para começar e criar nova conta.

A configuração do Twitterfeed durou cerca de 4 minutos, isto porque ainda não usava o OPEN ID e tive de me informar um pouco e fazer o registo completo.
  Basicamente o  que precisas de fazer é inserires os teus dados do Twitter, facebook e  inserires o URL do teu Feed. O resto é automático.

Eu testei e adorei esta aplicação, assim poupo tempo em ir ao Facebook e ao Twitter, escrever as novidades.

Link: http://twitterfeed.com 

Fotografias oficiais: http://twitterfeed.com 

Leia o artigo completo »

Proteger seus Artigos de Direitos de Autor Plágio

Bom dia caros Leitores,


 Hoje em dia, esta a existir uma rivalidade muito grande a nivel de Websites/Blogues para ver quem consegue ser o melhor.

Como todos sabemos é muito triste quando escrevemos um artigo e ele e totalmente copiado,ou seja Plágio e não se pode fazer nada, mas já pensou em proteger seus artigos desse enorme problema Plágio.

Existem alguns Scripts, mas nem todos resultam, uns protegem o teclado outros o rato.
Mas o Blogger de Portugal tem um Script que faz as duas funções ao mesmo tempo.
A única maneira que o "Ladrão de Noticias", terá para copiar o artigo é reescreve-lo.




Protecção contra os cliques com o botão direito do Rato:





<pre><script language="Javascript"> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("Sem cópias."); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Sem cópias."); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> </pre>




Protecção que não deixa mexer no teclado:


<br /> <pre><script language="Javascript"> function keypresed() { alert("Sem cópias."); } document.onkeydown=keypresed; </script> </pre><br /> Agora, veremos as partes do código que você poderá configurar e alterar para deixar o sistema do jeito que você necessita:<br /> <br /> <pre>alert("Sem cópias."); </pre>



Não se esqueça que pode Modificar o seguinte:

alert("Sem cópias.");          ->    alert("O que Você quiser.");  

Você deve adicionar o código, já pronto, entre as tags <head> e </head>.

Exemplo dos códigos na página:

<br /> <pre><html> <head> <title>Protegendo o seu site contra cópia</title> <script language="Javascript"> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("Sem cópias."); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Sem cópias."); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> <script language="Javascript"> function keypresed() { alert("Sem cópias."); } document.onkeydown=keypresed; </script> </head> <body> </body> </html> </pre></div>




Não se esqueça de tomar em atenção que se o seu blogue tiver os comentários ON ou seja tiver a receber comentários não pode colocar a  "Protecção que não deixa mexer no teclado".


Obrigado Caros Amigos;
Espero ter ajudado


Ricardo Pereira

Leia o artigo completo »

5 Widgets indispensáveis a um Blogue/Site

Widgets Recomendados

Existem milhares de Widgets, espalhados pela Internet, mas nem todos são bons, nem todos são recomendáveis. Nunca se esqueça que um exagero de widgets em seu Blogue/Site, pode criar alguma lentidão, o que não é aconselhável.
Aqui em baixo deixo uma lista dos 5 Widgets mais importantes para ter num blogue, por razoes muito importantes, senão vejamos:

• Tradutor/Translate 

Um dos mais importantes senão o mais importante widget, ajuda a ter tráfego internacional, é sempre muito bom sermos seguidos por outros países . E qual é a única maneira de isso acontecer só com um Tradutor automático, que traduz de Português para milhares de Línguas.
Aqui esta um código de um Tradutor

<div align="center"><!--– Add Portuguese to Chinese (Simplified) BETA –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Chinese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png" title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified) BETA–--><!--– Add Portuguese to French –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to French "><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to French" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png" title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--– Add Portuguese to Japanese BETA –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Japanese BETA"><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Japanese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png" title="Google-Translate-Portuguese to Japanese"><!--– END Portuguese to Japanese BETA –--><!--– Add Portuguese to English –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;" title="Google-Translate-Portuguese to English "><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to English" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png" title="Google-Translate-Portuguese to English"><!--– END Portuguese to English –--><!--– Add Portuguese to Russian BETA –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Russian BETA "><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Russian" src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png" title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA –--><!--– Add Portuguese to Spanish –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Spanish "><img style="border: 0px solid; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Spanish" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png" title="Google-Translate-Portuguese to Spanish"><!--– END Portuguese to Spanish –--><br /> </a><center><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Spanish "></a><a href="http://bloggerdeportugal.blogspot.com/l" target="_blank"></a></center></div>style="text-align: center;"><a href="http://bloggerdeportugal.blogspot.com/" target="_blank">Widget modificado by Ricardo Pereira</a></div></div>

• Share / Botões de compartilhamento 

Este Widget, faz parte dos widgets disponibilizados pelo Blogspot.com
Dirija-se a pagina de "DESIGN"
Mensagens de Blogue, clique em "EDITAR"

 Depois terá de Seleccionar com um Sinal a opção "Mostrar botões de partilhar"

E clicar em Guardar.

Os Widgets de compartilhamento são importantes para popularizar seu conteúdo O marketing em redes sociais é a acção mais procurada para divulgar seu site/blogue hoje em dia.

Caso não goste desses botões de compartilhamento deixo aqui também um código com essa mesma função.
 Aqui esta um código de um exemplo de botões de compartilhamento

<!-- AddThis Button BEGIN --><br /> <div class="addthis_toolbox addthis_default_style "><a class="addthis_button_preferred_1"></a><br /> <a class="addthis_button_preferred_2"></a><br /> <a class="addthis_button_preferred_3"></a><br /> <a class="addthis_button_preferred_4"></a><br /> <a class="addthis_button_compact"></a><br /> <a class="addthis_counter addthis_bubble_style"></a><br /> </div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dd619b54f66f16b"></script><br /> <!-- AddThis Button END -->
                                                                                      Visite já:   http://www.addthis.com   tenha o seu botão personalizado a seu gosto em menos de 1 minuto

• Read More (Ler mais)

Hack Leia mais (Read More) Resumo de Noticia

 

Este Widget é muito bom para quem quiser reduzir espaço nas mensagens. Cria um aspecto mais simples e Bonito ao template do teu site/blogue.Queres já o código?   Clica aqui

 Ver imagem em tamanho Original
 

• Newsletter

Trata-se de um e-mail em HTML composto com as principais notícias e novidades da semana ou dia, depende da sua configuração, e tem como objectivo informar todos os seus leitores que já se registaram, para assim poderem receber as suas noticias por email, ou seja esses leitores acabam sempre por regressar ao seu email, pois podem gostar do artigo e serão redireccionados para seu Site/Blogue

A subscrição de Newsletter é uma acção muito importante, pois o visitante preenche alguns dados pessoais (NOME /EMAIL) para receber informação futura via email.

O FeedBurner oferece isto gratuitamente. 

Instruções:

Dirija-se a FeedBurner
Se ainda não esta registado, registe-se
Não se esqueça de registar seu Site/Blogue


 Ver na imagem como fazer

 Ampliar foto
 Clique aqui

• Widget de Recomendar Leitura

Mostrar histórias relacionadas ao abrigo de cada post!

LinkWithin  é um widget que aparece em cada post, com links para notícias relacionadas a partir do arquivo do blog.
Não deixe que os seus posts mais antigos vão para o lixo. Isto aumenta o numero de visualizações de mensagens.


Na minha opinião penso que não existe melhor widget que este. 
Dirija-se a  LinkWithin
E tenha já seu código, é rápido, simples e eficaz





 Ver imagem em tamanho Original







Muito Obrigado a todos espero que tenham gostado.
Atenciosamente,
Ricardo Pereira

Leia o artigo completo »

Código textarea

Colocar uma caixinha de texto no blog/ para divulgar códigos 

Uma caixinha para você colocar texto ou divulgar código HTML,chama-se de "textarea" é simples e fácil de instalar copie e cole o código a baixo, no seu blog.

<textarea style="COLOR: rgb(0,0,0); BACKGROUND-COLOR: #ffffff"rows="5" cols="40">ESCREVA AQUI O SEU TEXTO</textarea>



ficará assim:



ESCREVA AQUI O SEU TEXTO

Você pode mudara altura e a largura modificando os valores de rows="x" e cols="x", além da cor.





Espero que vos tenha ajudado.
Ricardo Pereira

Leia o artigo completo »

Hack Leia mais (Read More) Resumo de Noticia

Este Widget é muito bom para quem quiser reduzir espaço nas mensagens. 

 

 Este será o Resultado final

1º passo - incluir o script no template:

Entre na aba 'design' → 'editar html'(não precisa clicar em 'expandir modelo de widget') e procure pela tag </head> e cole esse código abaixo ANTES dessa tag:

<br /> <!-- JavaScript Resumo do Post --><br /> <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 450; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script><br /> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) {var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { if(thumbnail_mode == "float") { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } else { imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>'; summ = summary_img; }}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary;} //]]> </script><br /> <!-- JavaScript Resumo do Post - Fim--><br /> 

Como este script mostra uma miniatura da imagem do post junto com o resumo do texto, você pode personalizar a quantidade de caracteres que aparecerão no resumo e o tamanho da miniatura da imagem do post, desta forma:
Em summary_noimg → é aqui que você vai indicar a quantidade de caracteres para os resumos se o texto não contiver imagem.
summary_img → Indique o número de caracteres do resumo para o texto que contiver imagens.

É neste trecho que você vai definir o tamanho que você quer que as imagens do resume tenham:
img_thumb_height → Indique a altura da imagem
img_thumb_width → Indique a largura da imagem


Visualize e Salve!
Agora vamos a 2ª etapa.


Volte á aba 'design' → 'Editar html', clique em 'expandir modelos de widgets' e procure por:

<div class='post-body entry-content'><data:post.body/><br /> <div style='clear: both;'/><!-- clear for photos floats --><br /> </div>

Apague tudo e substitua por:

<br /> <div class='post-body entry-content'><b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span id='showlink'><a expr:href='data:post.url'>Leia Mais ►</a></span><br /> </b:if></b:if><br /> <b:if cond='data:blog.pageType == "item"'><br /> <data:post.body/></b:if><br /> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/><br /> </b:if><br /> <div style='clear: both;'/><!-- clear for photos floats --><br /> </div>

~A palavra "Leia Mais" se refere ao texto do link que aparecerá no post, na sua página inicial, é onde o leitor ao clicar,e direcionado à página do post completo. É neste espaço que você coloca o texto que preferir (Ex.Continue Lendo,Ler Todo Artigo, Leia Mais, Ver Conteudo etc).

Você pode também personalizar o link "leia mais", de diversas maneiras,substituindo o texto por uma imagem, ou acrescentar uma imagem ao texto do link, com uma seta, por exemplo.
veja como logo abaixo:


3º passo - Personalizando o Link 'Leia Mais':

Para substituir o texto por uma imagem, procure por este trecho:


<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►

E substitua o texto 'Leia Mais' por:

<br /> <span id='showlink'><a expr:href='data:post.url'><br /> <img src="URL-DA-SUA-IMAGEM" />

4º passo - aplicar estilos CSS:

Se você quiser, poderá também personalizar estilos para o link 'Leia Mais', para isto, basta incluir o seguinte código logo ACIMA da tag ]]> :

margin-top: -8px; /*a margem negativa para o topo aproxima o link do texto do post */<br /> font-weight: bold;<br /> }<br /> <br /> #showlink a {<br /> color: #ffffff; /* escolha a cor de seu link */<br /> }<br /> <br /> #showlink a:visited {<br /> color: #cccccc; /* escolha a cor de seu link quando visitado */<br /> }<br /> <br /> #showlink a:hover {<br /> color: #000000; /* escolha a cor de seu link quando passa o mouse em cima */<br /> }<br /> <br />


Confira o artigo:Criando estilos para o Hack 'Leia Mais' de postagem resumida e veja como aplicar estilos para os resumos e como personalizar os posts apenas na página inicial.


ATENÇÃO:
Se você possui domínio próprio, infelizmente, arquivos js hospedados no Google Sites NÃO funcionam em blogs com domínio próprio.
Para que o script funcione correctamente, você deverá colar o código na íntegra no seu html.


Espero que vos tenha ajudado.
Ricardo Pereira

Leia o artigo completo »