natal-solidario_zorate

Enfeite seu blog com luzes de Natal, com esse script que gera um pisca-pisca, que deixará seu blog incrível, e além do mais é legal expressar essa alegria que esse dia traz fazendo com que isto se reflita também em seu blog, veja abaixo como aplicar este script.

 

1- Acesse o Blogger(blogger.com)

2- Vá em Layout/Design-> Editar HTML

3- Utilizando as teclas “CTRL” e “F”, procure por </head>, e antes desta tag adicione o seguinte código:

<script type='text/javascript' src='http://snowysites.com/lights.js'></script>

4- Salve as alterações e visualize.Veja um exemplo neste site.

 

“Venho por meio desta postagem também agradecer, todo o reconhecimento, que vocês leitores tem dado ao nosso trabalho, seja comentando, seja indicando dicas, etc. Quero desejar a todos um ótimo Natal, que todos os seus sonhos possam se realizar neste ano que se aproxima.”(Fernando Ferreira Passe – Criador e administrador do Notícia e blog)

 

Fonte: El Escaparate de Rosa

Leia mais...

O Google abriu agora mais uma oportunidade para os proprietários das comunidades do Orkut, que é a opção de abri-lá para o robô do buscador, o que abre um leque de possibilidades entre elas é a própria divulgação que faz com que os donos possam divulgar para o mundo suas ideias e propostas, tornando assim a comunidade muito maior. A opção de indexação deve ser ativada pelo proprietário da comunidade, basta acessar a mesma, e ir na opção “Editar Perfil”, e em seguida marcar sim em “acessível para a web”.

Leia mais...

Após muitos pedidos por e-mail resolvi criar este tutorial para explicar como fazer este contador que possuo aqui no Blog. Tentei até disponibiliza-ló para todos, mais meu servidor não suportou essa façanha, por isso vou ensinar a instala-ló em seu próprio servidor e assim você poderá usufruir dele melhor. O contador é feito basicamente em “PHP” e utiliza um “banco de dados”, se tiver dúvidas quanto a possibilidade de fazer isso em sua hospedagem peço que entre em contato com o suporte deles e verifique isso. Quero lembrar que os créditos deste script vão para o criador Anuj. Veja abaixo como fazer:

 

1- Faça o download do script para seu computador e extrai ele para uma pasta. O arquivo extraído terá a extensão php.

2- Acesse o painel de controle de sua hospedagem, e crie um novo banco de dados com nome “bloggercounter” sem aspas. Agora vá até a página do PHPMYADMIN e clique no banco de dados criado, e em seguida clique no ícone SQL e insira o seguinte código:

CREATE TABLE `bloggercounter`.`counter` (

`SN` BIGINT NOT NULL AUTO_INCREMENT ,

`name` VARCHAR( 1000 ) NOT NULL ,

`hit` BIGINT NOT NULL DEFAULT '1',

PRIMARY KEY ( `SN` )

) ENGINE = MYISAM

Clique em “Executar”.

3- Abra com o bloco de notas o arquivo counter.php baixado no “passo 1” e edite as seguinte linhas:

$username = "YOUR-USERNAME"; // Enter Your Username and Password Here
$password = 'YOUR-PASSWORD'; // Enter Your Username and Password Here
$database = 'YOUR-COUNTER-DATABASE'; //Enter Your Database Name Here
$table = "YOUR-COUNTER-TABLE"; //Enter Your Counter Table Name Here

Depois de encontrar as linhas, edite o trecho em vermelho com seu login da hospedagem, edite o trecho em laranja com a senha da sua hospedagem, edite o trecho em verde colocando a seguinte informação: bloggercounter vista no passo 2. No trecho em azul insira o seguinte: counter. Salve o arquivo com as alterações.

4- Envie o arquivo para sua hospedagem. E agora insira o link para o arquivo no seguinte trecho:

<script src="http://sua-hospedagem/counter.php" type="text/javascript"></script>

5- Agora é só seguir este tutorial criado aqui no blog, lembrando apenas de substituir o trecho que consta lá por este que você criou no passo 4.

 

Fonte: Webupd8

Leia mais...

vivo-tim-claro-oi-operadoras-celular-brasil

A onda da internet no celular está se espalhando, cada vez mais pessoas estão utilizando aquela funcionalidade que as vezes nem sabia que tinha. Isso ocorreu devido as promoções que as operadoras estão oferecendo, em que é cobrado um único valor para o acesso ilimitado ao serviço. Se você deseja utilizar estes serviços em seu celular, terá que configurar eles antes, a operadora oferece algumas configurações automáticas, mais elas dependem do modelo do seu aparelho, e as vezes este é um modelo que não é reconhecido, como é o caso dos famosos(MP…), por isso será necessário configurar manualmente, veja os dados de configuração de algumas operadoras:

 

1- Oi

Conta de dados”- Está deve ser configurada primeiro:

Nome da conta: Oi WAP GPRS

GPRS APN: wapgprs.oi.com.br

Nome de usuário: oiwap

Senha: oioioi

Autenticação: Normal

 

Configurações WAP/GPRS

Nome da conta: Oi

Página Inicial: http://wap.oi.com.br

Tipo de ligação: WAP

Endereço IP ou Gateway: 200.222.108.241

Conta de Dados: Oi WAP GPRS

Segurança: “desativado” ou “não”

Nome de usuário: oiwap

Senha: oioioi

****Ative****


2- Claro

Conta de dados

Nome da conta: Claro WAP GPRS

GPRS APN: wap.claro.com.br

Nome de usuário: claro

Senha: claro

Autenticação: Normal

 

Configuração WAP/GPRS

Nome da conta: Claro

Página Inicial: http://wap.claro.com.br

Tipo de ligação: WAP

Endereço IP ou Gateway: 200.169.126.011

Conta de dados: Claro WAP GPRS

Segurança: “desativado” ou “não”

Nome de usuário: claro

Senha: claro

****Ative****


3- Tim

Conta de dados

Nome da conta: Tim WAP GPRS

GPRS APN: wap.tim.br

Nome de usuário: tim

Senha: tim

Autenticação: Normal

 

Configurações WAP/GPRS

Nome da conta: Tim

Página Inicial: http://wap.timbrasil.com.br

Tipo de ligação: WAP

Endereço IP ou Gateway: 200.244.116.065

Conta de dados: Tim WAP GPRS

Segurança: “desativado” ou “não”

Nome de Usuário: tim

Senha: tim

****Ative****


4- Vivo, antiga Telemig celular

Conta de dados

Nome da Conta: Vivo WAP GPRS

GPRS APN: wap.vivo.com.br

Nome de usuário: vivo

Senha: vivo

Autenticação: Normal

 

Configuração WAP/GPRS

Nome da conta: Vivo

Página Inicial: http://termwapgsm2.vivo.com.br

Tipo de ligação: HTTP

Usar Proxy: Sim

Proxy porta: 80

Endereço Proxy: 200.142.130.104

Nome de usuário: vivo

Senha: vivo

****Ative****


Agora aproveite e acesse o Notícia e blog também no celular o endereço é: http://wap.noticiaeblog.com/

Leia mais...

earth_client-48_mc O Programa traz uma série de novidades entre elas a integração com o “Street View”, onde agora é possível andar pelas ruas com clareza de detalhes. Também à um recurso muito interessante que são as arvores 3D, que dão mais realidade a imagem vista, para que o usuário tenha uma experiência muito viva e rica em detalhes.

 

Para fazer o download acesse já o site do Google Earth e aproveite para conhecer essas e outras novidades do Software. Abaixo você pode ver o vídeo de apresentação do programa:

 

Vídeo que mostra mais detalhes do Programa.
Leia mais...
slide

Hoje iremos ver um código novo para exibir slides no Blogger, este código além de automatizar algumas partes que antes tínhamos que fazer manualmente, como selecionar as imagens para o slide, ele traz uma grande praticidade que é permitir a escolha do marcador que será utilizado para fazer o slide. Gostaria de ressaltar também que este código foi adaptado pelo Felipe do blog “Forro News”, onde você também pode ver uma demo do código em ação, o tutorial abaixo foi escrito por ele, apenas publiquei aqui no blog.


Passo 1: Faça login no Blogger e acesse, design/editar HTML. O Slider, que é o script que cria o slide, necessita da biblioteca de códigos jquery para funcionar, então procure pela tag <head> e logo após a tag coloque o código abaixo:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
Obs.: Se seu blog já possue o jquery pule para o próximo passo pois não é necessário coloca-lo novamente, pois haverá conflito e o script irá parar de funcionar.

Passo 2: Procure agora pela tag <body> e antes dela adicione o código abaixo:

<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.s3Slider=function(vars){var element=this;var timeOut=(vars.timeOut!=undefined)?vars.timeOut:4000;var current=null;var timeOutFn=null;var faderStat=true;var mOver=false;var items=$("#"+element[0].id+"Content ."+element[0].id+"Image");var itemsSpan=$("#"+element[0].id+"Content ."+element[0].id+"Image span");items.each(function(i){$(items[i]).mouseover(function(){mOver=true;});$(items[i]).mouseout(function(){mOver=false;fadeElement(true);});});var fadeElement=function(isMouseOut){var thisTimeOut=(isMouseOut)?(timeOut/2):timeOut;thisTimeOut=(faderStat)?10:thisTimeOut;if(items.length>0){timeOutFn=setTimeout(makeSlider,thisTimeOut);}else{console.log("Poof..");}}
var makeSlider=function(){current=(current!=null)?current:items[(items.length-1)];var currNo=jQuery.inArray(current,items)+1
currNo=(currNo==items.length)?0:(currNo-1);var newMargin=$(element).width()*currNo;if(faderStat==true){if(!mOver){$(items[currNo]).fadeIn((timeOut/6),function(){if($(itemsSpan[currNo]).css('bottom')==0){$(itemsSpan[currNo]).slideUp((timeOut/6),function(){faderStat=false;current=items[currNo];if(!mOver){fadeElement(false);}});}else{$(itemsSpan[currNo]).slideDown((timeOut/6),function(){faderStat=false;current=items[currNo];if(!mOver){fadeElement(false);}});}});}}else{if(!mOver){if($(itemsSpan[currNo]).css('bottom')==0){$(itemsSpan[currNo]).slideDown((timeOut/6),function(){$(items[currNo]).fadeOut((timeOut/6),function(){faderStat=true;current=items[(currNo+1)];if(!mOver){fadeElement(false);}});});}else{$(itemsSpan[currNo]).slideUp((timeOut/6),function(){$(items[currNo]).fadeOut((timeOut/6),function(){faderStat=true;current=items[(currNo+1)];if(!mOver){fadeElement(false);}});});}}}}
makeSlider();};})(jQuery);
//]]>
</script>
Logo após o código acima adicione a configuração: <script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 4000
});
});
//]]>
</script>
Entendendo a configuração do script:
#slider
= Identificação do Slider;
timeOut = Tempo de duração para transição de imagens (1000 equivale a 1 segundo);
para aumentar ou diminuir a duração de exibição das imagens, basta modificar o número 4000 para o tempo desejado.
Passo 3: Agora vamos aplicar o estilo do SlideShow. Então procure pela tag ]]></b:skin> e antes dela adicione o código abaixo:
#slider {
position:relative;
overflow:hidden;
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#sliderContent {
width:100%;
position:absolute;
top:0;
margin:0;
}
.sliderImage {
float:left;
position:relative;
display:none;
}
.sliderImage span {
width:100%;
padding:5px;
bottom:0;
left:0;
position:absolute;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
display:none;
}
.sliderImage strong {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.clear {
margin:0;
padding:0;
clear:both;
}

Agora salve o modelo e verifique se não apareceram erros no blog. Estando tudo certo, vamos ao próximo passo.

Passo 4: Agora vamos adicionar o widget do SlideShow.
Clique em Adicionar um Gadget > HTML/JavaScript.
Obs.: Não é obrigatório colocar o título.
No conteúdo coloque o script abaixo:

<script language="JavaScript">
MostrarImg = true;
LarguraImg = 270;
AlturaImg = 200;

MostrarData = true;
EstiloData = "normal";
FonteData = 9;
CorData = "#cccccc";

MostrarResumo = true;
ResumoPost = 50;
FonteResumo = 11;
CorResumo = "#ffffff";

FonteTitulo = 12;
CorTitulo = "#ffffff";

CorBorda = "#0046AB";
CorFundo = "#000000";

NumeroPosts = 5;
Marcador = "Notícias";
home_page = "http://seublog.blogspot.com";

SemImg = new Array();
SemImg[0] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/sem_imagem.gif";
SemImg[1] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/sem_imagem.gif";
SemImg[2] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/sem_imagem.gif";
SemImg[3] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/sem_imagem.gif";
SemImg[4] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/sem_imagem.gif";
</script>

<script type="text/javascript">
function removeHtmlTag(strx,chop){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);}}
s=s.join("");s=s.substring(0,chop-1);return s;}
function showrecentposts(json){document.write('<div id="slider" style="width:'+LarguraImg+'px;height:'+AlturaImg+'px;"><ul id="sliderContent">');j=(MostrarImg)?Math.floor((SemImg.length+1)*Math.random()):0;img=new Array();for(var i=0;i<NumeroPosts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;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;}}
for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}
if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";postdate=entry.published.$t;if(j>SemImg.length-1)j=0;img[i]=SemImg[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["01","02","03","04","05","06","07","08","09","10","11","12"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}
var daystr=(MostrarData)?'<font style="font-size:'+FonteData+'px;font-weight:'+EstiloData+'; color:'+CorData+';"> ('+day+'/'+m+'/'+y+')</font>':"";var trtd='<li class="sliderImage"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+LarguraImg+'" height="'+AlturaImg+'" /></a><span style="background:'+CorFundo+';border-top:3px solid '+CorBorda+';font-size:'+FonteResumo+'px;color:'+CorResumo+';"><strong style="font-size:'+FonteTitulo+'px;color:'+CorTitulo+';">'+daystr+' '+posttitle+'</strong><br />'+removeHtmlTag(postcontent,ResumoPost)+'...</span></li>';
if(MostrarResumo==false){trtd='<li class="sliderImage"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+LarguraImg+'" height="'+AlturaImg+'" /></a><span style="background:'+CorFundo+';border-top:3px solid '+CorBorda+';font-size:'+FonteResumo+'px;color:'+CorResumo+';"><strong style="font-size:'+FonteTitulo+'px;color:'+CorTitulo+';">'+daystr+' '+posttitle+'</strong></span></li>';}
document.write(trtd);j++;}
document.write('<div class="clear sliderImage"></div></ul></div>');}
document.write("<script src=\""+home_page+"/feeds/posts/default/-/"+Marcador+"/?max-results="+NumeroPosts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

Entendendo o Código:

MostrarImg = true; - Função exibir ou ocultar as imagens do post (true para Verdadeiro/Exibir, false para Falso/Ocultar);

LarguraImg = 270; - Largura da imagem do post

AlturaImg = 200; - Altura da imagem do post;

MostrarData = true; - Função exibir ou ocultar a data do post (true para Verdadeiro/Exibir, false para Falso/Ocultar);

EstiloData = "normal"; - Estilo da fonte da data do post (normal, bold, italic);

FonteData = 10; - Tamanho da fonte da data do post;

CorData = "#cccccc"; - Cor de fonte da data do post;

MostrarResumo = true; - Função exibir ou ocultar o resumo do post (true para Verdadeiro/Exibir, false para Falso/Ocultar);

ResumoPost = 50; - Número de caracteres a serem exibidos no resumo do post;

FonteResumo = 11; - Tamanho da fonte do resumo do post;

CorResumo = "#ffffff"; - Cor da fonte do resumo da postagem;

FonteTitulo = 12; - Tamanho da fonte do titulo do post;

CorTitulo = "#ffffff"; - Cor da fonte do título do post;

CorBorda = "#0046AB"; - Cor da borda acima das informações;

CorFundo = "#000000"; - Cor do plano de fundo das informações;

NumeroPosts = 5; - Número de Postagens a serem exibidas. Obs.: Se o blog tiver menos postagens que o número colocado em NumeroPosts o template ficará deformado;

Marcador = "Notícias"; - Marcador que quer usar para o Slider;

home_page = "http://seublog.blogspot.com"; - Adicione o endereço do seu Blog sem a barra (/) no final do endereço;

SemImg[0] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/                                   sem_imagem.gif";                                                                             

SemImg[1] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/ sem_imagem.gif";

SemImg[2] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/ sem_imagem.gif";

SemImg[3] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/ sem_imagem.gif";

SemImg[4] = "http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/j6bKjJUbcVY/s1600/ sem_imagem.gif"; - Imagem a ser exibida quando o post não possuir ilustração, para trocar a imagem substitua o endereço “http://1.bp.blogspot.com/_HGZ8JWV_hgA/TOWBk1Tcf_I/AAAAAAAAEYw/ j6bKjJUbcVY/s1600/sem_imagem.gif pela imagem de sua preferencia.
Por fim, salve o widget e veja se está funcionando corretamente.

 

Bugs ou Erros Notifiquem.
Créditos: Felipe Florindo.

Leia mais...

Está é uma dúvida para muitos usuários que estão entrando para o mundo dos dispositivos móveis. Pois cada vez mais eles estão realizando funções que antes só eram possíveis em um PC ou Mac, mais a dúvida é qual adquirir?

images* A resposta vai depender, de qual é o seu nível de usuário, se for domestico opte por qualquer um dos dois, pois todos realizam as funções básicas de um PC, como editar textos, acessar a internet e ouvir músicas, o “smart” tem uma facilidade ele é portátil, não que o “net” não seja, mais em termos de portabilidade o Smartphone sem dúvidas é o melhor pois ele cabe no bolso e ainda realiza chamadas de voz através de uma operadora de celular, o que dispensa o uso de mais um equipamento, o telefone móvel algo que é imprescindível nos dias de hoje.

*Se for um usuário mais exigente que usa funções que exijam mais do processador, comohp_netbook editar imagens básicas, jogar jogos em flash e baixar filmes. Opte pelo Netbook pois ele atenderá melhor as suas expectativas como usuário, pois traz uma gama maior de rentabilidade em processos básicos que um PC teria.

*Outro ponto a destacar é o preço, nisso os dois estão estão empatados em ambos dos usuários, pois todos possuem a mesma faixa de preço, é claro que não devemos esperar um bom rendimento de um aparelho barato pois sabemos que tudo depende do preço e dos componentes empregados no equipamento.

Leia mais...

obrigado

Está pode uma das únicas soluções, se seu blog está perdendo conteúdo, pois as vezes seu conteúdo é relevante, mais é repetitivo, o que causa uma perca de visitas. Ai a única solução seria mudar o conteúdo, mais isto só é indicado se o nome do seu blog não contiver expressões que caracterizem seu conteúdo, pois isto pode trazer uma insatisfação para quem visita buscando um conteúdo que é na verdade outro.

redaccao2Se você já tentou de tudo para recuperar suas visitas e não funcionou, sinto lhe dizer mais umas das soluções poderia ser criar um novo blog com um novo conteúdo, do qual você entenda e possa opinar de forma correta. Só é interessante se seu conteúdo for para o público, se for um blog pessoal entenda que é normal não ter muitas visitas pois os usuários não se interessam muito por coisas do tipo(Fotos do autor, da família) mais sim pelo conteúdo do seu blog. Tente inovar tente criar algo que nunca foi criado, para trazer, chamar a atenção do leitor.

Leia mais...

Attractive Subscription Box and Search Box1

Uma forma muito útil e funcional é inserir uma caixa de assinatura de Feed, que torna fácil para os usuários de seu site/blog manterem atualizados sobre seu conteúdo, além de trazer muito mais visitas para seu blog, pois o usuário não terá que visitar seu blog todo hora para saber se tem conteúdo novo basta acessar pelo Feed que é bem mais prático, veremos abaixo como inserir uma caixa destas em seu blog.

 

1- Faça login no Blogger

2- Vá em Layout/Design-> Editar HTML

3- Utilizando as teclas CTRL e F procure pelo seguinte trecho em seu blog:

</head>

agora adicione o seguinte antes do trecho acima:

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

4) Salve.

5) Agora vá em Layout/Design-> Elementos da página-> Adicionar um Gadget-> HTML/JavaScript, e adicione o seguinte trecho modificando os dados a seguir:

<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Procurar...&quot;;}" onfocus="if (this.value == &quot;Procurar...&quot;) {this.value = &quot;&quot;;}" type="text" value="Procurar..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">E-Mail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8/IE38PfZs7sE/twitter.png" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>

Substitua em FEEDBURNER-ID, pelo seu nome de Feed do FeedBurner, geralmente fica no final da URL veja o exemplo do nosso blog: feeds.feedburner.com/noticiaeblog em negrito é o nosso nome de Feed. Em TWITTER-USERNAME, substitua pelo seu nome de login do Twitter, o que você usa para divulgar, ex: noticiaeblog ou @noticiaeblog. E em FACEBOOK-USERNAME, substitua pelo seu nome de usuário do facebook, se não souber substitua a url completa.

6) Salve e visualize.

 

Fonte: Attractive Subscribe Section + Search Box For Blogger

Leia mais...

topitems2

O Feed Burner é dos leitores de Feed mais utilizado no mundo, ele já era bom, mais agora está melhor contando com mais uma ferramenta inovadora que é as estatísticas em tempo real que fazem o usuário, ter mais formas de saber como está sendo aceito pelo público o seu blog, a utilização do serviço depende apenas de possuir uma conta do Google e um website ou blog. Além da adição deste inovador serviço, ele também modificou sua aparência para torna-lá mais intuitiva para o usuário.

feedoverview

A Novidades podem ser acessadas no seguinte link:

Feed Burner Beta

Se você anda não conhece o serviço, pode ter mais informações nessa postagem que explica como fazer a inscrição:

Melhorando a Aparência do Seu Feed/RSS e Ganhando Milhares de Visitas

Para aprender como adicionar apenas o número de leitores do Feed Burner veja:

Contador de Leitores do FeedBurner em Formato de Texto - PHP

Leia mais...
Logo_Ubuntu

       Com o lançamento da nova versão do Ubuntu sistema operacional baseado em Linux vemos que sistemas como estes podem sim dominar um mundo Windows tendo em vista que cada vez mais estes sistemas estão se tornando fáceis de utilizar e instalar, mesmo porque não é nem necessário instalar para utilizar o sistema basta apenas ter um CD ou DVD, com o S.O., que o Ubuntu já funciona claro que não funcionará como um sistema instalado no HD, mesmo porque não será possível salvar dados, a não com a utilização de Pen Drives .

home-banner-full

        O grande interessante do Ubuntu é que ele se assemelha muito com o Windows, e problema de Hardware são quase impossíveis, ou seja o Linux é compativel com seu computador, mais vale lembrar uma coisa importante se já possui o Windows a adaptação será um pouco complicada, mais nada impossível pois existem sites como o “Viva o Linux”,que ajudam estes usuários que querem iniciar no mundo deste sistema. Gostou da dica baixe já o “Linux Ubuntu” é grátis.

Leia mais...

images

Faça com que suas categorias, transformem-se em meta tags, e com isso posicione melhor seu blog. Tudo que faz seu blog melhorar tem grande importância para seu sucesso na blogosfera mesmo que isso demore um pouco a fazer efeito, mais tarde pode se tornar de grande valia para seu blog, mas só isso não adianta é preciso mais do que tudo vontade de se tornar um grande blogueiro, você verá a seguir como fazer.

 

1- Faça login no Blogger(blogger.com)

2- Vá em Layout/Design->Marque a caixa “Expandir Modelos de Widgets”

3- Utilize as teclas Ctrl e F para procurar o seguinte trecho em seu blog:

<b:includable id='main' var='top'>
  <!-- posts -->

abaixo do trecho acima adicione o seguinte:

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>

4- Salve as alterações.

 

Pronto seu blog já está otimizado para os buscadores(robots), agora é só seguir algumas outras dicas aqui do blog e pronto.

Fonte: Pizcos.net

Leia mais...

msn01O pacote de programas da Microsoft mais esperado foi lançado, com todos os serviços essenciais pra você que utiliza a internet e as redes sociais, para você blogueiro e também para os usuários comuns, o pacote conta com o “MSN 2011”, o mensageiro instantâneo mais famoso, e com o “Windows Live Write 2011”, que é um dos editores de postagem mais utilizados na blogosfera,WindowsLiveWriterBeta2011 além de outros softwares legais mais não tão essenciais como estes, o download já está disponível mais como todos já esperavam ele é compatível apenas com o Windows Seven e com Windows Vista que são as versões mais recentes do sistema operacional da empresa, se você ficou com vontade de experimentar o pacote baixe já.


Baixe o PacoteGrátis

Leia mais...

Se você é um usuário iniciante e está afim de criar seu blog na web, vamos dar algumas informações úteis para ajuda-lo com isto, o primeiro passo é saber qual o conceito de "Blog":
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.
1- Depois de saber o que significa o próximo passo é definir o que você vai publicar nele, os assuntos e os temas dos quais você tem interesse em escrever ou comentar, opte sempre por conteúdos que você conhece, para que você não cometa nenhum erro na escrita de um artigo, é importante salientar que depois de construído o blog os conteúdos não precisaram serem necessariamente os que você escolheu, você pode e deve variar um pouco seja com humor, ou com algo interessante para o leitor.
2- Agora vem a escolha da plataforma de blog, que é a base para a publicação e difusão do seu conteúdo na web, existem vários sistemas para fazer isto muito gratuitos e outros pagos mais todos com o mesmo objetivo vou citar duas plataformas mais utilizadas a primeira é o Blogger( "Fácil criação totalmente gratuito e permite a total personalização tanto do modelo como no endereço do blog), a segunda é o Wordpress.com(" Permite escolher temas já pré definidos, não permite endereço próprio, a não ser que você pague um valor diretamente para eles, possui alguns limites de publicação"), depois de escolher a sua plataforma é só acessar  o link dela, lembrando que quando você entrar nestes sites você verá uma forma interativa de criação de blogs.
3- O terceiro passo é muito importante, pois é ele que vai trazer os leitores para seu blog. Para a divulgação links de suas postagens, utilize sites agregadores para publicar todos os links de suas postagens, exemplo se sites seria o Linkes, o Dihitt, o Uêba.

Depois de criar seu blog, você encontrará aqui no Notícia e blog vários conteúdos que complementam estes aqui abordados, é só pesquisar e se divertir no mundo dos Blogs.
Leia mais...
Twitte novo
Nova Interface do Twitter
O Twitter recentemente informou que iria disponibilizar uma nova interface para o usuário. Está está aparência nova já está sendo liberada aos poucos para alguns usuários, pelo que pude notar a aparência melhora e facilita muito a vida de quem utiliza, uma nova barra de ferramentas superior ajuda o usuário a pesquisar mais rápido, links rápidos para ver as mensagens sobre seu perfil, estão agora em abas dinamizando a interface. Não é necessário mais clicar para ver mais mensagens basta rolar a barra, tudo automático. Se você assim como eu recebeu sua nova interface conte o que achou.
Leia mais...
dominio1

Quando falamos deste assunto sempre geramos dúvidas em blogueiros que estão iniciando no rumos da blogagem. A aquisição de um domínio é uma forma de tornar mais simples o acesso ao seu blog, mais se seu blog não tem muitas visitas não há uma necessidade previa de fazer isto. A troca pode ser feita, depois que seu blog começar a receber muitos acessos mais lembre-se que se já tiver um pagerank este será prejudicado já que você terá que recupera-ló novamente, mais não se preocupe você recupera ele rapidamente pois quando temos visitantes fieis e que acessam sempre, a classificação sempre será boa.

Outro ponto que você não deve se esquecer é nesta fase divulgar seu novo endereço, em redes sociais(twitter,Facebook), para que seu blog já comece a entrar na mídia de divulgação rápida, depois disto o que você deve fazer é sempre manter seu blog divulgado ou seja sempre que postar, publique em agregadores, para que seu blog nunca perca visitas.

Leia mais...

No Blogger quando comentamos em uma postagem, e em seguida apagamos, ele apaga o comentário, mais não o registro de quem comentou, ai vemos uma mensagem informando “Esta postagem foi removida pelo autor”, o que é muito irritante, já que não podemos mais ver o comentário pra que registra-ló, para remover este problema siga o tutorial abaixo:

 

1) Faça Login no Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML->Marque a caixa “Expandir Modelos de Widgets”

3) Procure pelo seguinte trecho utilizando as teclas CTRL + F:

<b:loop values='data:post.comments' var='comment'>

Após o trecho acima adicione o seguinte:

<b:if cond='data:comment.isDeleted'>
<b:else/>

4) Agora procure um pouco abaixo de:

<b:include data='comment' name='commentDeleteIcon'/>

o seguinte trecho:

</b:loop>

E antes dele adicione o seguinte:

</b:if>

5) Salve as alterações e pronto.

 

Referência: Blogger tip and trick

Leia mais...

EstrelaSukoiLeme

Está é uma forma simples de fazer com que seu leitor interaja com seu blog, pois assim ele pode dar sua opinião espontânea sem que tenha que colocar seu nome, e dizer que foi ele que avaliou, este serviço é oferecido pela “Js-kit” que agora se chama “Echo”, veja no tutorial seguinte como adicionar no Blogger:

 

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML-> Marque a caixa “Expandir modelos de Widgets”

3) Agora procure pelo seguinte trecho no seu template, como sempre utilizando as teclas CTRL e F:

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

E abaixo do código anterior adicione o seguinte:

<b:if cond='data:blog.pageType == "item"'>
<div class='js-kit-rating' expr:permalink='data:post.url' expr:title='data:post.title'/>
<script src='http://js-kit.com/ratings.js'/>
</b:if>

4) Salve as alterações e visualize.

Correção: Postagem corrigida(16/10/2011), e tradução em andamento...

Referência: Adesivos la bella

Leia mais...

A equipe do  Blogger vem lançando muitos novidades desde seu aniversário, agora lançou mais duas muito interessantes. O widget “Postagens Populares” e o “Estatísticas”, nada melhor do que serviços nativos sem depender de sites externos, estas novas funções estão disponíveis no painel veja como adiciona-las.

 

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Adicionar um Gadget-> E selecione o widget desejado:

tutorial-1

3) Salve e visualize.

 

As informações podem parecer básicas mais são bem precisas do que as informadas por outros serviços. Que venha os próximos Widgets!

Leia mais...

imageA Navbar é a barra de serviços padrão do Blogger(que apesar de padrão é opcional), ela oferece alguns recursos básicos e que podem ser muito úteis, ela é exibida no topo da página, mas hoje veremos como coloca-lá no final. Com o uso de CSS[Folha de Estilo], veja como fazer abaixo:

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML

3) Procure pelo seguinte:

]]></b:skin>

E antes do código acima insira o próximo:

#navbar-iframe {
position: fixed;
z-index:999;
right: 0px;
bottom: 0px;
left: 0px;
}

4) Salve as alterações e visualize.

 

Referência: El Escaparate de Rosa

Leia mais...

twitter

O Twitter lançou recentemente mais uma ferramenta, que já existia mais não era feita pela empresa, a aparência é quase igual aos demais, o único ruim é que não oferece os mesmo recursos dos outros serviços, mais a contagem de retweet, não ficou de fora. Vamos ver abaixo como inserir este botão nos Blogs da plataforma Blogger.

Editando o HTML

1- Acesse o site oficial da ferramenta, escolha o botão desejado e copie o código gerado.

2- Vá ao painel do Blogger(blogger.com)

3- Acesse Layout/Design-> Editar HTML-> Marque a caixa Expandir Modelos de Widgets

4- Procure pelo seguinte código:

<data:post.body/>

5- Antes dele insira o seguinte código alterando os dados necessários:

<div style="float:right;padding:4px;">

<!-- Abaixo desta linha insira o código gerado no passo 1 –->

</div>

ou

Código pronto com botão padrão:

<div style="float:right;padding:4px;">

<!-- Abaixo desta linha insira o código gerado no passo 1 –->

<a href="http://twitter.com/share" class="twitter-share-button"expr:data-url="data:post.url" expr:data-text="data:post.title"data-count="vertical" data-via="SEU-USUÁRIO-DO-TWITTER">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

OBS: Insirá no lugar em vermelho seu nome de usuário do Twitter.

6- Salve as alterações e visualize.

 

Imagem por: Advance Host

Leia mais...

 

no_spam

Este é mais um excelente recurso que foi lançado pelo Blogger, ele protegerá o seu blog contra comentários de spam, a ferramenta filtra os comentários considerados como spam e, além disso, ainda permite que você leia estes comentários se necessário.

A Ferramenta esta sendo inserida aos poucos então é possível que seu blog ainda não possua. Para ver se você já tem a ferramenta vá ao painel do Blogger e procure pela Guia “Comentários”, se a possui é só começar a usar. O sistema Filtrará os comentários considerados spam e colocara em uma caixa chamada “Spam”, onde você poderá escolher qual você quer ou não.

 

Imagem por: Bryanreesman

Leia mais...

Imagens são um tipo diferente de indexação pelo robots, pois elas não contém textos ou qualquer informações em “HTML”, para amenizar está situação os robôs de busca utilizam de diversas formas para encontrar o conteúdo daquela imagem e assim defini-lá em algumas palavras chaves, veja quais são estes pontos abordados pela busca.

Nome da imagem

A primeira parte e a mais importante é a URL, por isso de um nome a sua imagem, essencialmente um que tenha sentido ou que descreve ela, veja o exemplo abaixo:

praia,praia linda,coqueiro
(URL desta imagem é http://noticiaeblog.mynetcko.com/praia-linda.jpg)
Veja que é importante separar os nomes por hífen, analisando o nome observe que na URL colocamos “praia-linda”, definimos a imagem, e em seguida damos um adjetivo.

Atributos HTML

Esta é uma parte também muito importante, pois está, estará em uma linguagem que os computadores podem analisar, inserimos dados como nome e palavras chave, veja o trecho de HTML para embutir imagens:

<img src='http://noticiaeblog.mynetcko.com/praia-linda.jpg' alt='praia,praia linda,coqueiro' title='Praia Muito Linda'/>

Observe o atributo alt, inserimos palavras chaves separadas por vírgula, sendo estas palavras que tem sentido com a imagem, também pode ser colocado apenas uma expressão. Já o atributo title colocamos um nome sugestivo para também definir a imagem, sendo este exibido na página ao repousar o mouse sobre a imagem.

É importante sempre se lembrar destes pequenos detalhes para ter sempre uma boa indexação, não só no Google, mais em todos os buscadores.

 

Imagem por: Imotion

Leia mais...

web-tech

Instruções | Demo | Download

Excelente template com visual muito bonito, convertido de HTML para o XML do Blogger, possui muitos recursos personalizados, fora os que você pode personalizar, veja algumas características do template:

  • Data Personalizada
  • Sidebar a direita
  • Três colunas no footer
  • Menu Horizontal
  • Caixa de Newsletter
  • Ícones do Twitter,RSS

Aproveite e ainda personalize mais com recursos especiais que você pode encontrar no nosso blog.

 

Designer do Template: Templatemo.com

Convertido para o Blogger: Notícia e blog

Leia mais...

O designer do modelo é a mais nova forma de criar e personalizar um template no Blogger, desde de que foi lançado tem chamado a atenção na blogosfera pelas suas inúmeras funcionalidades, agora tem mais um novo recurso que permite que o usuário adicione seu próprio fundo(background) ao template. Acesse o painel do “Blogger in draft”, vá em “Design” e em seguida clique em “Designer do modelo”, depois em “Plano de fundo”:

tutorial-1

Clique no local indicado pela seta, e selecione “Fazer upload da”:

tutorial-2

Em seguida selecione a imagem desejada, lembrando que ela não deve ultrapassar as seguintes definições:

Formato: PNG,JPG,GIF.

Altura x Largura: 1800 x 1600 pixels ou maiores.

Tamanho: 300kb máximo. ( é indicado imagens menores, para não pesar a página).

tutorial-3

Clique em “Concluído”. E pronto seu fundo já estará inserido depois a outros configurações nas quais encontram-se na mesma opção. Se quiser fundos para inserir veja está postagem: Vários fundos para Blogger - Veja como colocar no seu.

 

Referência: Blogger in draft

Leia mais...

pro-teal-blogger

Download | Demo

Este é um template convertido para Blogger, que possui todos os erros básicos corrigidos, veja algumas características deste lindo modelo.

  • Adaptado as páginas fixas
  • Corrigido o Erro 1 comentárioS e 0 comentárioS
  • Ajustado totalmente pelo painel de controle sem necessidade de alteração do HTML
  • Comentários com Fotos
  • Jump Breaks  (leia mais…)

Para baixar este template clique em “Download” e para visualizar clique em “Demo”, você ainda encontra recursos adicionais aqui no blog nos quais você mesmo pode adicionar.

 

Designer do Template: Templatemo.com

Convertido para o Blogger: Notícia e blog

Leia mais...

google-goo-gl-url-shortening-service

O Goo.gl é um encurtador para serviço do Google ele só é usado para encurtar links de alguns serviços oferecidos pela empresa,  mas há também algumas maneiras de encurtar links de nossos blogs. Encontrei em um blog muito conhecido uma forma simples de fazer isto adaptei ela para que funcionasse de uma maneira legal, para inserir nas postagens este link encurtado, o serviço oferecido é um pouco congestionado, então é possível que demore a aparecer o link encurtado em suas postagens, veja que no final desta postagem tem um demo que você pode ver em funcionamento.

Alterando o HTML

1) Acesse sua conta do Blogger(blogger.com)

2) Vá em Layout/Design->Editar HTML-> Marque a caixa “Expandir Modelos de Widgets”

3) Procure pelo seguinte trecho utilizando as teclas CTRL e F:

</head>

Antes do trecho acima adicione o seguinte:

<script type='text/javascript'>
//<![CDATA[
window.googl_callback=function(response) {
  if(response.error_message) {
    document.getElementById("urlCORTA").innerHTML = ""; // es un error asi que no mostramos nada
  } else {
    respuesta = response.short_url;
    salida = "<input type='text' value='" + respuesta + "' name='urlCORTA'/>";
   document.getElementById("urlCORTA").innerHTML = salida;
  }
}
//]]>
</script>

4) Procure pelo seguinte código:

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

e abaixo adicione o seguinte:

<div id='urlcurta'>
<b>Link direto:</b> <form id='urlCORTA'/>
  <script expr:src='&quot;http://ggl-shortener.appspot.com/?url=&quot; + data:post.url + &quot;&amp;jsonp=googl_callback&quot;' type='text/javascript'/>
</div>

5) Salve as alterações e visualize.

Postagens Relacionadas

Imagem por: geeky-gadgets.com

Referência: Vagabundia

Leia mais...

10email_temp

E-mail é uma forma simples de comunicação na web, mais nem todo mundo uso ele pra se comunicar, usa-se para enviar vírus e spans para caixas de entradas de diversas pessoas.

Um meio simples de se evitar estes maus do e-mail é utilizar um endereço temporário, use ele para cadastrar-se em serviços de que não tem confiança, não conhece ou tem origem duvidosa. Mas lembre de nunca usar estes e-mails para serviços sérios como Orkut, Facebook entre outros, pois se precisar deste e-mail para recuperar sua senha não será possível, pois o e-mail temporário expira em um determinado tempo após o  uso. Veremos abaixo alguns do melhores serviços de e-mail rápido ou temporário, mas vale lembrar que nenhum destes serviços exige cadastro, por isso pode ser usado várias vezes.

E-mail temporário Netcko

Este site oferece um serviço muito interessante, em que cada endereço tem duração de 30min, e ainda pode ser renovado, acesse o serviço neste endereço.

Serviço "E-mail Temporário"

Este oferece 15 minutos de duração e permite renovação, tem proteção contra spam e vírus. Acesse aqui.

Serviço “10 Minute Mail”

Oferece um e-mail que tem duração de 10 minutos, permite também renova-ló. Acesse aqui.

 

Imagem por: Soft Download

Leia mais...

megaphonevozMe

O Vozme é um serviço que permite transformar seu texto em áudio com um clique e grátis, ele é simples de se instalar você adiciona no HTML do seu blog, e ele busca automaticamente o texto para realizar a conversão tudo isso com um Link apenas, veremos abaixo como adicionar o serviço ao seu blog. Mas vale lembrar que a tradução de texto para áudio não é boa pois é uma máquina que a realiza.

Instalando...

1º) Acessar o painel do Blogger(blogger.com)

2º) Vá em Layout/Design->Editar HTML->Marque Expandir Modelos de Widgets

3º) Procure pelo seguinte trecho:

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

4º) Abaixo deste código adicione o seguinte:

<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((&#8226;)) Ouça este post</a>

OBS.: Mude o trecho em vermelho por fm, para que a voz seja feminina. Em verde é o texto a ser exibido no link altere pelo texto desejado.

Veja como fica na imagem:

2_pt

Para outro modelo com imagem use o seguinte código:

<div id='voice'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a>
<a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);' style='font-size:10px;'>Ouça<br/>este post</a>
</div>

OBS.: Mude também os itens em vermelho para alterar o tipo de voz. Para alterar a imagem do auto falante mude o trecho em laranja pela URL da imagem desejada.

Veja como fica na imagem:

1_pt

 

5º) Após escolher modelo desejado salve as alterações. Veja um demo clicando no link abaixo desta postagem.

Leia mais...

facebook

O Facebook é a maior rede social, depois do Orkut aqui no Brasil, que tal você usar desta plataforma de rede social para divulgar seu blog, está incrível rede possui muitos widgets e entre eles estes botões, de opinião e compartilhamento, eles são compatíveis com o Blogger graças a algumas modificações feitas pelo Blogger Plugins, veja abaixo um demo do Widget em funcionamento, e abaixo como inseri-ló:


Como inserir

Adicionando o Widget abaixo das postagens:

1) Acesse o painel do Blogger(blogger.com)

2) Vá em “Layout/Design”->“Editar HTML”-> marque a caixa “Expandir Modelos de Widgets”

3) Procure pelo seguinte trecho utilizando as teclas CTRL e F:

<data:post.body/>

4) Abaixo dele adicione o seguinte:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

Este código exibirá o widget apenas nas páginas de postagem, para exibir em todas retire os trechos em vermelho.

5) Salve e visualize

Personalizando o Widget

1º)Se desejar mudar o texto “curtir” para “recomendar” altere o seguinte trecho no código:

Substitua:

action=like

Por:

action=recommend

Veja o o demo:

Mudando a cor do Botão

2º) Para que seu Botão tenha um fundo cinza mude o trecho:

colorscheme=light

Por:

colorscheme=dark

 

Veja outros artigos relacionados a Facebook:

Referência: Facebook Like / Recommend Button For Blogger

Leia mais...

Aumentar visitas

Um blog quando é novo é normal perder visitas pois ainda não tem leitores fixos, leitores que visitam diariamente o blog, por isso devemos utilizar de vários artifícios para manter estes leitores que visitam em nossa página. A muitas coisas que podem causar uma perda de visita uma delas é falta de links de navegação e falta de interatividade, textos extras e caixas que chamam a atenção do leitor.

Lista de Links

Tenha sempre uma lista de links apontando para conteúdos do seu blog, pois isso atrai e muito a atenção do leitor, se você usa a plataforma do Blogger é simples adicionar uma é só ir em “Layout/Design->Editar HTML->Adicionar um Gadget->Lista de links” e se você tem um blog ou site use as tags “<ul>” e “<li>” para criar a sua.

Responda seus comentários

Sempre que puder responda os comentários dos leitores pois isso é importante para eles saberem que você se preocupa em publicar conteúdos de qualidade. No Blogger você pode inserir o recurso “Responder Comentários”.

Tenha um formulário de contato

Um formulário de contato é importante para seu leitor ter um contato direto com você. Não disponibilize seu e-mail pois tem todo mundo sabe enviar um, ai que entra a importância de um formulário. Se não tem crie o seu aqui.

Elabore postagens interativas

Uma postagem interativa é um texto que não possui apenas letras mais também links extras pois isso é extremamente bom para não se tornar um texto cansativo e chato de ler. Vale lembrar também que não deve se escrever textos muito grandes pois isso traz uma pequena perda de visitas.

Conteúdo diferente

Procure variar o conteúdo de suas postagens para que seja um conteúdo variado e não repetitivo, conteúdos como piadas, fofocas, fotos eróticas, sempre trazem visitas, mais não abuse deste conteúdo.

Permita que seu leitor participe

É importante deixar seu leitor participar do seu blog pois isso faz com que ele interesse ainda mais em visita-ló, mais evite serviços como chats, pois eles atrasam o carregamento da página e as vezes produzem sons, opte por um mural de recados que é mais simples e fácil de obter respostas.

Não publique gostos pessoais

Evite colocar conteúdos como músicas, rádios entre outros, pois estes sempre são contraditórios pois os leitores não precisam gostar  do seu estilo musical, cada um tem o seu.

Carregamento da página

Nunca coloque imagens demais em uma postagem pois estes demoram muito para carregar e podem ainda atrasar o carregamento da página toda. Coloque apenas se seu blog for um blog fotográfico, mais mesmo assim é indicado usar serviços como o “Picasa”.

Postagens integradoras

Publique sempre postagens que apontam para um conteúdo de sua página pois assim você não deixa nenhuma página sem visita.

 

Imagem por: Jay Lopez

Leia mais...

Blogger in draft

Uma novidade incrível foi lançado no Blogger ontem que e o recurso de estatísticas, que permite que você acompanhe o trafego, visitas, etc.. Agora você não precisa mais do Analytics(serviço também prestado pelo Google), pois este é bem completo  e traz uma grande contidade de informações referentes ao seu blog.

novidade-blogger Mais não indico a vocês abandonarem o serviço que usava anteriormente, pois este novo foi lançado no painel de teste do do Blogger. Você já pode usar o serviço basta acessar o painel do Blogger in Draft e aproveitar esta novidade incrível, o serviço está disponível em “Estatísticas” no painel de teste.

Incrível o recurso tudo ali junto pronto pra ser usado, o Blogger está mesmo se tornando uma super plataforma de blogs.

Referência: Encontrado no artigo Introducing Blogger Stats, artigo publicado pelo Blogger

Leia mais...

logo (1)Hoje em dia na internet a muitos perigos e um deles é ser infectado por essas pragas chamados vírus que entrem em seu computador com finalidades obscuras como rouba de dados pessoas ou mostrar banners de publicidade que é o caso dos malwares e spywares.

Os links encurtados são muito bons pra quem usa o Twitter ou meios que tenham que conter poucos caracteres, mas o lado ruim disso é que ao clicar você não sabe para qual conteúdo o link aponta se é para um arquivo ou se é para uma página com vírus, por isso é bom saber para onde eles apontam para se prevenir.

Encontrei na web um serviço que faz exatamente isto mostrar para onde os links encurtados apontam, o serviço se chama Know URL, basta digitar a URL do link encurtado e pronto ele te mostra para onde o link vai e ainda você pode verificar se ele está na lista negra do Google.

Para acessar o serviço é só acessar o site knowurl.com, e digitar a URL a ser verificada.

Leia mais...