Arquivo mensais:novembro 2016

SEO e Rich Snippets no WordPress – Dados estruturados do Google

Link: SEO e Rich Snippets no WordPress – Dados estruturados do Google

#SEO e Rich Snippets no #WordPress – Dados estruturados do #Google http://code.jar.io/seo-rich-snippets-no-wordpress/

PopUp Domination – Dica para aumentar lista de e-mails e contatos

Link: PopUp Domination – Dica para aumentar lista de e-mails e contatos

#PopUp Domination – Dica para aumentar lista de e-mails e #contatos no #WordPress http://code.jar.io/popup-domination-aumentar-lista-de-email/

Mude cursor do blog

Mude o cursor do mouse de seu blog. Este é um script muito simples que pode deixar seu blog completo em personalização. 

1. Em sua Dashboard, escolha seu blog no topo e depois clique no link “Customize appearance”. Na página de customização do blog, vá à aba “Theme” e para editar o HTML, clique no botão “Use custom HTML”;

2. Cole o código abaixo ANTES de </body>:

<div align=“center” style=“z-index:9;visibility:visible;”></div><style>HTML,BODY{cursor: url(“http://i47.tinypic.com/2klgrc.jpg”), auto;}</style>

O trecho destacado no código, é a URL do cursor. Entre neste site Hi5 e você encontrará vários tipos de cursores bem legais. Baixe o ícone desejado para seu computador e hospede em um site de Hospedagens de Imagens e cole URL (link direto) no local destacado do código acima. Hospedagens de Imagens: Tinypic. Obs.: Os cursores em gif (animados) podem ou não funcionar em tempo real (a animação ocorre em partes). 

Lorem Ipsum para textos

Quem faz temas tem que saber que para ter aquele blog modelo com aquele seu tema, os textos devem estar em Lorem Ipsum.
Lorem Ipsum é uma linguagem para ser usada em blog testes como um texto, como: meu texto, este é meu texto, meu texto…

Você pode gerar textos grandes, frases ou listas. Para gerar o seu Lorem Ipsum, acesse o site: http://www.lipsum.com/.

HTML: Links internos nos textos

Para quem posta textos muito grandes no tumblr, o essencial é ter links internos para o leitor não se perder no texto.

Você faz no início do texto, o menu dos tópicos, exemplo:

Comidas;

Receitas;

Sobremesas;

Em cada nome do seu tópico, você coloca no html o link, mas sem http ou www, apeas # e o nome que quer dar no link:

<a href=“#comidas”>Comidas;</a>

Pronto, feito seu menu. Agora no meio do seu texto, se trata de Comidas, e para o leitor ir rápidamente a essa parte do texto, coloque na primeira palavra ou no título daquela parte:

<a name=“comidas”>Como fazer comidas deliciosas</a>

Tudo pronto, agora seu leitor não vai mais se perder em seus textos. Você também pode fazer este tipo de link com quantas partes quizer!

Exemplo geral de um texto:

Carros;

Motos;

Barcos;

Carros

Duis at diam tellus. Vivamus eu porttitor mi. Ut eu sem metus, non cursus arcu. Nullam quis lacinia lectus. Mauris rhoncus malesuada neque ut ornare. Morbi blandit feugiat interdum. Etiam mauris massa, ullamcorper eget tincidunt nec, imperdiet eu dolor. Integer sit amet viverra tortor. Nullam vel arcu purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc lacinia velit vel sapien imperdiet tempor. Praesent non neque justo, luctus fringilla lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Motos

Duis at diam tellus. Vivamus eu porttitor mi. Ut eu sem metus, non cursus arcu. Nullam quis lacinia lectus. Mauris rhoncus malesuada neque ut ornare. Morbi blandit feugiat interdum. Etiam mauris massa, ullamcorper eget tincidunt nec, imperdiet eu dolor. Integer sit amet viverra tortor. Nullam vel arcu purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc lacinia velit vel sapien imperdiet tempor. Praesent non neque justo, luctus fringilla lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Barcos

Duis at diam tellus. Vivamus eu porttitor mi. Ut eu sem metus, non cursus arcu. Nullam quis lacinia lectus. Mauris rhoncus malesuada neque ut ornare. Morbi blandit feugiat interdum. Etiam mauris massa, ullamcorper eget tincidunt nec, imperdiet eu dolor. Integer sit amet viverra tortor. Nullam vel arcu purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc lacinia velit vel sapien imperdiet tempor. Praesent non neque justo, luctus fringilla lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Como Mudar e Instalar Temas no WordPress – Alterar Template WordPress

Link: Como Mudar e Instalar Temas no WordPress – Alterar Template WordPress

Como Mudar e Instalar Temas no WordPress http://code.jar.io/como-mudar-instalar-temas-wordpress/ #WordPress #Blog #Templates

Como configurar o WordPress – Configurações importantes do WordPress

Link: Como configurar o WordPress – Configurações importantes do WordPress

Como configurar o WordPress – Veja Configurações importantes e básicas do WordPress http://code.jar.io/como-configurar-o-wordpress/ #WordPress

Tradução WordPress – Como Traduzir o WordPress para Português Brasil

Link: Tradução WordPress – Como Traduzir o WordPress para Português Brasil

Tradução WordPress – Como Traduzir o WordPress para Português Brasil http://code.jar.io/traducao-wordpress-portugues/ #WordPress #Site #Blog

Como instalar o WordPress no servidor Hostgator – WordPress Dicas

Link: Como instalar o WordPress no servidor Hostgator – WordPress Dicas

Como instalar o WordPress no servidor Hostgator – Dicas WP http://code.jar.io/como-instalar-wordpress-no-hostgator/ #WordPress #Hostgator

Como inserir a Like Box da Fanpage Facebook no WordPress

Link: Como inserir a Like Box da Fanpage Facebook no WordPress

Como inserir a Like Box da Fanpage Facebook no WordPress http://code.jar.io/inserir-like-box-fanpage-facebook-wordpress/ #Fanpage #Facebook #WordPress

Nova Dashboard do Tumblr

Esta semana o Tumblr recebeu mudanças em seu painel (dashboard). Muitos se assustaram ao não ver os dados do blog principal na lateral direita.

O que muda é que na página principal da dashboard, não possui mais os dados do primeiro blog da conta, e o que aparece são as pessoas que você segue e os posts que você gostou.

Os seus blogs estão no topo da dashboard. Basta escolher seu blog, clicar nele e o Tumblr irá redirecionar você á dashboard do seu blog. Lá estão todos os dados de seu blog.

Ao invés de botões no topo da dashboard, foram substituídos por ícones, como adicionar blog, caixa de mensagens, ajuda, preferências e sair da conta.

Seta de subir ao topo do Tumblr

Gostaria de colocar uma seta igual a da Dahboard do Tumbr para seu leitor subir a sua página? Então siga o tutorial:

1. Em sua Dashboard, escolha seu blog no topo e depois clique no link “Customize appearance”. Na página de customização do blog, vá à aba “Theme” e para editar o HTML, clique no botão “Use custom HTML”;

2. Para adicionar o estilo ao se botão, cole o código abaixo ANTES de </style>:

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}

3. Agora adicione o código final do botão ANTES de </head>:

<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script src=“http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js”></script><a href=“javascript:;” id=“scrollToTop”><img src=“http://2.bp.blogspot.com/-sS7udenTEqg/TbTdNn_38bI/AAAAAAAAAgA/nXuTmNDpxHY/s288/setaw.png” border=“0”></a>

Como parar de receber e-mails do Tumblr

Uma coisa bem chata do Tumblr é receber toda hora notificações por e-mail. Mas essas chatice pode acabar em instantes seguindo o tutorial:

1. Logado no Tumblr, clique no ícone da engrenagem no topo na página;

2. Role toda a página e verá a opção “Email notifications”;

3. Escolha o blog que deseja parar de receber e-mails, e desmarque todas as caixinhas;

4. Agora, basta salvar as configurações feitas, e pronto!

Breadcrumb no WordPress – Saia na frente em SEO com Rich Snippets

Veja como configurar o Breadcrumb no WordPress para facilitar na navegação do site ou blog e melhorar o SEO com Rich Snippets. Método prático e funcional.
#Breadcrumb no #WordPress – Saia na frente em #SEO com Rich Snippets http://code.jar.io/breadcrumb-no-wordpress-seo/
Link: Breadcrumb no WordPress – Saia na frente em SEO com Rich Snippets

#Breadcrumb no #WordPress – Saia na frente em #SEO com Rich Snippets http://code.jar.io/breadcrumb-no-wordpress-seo/

Colocando contador de visitantes online

Já que o Tumblr não oferece serviço de contadores de visitantes online, vou ensinar a colocar um:

1. Pegando o código Existem diversos sites que fornecem contadores de visitas, mas o melhor é o Who’s Amung.us. Alem do serviço de contador, clicando nele, você tem acesso a linha do tempo de visitantes online, total de palavras e imagens copiadas e de que país os visitantes acessam seu blog.

Entrando no site www.whos.amung.us/, clique no link “Showcase” no menu superior. Na página Showcase, você pode escolher o contador que quiser, clique sobre ele e copie o código.

2. Instalação

Na Dashboard do Tumblr, clique no link “Customize”, vá à aba “Theme” e abaixo clique em “Use custom HTML”. Eu vou colocar o contador na lateral do blog (sidebar), com base no tema Fluid. No HTML, procure por (procure mais rápido com Ctrl+F):

<div id=“sidebar”>
        {block:Description}
        <h2>Sobre Mim</h2>
        <img src=“{PortraitURL-64}” id=“user-portrait” title=“{Title}” alt=“{title}”/>
        <span id=“about-text”>{Description}</span>
        <br class=“clear” />
        {/block:Description}

Abaixo desse trecho, coloque:

<h2>Estatísticas</h2><br>
<center>AQUI O CÓDIGO DO CONTADOR</center><br>

No local onde está escrito “Aqui o código do contador”, cole aquele código do contador que você copiou. Após colar o código, visualize o seu layout e salve.

Mudando o favicon do Tumblr

No Tumblr, quando você carrega sua imagem de perfil, automaticamente ela também é usada como favicon do seu blog. Para aqueles que não sabem: O que é favicon? Favicon é aquela imagenzinha que fica no topo do navegador, ao lado do endereço e da descrição do blog.

Para a imagem funcionar na maioria dos navegadores, você deve hospedá-la em formato .ico. Um ótimo site para hospedar que aceite o formato .ico é o: www.iconj.com/. Se possuir uma imagem em outros formatos e quer converter para .ico, acesse o site: www.converticon.com/.

Instalação:

Na Dashboard, clique em “Customize”, vá à aba “Theme” e logo abaixo, clique em “Use custom HTML”. Procure pela linha (procure mais rápido com Ctrl+F):

<link rel=“shortcut icon” href=“{Favicon}” />

E no lugar de {Favicon}, coloque a URL da imagem que você hospedou. Visualize e salve.

O que é Tumblr?

Tumblr é uma plataforma de blog que permite aos usuários publicarem textos, imagens, vídeo, links, citações e áudio, é um blog de textos curtos, mas não chega a ser um microblog, estando em uma categoria intermediária entre o WordPress e o Blogger. Os usuários são capazes de “seguir” uns aos outros e ver seus posts em seu painel (dashboard). Também possui diversos layouts com possível edição em HTML.

Estrelinhas caindo do mouse

Para quem quer deixar seu blog fofinho, lá vai um código java script de estrelinhas caindo do mouse. Quando você meche o mouse me sua página, as estrelinhas caem.

1. Instalação

Vá na Dashboard do Tumblr e clique no link “Customize” logo ao na parte lateral da dashboard. Na página Customize, vá na aba “Theme” e abaixo clique em “Use custom HTML”.
Procure no código HTML (aperte o botão ctrl+F para procurar mais rápido) a tag </body> e cole o seguinte código antes dela:

<script type=‘text/javascript’>
// <![CDATA[
var colour=“#FFFFFF”;
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility=“hidden”;
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor=“transparent”;
rats.style.visibility=“hidden”;
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top=“2px”;
rlef.style.left=“0px”;
rdow.style.top=“0px”;
rdow.style.left=“2px”;
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+“px”;
star[c].style.top=(stary[c]=y)+“px”;
star[c].style.clip=“rect(0px, 5px, 5px, 0px)”;
star[c].style.visibility=“visible”;
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star©;
if (tinyv[c]) update_tiny©;
}
setTimeout(“sparkle()”, 40);
}
function update_star(i) {
if (–starv[i]==25) star[i].style.clip=“rect(1px, 4px, 4px, 1px)”;
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+“px”;
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+“px”;
}
else {
star[i].style.visibility=“hidden”;
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+“px”;
tiny[i].style.left=(tinyx[i]=starx[i])+“px”;
tiny[i].style.width=“2px”;
tiny[i].style.height=“2px”;
star[i].style.visibility=“hidden”;
tiny[i].style.visibility=“visible”
}
}
function update_tiny(i) {
if (–tinyv[i]==25) {
tiny[i].style.width=“1px”;
tiny[i].style.height=“1px”;
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+“px”;
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+“px”;
}
else {
tiny[i].style.visibility=“hidden”;
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility=“hidden”;
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)==“number”) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)==“number”) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement(“div”);
div.style.position=“absolute”;
div.style.height=height+“px”;
div.style.width=width+“px”;
div.style.overflow=“hidden”;
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

2. Personalizando as estrelinhas

Se instalar o código do jeito que está, as estrelinhas vão estar brancas, mas para mudar a cor delas, vá na terceira linha do código: var colour=“#FFFFFF”; e mude o #FFFFFF que é branco para outras cores, como:

Preto: #000000
Azul: #0000FF
Verde: #00FF00
Vermelho: #FF0000
Amarelo: #FFFF00
Cinza: #CCCCCC

Mais cores em: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Como Hospedar um Site? Veja como Registrar e Hospedar o Domínio e Site

Link: Como Hospedar um Site? Veja como Registrar e Hospedar o Domínio e Site

Como Hospedar um Site? Veja como Registrar e Hospedar o Domínio de um Site http://code.jar.io/como-hospedar-um-site-registrar-dominio/

Aumentando o tempo de visita no Blog – Conteúdo Relacionado NRelated

Link: Aumentando o tempo de visita no Blog – Conteúdo Relacionado NRelated

Aumentando o tempo de visita no Blog – Conteúdo Relacionado nrelate http://code.jar.io/conteudo-relacionado-nrelate/


 
#WordPress #Blog

Como criar uma conta no Twitter – Perfil de Pessoa ou Empresa

Link: Como criar uma conta no Twitter – Perfil de Pessoa ou Empresa

Como criar uma conta no Twitter – Perfil de Pessoa ou Empresa http://code.jar.io/como-criar-uma-conta-no-twitter/  #Twitter #MídiasSociais #SocialMedia

Como Criar uma Página no Facebook. Veja como fazer uma Fanpage

Link: Como Criar uma Página no Facebook. Veja como fazer uma Fanpage

Como Criar uma Página no Facebook. Veja como fazer uma Fanpage. http://code.jar.io/como-criar-uma-pagina-no-facebook/

 #Facebook #MídiasSociais

Subscribe To Comments Reloaded. Notificação de novos comentários no WP

Link: Subscribe To Comments Reloaded. Notificação de novos comentários no WP

Subscribe To Comments Reloaded. Notificação de novos comentários no WP http://code.jar.io/subscribe-to-comments-reloaded/ #WordPress #Blog

O que é e como funciona o Hotmart? Veja como ganhar dinheiro

Link: O que é e como funciona o Hotmart? Veja como ganhar dinheiro

O que é e como funciona o Hotmart? Veja como ganhar dinheiro http://code.jar.io/o-que-e-e-como-funciona-o-hotmart-como-ganhar-dinheiro/

 #Hotmart #GanharDinheiro

Como Fazer Backup do WordPress – Plugin WordPress Backup to Dropbox

Link: Como Fazer Backup do WordPress – Plugin WordPress Backup to Dropbox

Como Fazer Backup do WordPress Automaticamente no Dropbox http://code.jar.io/como-fazer-backup-do-wordpress-plugin-wordpress-backup-to-dropbox/

 #WordPress #Backup