21/05/2018

Como dividir gadgets em mais colunas

Dicas d -HTML
Se você quer criar um blog de notícias, e quer dividir sua postagem em várias colunas como aparece em jornais, este código html/javascript vai ser de grande utilidade. Também serve pra fazer menu horizontal com texto ou imagens. O blog Testando Scripts mostra agora como fazer isso, como a imagem acima.

Este código pode ser colocado nos gadgets, através de "html/javascript" e, nas suas postagens, com um simples passo:
- Clique em "nova postagem" e na janela que abrir, alterne de "escrever" para "html".
Agora adicione o código abaixo:
<div style="float:left; width:25%">texto
<a href="url link" ><img border="0" src="url da imagem" /></a>
</div>
<div style="float:left; width:25%">texto
<a href="url link" ><img border="0" src="url da imagem" /></a>
</div>
<div style="float:left; width:25%">texto
<a href="url link" ><img border="0" src="url da imagem" /></a>
</div>
<div style="float:left; width:25%">texto
<a href="url link" ><img border="0" src="url da imagem" /></a>
</div>

Algumas configurações:
- O "Width" é a largura da coluna e se você utilizar 4 colunas iguais, cada uma será 25%. Se usar 3 colunas, cada uma terá 33%. Mas isso não é uma regra, o importante é que a soma deve ser 100%. Exemplo:
20% - 30% - 25% - 25%
33% - 33% - 33%
40% - 50%
- Caso você não utilize imagens na sua postagens, pode apagar o código abaixo:
<a href="url link" ><img border="0" src="url da imagem" /></a>
- Se for utilizar só imagens, deixe o código completo e altere apenas o Width.
Estou fazendo o meu superior do blog com esse mesmo código, divindo em 6 ou 7 colunas com o width em todos. Não vai ficar com efeito hover mas acredito que assim será mais fácil de personalizar. Com efeito hover, é preciso editar o html do blog.
Espero ter ajudado. Se ficou alguma dúvida, deixe um comentário abaixo.

FONTE:http://testandoscripts.blogspot.com.br/2013/02/como-dividir-gadgets-em-mais-colunas.html
leia mais...

SEO INDEXAÇÃO IMEDIATA

00 - 1 00
Você já deve ter se deparado com gente reclamando sobre a demora em conseguir ser indexado pelo Google. Ao que parece, quase todas as pessoas, principalmente as que postam em fóruns, dizem que ter um site indexado pelos robôs de busca em 48 horas é uma façanha que só pode ser conquistada através de algum grande segredo de marketing ou uma avançada técnica de otimização.
Bem, a verdade sobre isso é:
Ser indexado no Google em menos de 2 dias é realmente fácil!
Primeiramente, vamos falar sobre o que NÃO devemos fazer. Após ler essa aula, não gaste seu tempo fazendo as coisas a seguir. Repetindo: não perca seu tempo com o que vamos mostrar agora.
A URL a seguir deve parecer familiar para você: http://www.google.com/addurl.html
Indexação Imediata
Figura 1: Cadastrando um site no Google
Esse é o site do Google para submissão de URLs. Eles afirmam que você pode utilizar este formulário para enviar seu site ao sistema de busca. Porém, seu site não será indexado imediatamente. Primeiramente, ele ficará numa espécie de “freezer”, chamado de Google SandBox e permanecerá lá por volta de 3 mesesaté que seja realmente incluído no resultado das pesquisas.
Eu não sei a seu respeito, mas esperar 3 meses para ter um site incluído nos resultados de buscas é praticamente inviável, ainda mais quando se trata de obter top rankings.
Jamais utilize o Formulário de Submissão de URL do Google!
Você nunca deve usar este formulário de submissão ou qualquer outro pertencente aos principais engines de busca para submeter seu site. As principais engines compreendem Google, Yahoo, MSN, Altavista, etc.
Então, como estar presente na indexação em menos de 48 horas?
Existem muitas maneiras, mas para alguém que acabou de lançar um site e não possui outros mais antigos já indexados pelo Google, sugerimos duas formas para que este seja listado rapidamente nos mecanismos de pesquisa.
Método 1
Antes de começar a aprender como ser indexado rapidamente, você deve saber como os robôs de busca encontram os sites na Internet. É bastante simples.
Os mecanismos de busca encontram os sites da seguinte forma: eles visitam uma página já presente em seus índices e, a partir dessa página, visitam os links presentes nela, chegando assim a outros sites. Nesses outros sites, repete-se o mesmo processo: os robôs de busca procuram por links e visitam os sites apontados e assim por diante. Esse processo é chamado de “crawling”.
No exemplo abaixo, se o Google visitasse essa página, ele iria percorrer todos os links presentes a fim de encontrar outros sites.
exemplo crawling Indexação Imediata
Figura 2: Exemplo de Crawling
Neste caso, alguns links que o Google iria encontrar seriam:
Ok. Vamos pensar um pouco sobre isso… Vamos supor que tenhamos criado um novo site: www.MinhaBolsaDeValores.com. Ele não está indexado por nenhum mecanismo de busca, ou seja, as engines de busca não sabem que este site existe e, conseqüentemente, ninguém consegue chegar até ele, para qualquer que seja a busca.
Então, como fazer para que este site seja encontrado pelo Google e cia? Fácil! Eles precisam achá-lo percorrendo links em outras páginas já indexadas. Não faz sentido?
Tudo bem, agora que já sabemos disso, tudo o que temos que fazer é procurar sites que já estão indexados no Google e fazê-los apontar para o nosso.
Até então, tudo muito bom e perfeito, porém não deve ser tão trivial conseguir que outros sites apontem para nós, caso não tenham algum incentivo para fazer isso.
Sem problemas. Basta usar o método que já iremos ensinar a você para que consiga links de vários websites e em pouco tempo.
Tudo o que você terá que fazer é escrever um artigo baseado no conteúdo presente em seu site. Como nosso suposto site é www.MinhaBolsaDeValores.com, vamos escrever um artigo intitulado “10 passos para se tornar um investidor de sucesso”. No topo ou no final de nosso artigo, colocaremos um link para nosso site: http://www.MinhaBolsaDeValores.com.
Uma vez feito isso, vamos agora visitar os mais populares sites de diretórios de artigos na Internet e submeter nosso artigo a esses diretórios. Sendo nosso artigo adicionado e agora existindo um link para nossa página, os robôs de busca irão visitar estes sites e varrer todos os links neles existentes. Um desses links será exatamente o que aponta para nós e pronto! Estamos indexados pelo mecanismo de busca.
Quanto maior for o número de diretórios aos quais submetermos nosso artigo, mais links apontando para nosso site teremos e maior também será o número de vezes que os robôs de busca visitarão nosso site. Quanto mais links conseguidos, mais facilmente seremos indexados.
Parece simples, não é? Pois é, é realmente simples!
Abaixo, segue uma lista de sites de diretórios de artigos:
Perceba que a lista acima possui somente sites estrangeiros. No Brasil, não existem muitos sites a respeito de submissão de artigos e os que existem possuem Page Rank baixo, falam apenas de um assunto específico ou são versões dos sites americanos para a língua portuguesa. Abaixo, seguem alguns exemplos dos que fazem este tipo de serviço por aqui:
Procure sempre escrever e postar artigos de acordo com o conteúdo de seu site. Não vá escrever um artigo sobre plantas sendo que seu site trata de tecnologia, apenas para conseguir mais um link. Se isso acontecer muitas vezes, pode até ser visto como uma prática negativa de SEO e pode ser penalizada pelos mecanismos de busca.
E isso é o que temos que fazer para estar indexado pelo Google em menos de 48 horas. Agora, vamos ao outro método para ser listado nas engines de pesquisa rapidamente também.
Método 2
Vamos voltar ao nosso site sobre Curso de Java da aula passada. Primeiro:
  • Vá até o Google e digite a principal palavra-chave que você acha relacionada ao seu site. Neste exemplo, será a palavra “curso java”. Feito isso, você verá a lista de resultados do Google;
  • Entre em cada site e preste atenção ao Page Rank de cada um deles;
  • Então, tente encontrar sites que tenham Page Rank 3 ou maior;
  • Uma vez encontrando estes sites, procure pela seção de Fale Conosco deles;
  • A partir daí, mande email ou preencha o formulário de Fale Conosco perguntando se é possível uma troca de links entre ele e você, ou seja, seu site apontaria pra o dele e vice-versa. Se você fizer profissionalmente e corretamente, eles o responderão a respeito da troca de links.
Obviamente, para convencer alguém a colocar um link para seu site você deve oferecer uma boa razão para isso. Pensando nisto, sempre procure sites que estejam mais relacionados com o seu (é mais bem visto pelo Google) e pense em uma maneira de oferecer alguma coisa que contribuísse para os visitantes dele, caso ele apontasse para você.
O tópico “Curso Java” utilizado nestas aulas não é muito bom para exemplificar essa troca de links através de formulários de Fale Conosco, pois a maioria dos sites que retornarão da busca feita com as palavras-chave “curso java” serão prováveis concorrentes nossos, isto é, empresas que também oferecem cursos de Java. Talvez, seja melhor procurar por “Java” e encontrar blogs ou outros tipos de sites relacionados à tecnologia para tentar a troca de links.
Caso você consiga um link proveniente de um site com Page Rank 5, provavelmente estará indexado em menos de 3 dias. Se conseguir um Page Rank 6 apontando para você, estará listado nos resultados de pesquisa em 24h, como na maioria dos casos.
Portanto, chegamos ao fim dessa aula. Agora, conhecemos duas fáceis maneiras de ser indexado pelo Google rapidamente.
http://www.seomaster.com.br/curso-tutorial-seo-gratis/indexacao-imediata
leia mais...

Ping o Seu Blog!!

Como Colocar Multi Tabela na Sidebar do Blogger
Primeiramente: o que é ping? Em blog, ping é um mecanismo pelo qual um weblog avisa um servidor que seu conteúdo foi atualizado. O sinal XMl-RPC é enviado para um ou mais servidores de ping que avisa que tem material novo no site. Agregadores como o Blogblogs e o Technorati, possuem botões para você pingar o seu blog. E para não ir nos sites toda vez que o blog tem post novo, existem serviços que pingam o seu diário virtual para esses agregadores.



Como Usar Este Serviço??
Basta você preencher os formulários com o Nome do Seu Blog,  a URL do seu Blog, e em alguns serviços a URL do Seu FEED.

*Artigos Relacionados:

FEEDBURNER - Criando Conta e Aprendendo a Configurar!!
Enviar FEEDS para o Twitter - Usando FEEDBURNER

Segue a Lista com Alguns Serviços que Pingam seu blog automaticamente em vários lugares!!

Qualquer Dúvida deixe seu comentário e estaremos respondendo o mais rapido possível!!
leia mais...

Editor e publicador para blog - Open Live Writer (Download)

Open Live Writer



Bem-vindo ao Open Live Writer

Open Live Writer é como o Word para o seu blog. Abrir Live Writer é um editor de blog poderoso, leve, que lhe permite criar posts, adicionar fotos e vídeos, em seguida, publicar em seu site. Você também pode compor blogs mensagens off-line e, em seguida, publicar em seu retorno. Abrir Live Writer funciona com muitos prestadores de serviços de blog populares, como WordPress, Blogger,TypePad, o tipo móvel, DasBlog e muitos mais.

Cerca de

Abrir Live Writer é um aplicativo de código aberto que permite aos utilizadores autor, editar e publicar posts. Ele é baseado em uma forquilha do bem - amado, mas não ativamente desenvolvido o Windows Live Writer código. Abrir Live Writer é fornecido sob um licença MIT.

Get Connected

Se você estiver interessado em obter avisos ocasionais de atualizações para Abrir Live Writer e ouvir sobre oportunidades para experimentar novas funcionalidades, você pode se inscrever para a nossa lista de avisos de e-mail Você pode também acompanharOpenLiveWriter no Twitter e como a página para Abrir Live Writer no Facebook .

Envolver-se

Se você estiver interessado em se envolver em qualquer uma das formas abaixo, por favor, inscreva-se na nossa lista de correio.
  • Escrever código
  • Testes constrói precoce
  • A criação ou edição de documentação
  • Definição de recursos / gestão de produtos
  • Marketing e relações públicas
  • Média digital
  • Construção da comunidade
  • Suporte ao usuário
leia mais...

20/05/2018

Blogger Vs Wordpress qual o melhor

Blogger Vs Wordpress qual o melhor

Hoje vamos falar sobre as duas poderosas plataformas blogger e wordpress são as duas mais utilizadas a nível mundial por isso tanto se fala e as pessoas perguntam vou ser blogueiro qual devo escolher pois bem isso é uma tarefa um pouco difícil para iniciantes por isso preparamos esse conteúdo para descrever e ajudar na sua caminhada confira abaixo:
Wordpress Plataforma
Wordpress é um sistema CMS embora isso é uma básica versão tem variedade de temas sendo preciso comprar os temas para melhor resultados.
Linguagem de programação: Isso traz uma dificuldade para inexperientes e uma vez que se algo der errado você vai ter que recorrer  a um programador
Hospedagem: Wordpress por ser gratuito devemos contratar uma empresa para hospedagem o que nos trás um pouco de insatisfação segundo ouvi alguns blogueiros que utilizam wordpress nem sempre podemos contar com nosso Blog no ar por 24 horas uma vez que vai depender da quantidade de banda contratada se der algum problema nem sempre vai ser resolvido na hora o que pode acarretar a perda de trafego.
Segurança: Não é muito seguro uma vez que isso tem mais chances de ser hackeado
Plugins: tem uma quantidade enorme de plugins para otimização SEO entre outros fatores que podem ajudar na alavancagem web.
É fácil de mover sua hospedagem e trocar o nome de domínio sem perder informação vital
Embora seja uma boa plataforma tem seus pros e contras.
Blogger plataforma
Blogger painel de controle: Isso tem uma facilidade incrível para ser manipulado bem como é de fácil edição para qualquer tarefa.
SEO: Embora Blogger ainda falhe um pouco nisso esta sendo cada vez mais aperfeiçoado nisso com  as melhores técnicas por programadores experientes que tem levado blogger a um outro nível
Widgets: Podemos facilmente adicionar e excluir widgets bem como modificar cor do template e até mesmo um iniciante em programação é capaz de manipular o código fonte com qualquer tutorial na web.
Blogger hospedagem Gratuita:
Blogger é do google e tem uma hospedagem gratuito ou seja você pode postar muita coisa e isso também é do google o que muitos não sabem é que também tem um sistema mais protegido com https aos servidores de Blogger vale salientar que dificilmente seu Blog vai ficar fora do ar por falta de banda isso não tem limitação de banda  também é fácil de indexar aos produtos do Google.
Templates: Tem uma variedade de templates desde os gratuitos aos pagos e pode ser trocado a qualquer momento.
Conclusão final:
Sabemos que as duas plataformas são ótimas não desprezando wordpress mas meu conselho  é se for  iniciante prefira o Blogger você vai ir mais longe e vai ser mais fácil para manipular e explorar o que há de melhor compartilhe esse post e fique conosco para o próximo post!

FONTE:mybloggerseo
leia mais...

Como Colocar Multi Tabela na Sidebar do Blogger

Como Colocar Multi Tabela na Sidebar do Blogger
Dê um novo visual e economize espaço na sidebar do blog adicionando widgets em três colunas personalizáveis.
Em nossos blogs é comum utilizarmos a sidebar para colocarmos alguns widgets que julgamos ser importantes e proveitosos para os visitantes. Porém, sabemos que utilizar muitos widgets, deixa o blog “poluído” visualmente, dificulta a navegação e o entendimento de todos que busquem o que realmente interessa. Se você tem convicção de que aqueles widgets são realmente necessários e não quer a sidebar muito “comprida” temos uma solução.
Estilo profissional no blog com multi tabela
Muito utilizado em templates profissionais, o sistema de multi tabela na sidebar, é uma ótima alternativa para colocar mais widgets, porém, sem ocupar espaço em seu blog. Com a aplicação dos códigos, surgirão três espaços para ser inseridas mais opções que podem ser qualquer widget que desejar. Esse sistema além de compactar e dar mais ganho de espaço, é também uma excelente opção de personalização para que o blog possa ter um aspecto mais moderno e profissional.
Falando um pouco sobre o visual, como já dito, seu blog poderá tomar uma forma mais elegante graças às guias que deixarão a sidebar mais completa e também com a possibilidade de configurar com o estilo já presente ou a opção de escolher novas cores que realcem suas páginas.
Recomendamos que antes de qualquer alteração no código faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer Backup do Blog.
Maneira para colocar multi tabela no blog
>> Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".
>> Clique no código do template, pressione "CTRL+F" e pesquise por ]]></b:skin>
>> Logo ACIMA da tag encontrada, cole o seguinte código:
/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#fff;padding: 0 0;margin:0 0;}
.tabs-menu li {font-size:12px;font-family:&#39;Open Sans&#39;;font-weight:400;height:30px;line-height:30px;width:30.5%;list-style:none;text-transform:uppercase;text-align:center;display:inline-block;padding:0;background:#fff;color:#b4babe;border:2px solid #bac0c4;margin-left:2px;border-radius:2px;cursor:pointer;position:relative;transition:all .4s ease-in-out;}
.tabs-menu li:hover {background:#f48067;border:2px solid #e56967;color:#fff;}
.tabs-menu .active-tab {background:#bac0c4;border:2px solid #b4babe;color:#fff;}
.tabs-content {padding:10px 0;}
.tabs-content .widget li {color:#b2bccd;float:none!important;margin:5px 0;padding:10px}
.tabs-content .widget ul {color:#b2bccd;overflow:visible;}
* Em LARANJA, estilo da tabela normal, respectivamente (cor de fundo, cor da fonte, estilo da borda).
* Em AZUL, estilo da tabela ao passar o mouse (cor de fundo, estilo da borda, cor da fonte).
* Em AMARELO, estilo da tabela ativa (cor de fundo, estilo da borda, cor da fonte).
>> Pesquise agora por </head>
>> Logo ACIMA da tag encontrada, cole o seguinte código:
<script type='text/javascript'>
$(function() {
$(&quot;.tabs-1&quot;).mtabs();                              
});
</script>
>> Pesquise agora por </body>
>> Logo ACIMA da tag encontrada, cole o seguinte código:
<script type='text/javascript'>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>
>> Novamente pesquise, agora por <div class='column-right-inner'>
* Caso não encontre, tente por <div id='sidebar-wrapper'>
>> Logo ABAIXO do trecho encontrado, cole o seguinte código:
<div class='tabs tabs-1'>
<b:section class='tably tably-1 section' id='tably-1' showaddelement='yes'>
  </b:section>
<b:section class='tably tably-2 section' id='tably-2' showaddelement='yes'>
  </b:section>
<b:section class='tably tably-3 section' id='tably-3' showaddelement='yes'>
  </b:section>
</div>
<div class='clear'/>
>> Clique em "Visualizar", estando de acordo como deseja clique em "Salvar Modelo".
Adicionando os Widgets
Nesse momento, é necessário acrescentar os widgets que ficarão nas tabelas. Para isso, siga:
>> No menu lateral, vá em "Layout".
>> Agora, no local da sidebar aparecerão três opções de "Adicionar um Gadget", então, adicione os desejados ou caso já tiver os widgets arraste-os até esses três locais que representam cada coluna.
Como Colocar Multi Tabela na Sidebar do Blogger
>> Feito isso, clique em "Salvar Organização".
>> Vá em seu blog e veja como ficou.
Concluímos mais um tutorial que adequa seu blog a uma interessante forma de personalização e que é muito desejada pela maioria dos blogueiros. O sistema de multi tabela poderá ter várias funções importantes a depender de sua criatividade, podendo combinar categoriais e/ou classes de widgets que deixará o visitante mais "a vontade" para a utilização constante dos aplicativos presentes na sidebar.
Deixe seu comentário, pois ele é a motivação para nosso trabalho.

CASO TENHA DUVIDAS VEJA A FONTE: http://www.prodeveloper.com.br/2014/06/como-colocar-multi-tabela-na-sidebar-do.html
leia mais...

POSTAGENS ROTATIVAS

 
Copyright © 2017 DOWNLOADS E DICAS • All Rights Reserved.
Template Design by ORIGINAIS OADM • Powered by Blogger
back to top