Mostrando postagens com marcador Tutorial. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens

4 de dezembro de 2014

Instalar Android no PC – aprenda a instalar o Android 5.0


Baixe o novo Android no seu computador e rode as novidades da versão Lollipop no PC

A versão mais nova do sistema operacional do Google, o Android Lollipop ainda não foi amplamente distribuído, mas você já pode testar a novidade no seu computador e testar como as novidades rodam no PC.
Não espere mais e comece a disfrutar da experiência Android em sua máquina desktop Windows, Mac ou Linux. Para isso, siga os passos a seguir:
  1. Verifique o sistema operacional nativo do seu computador, daí abra o link Java SE Development Kit e baixe o pacote de compatibilidade, localizando a versão do seu sistema operacional Windows, MAC ou Linux.
  2. Faça download do componente Eclipse ADT Bundle, descompacte o arquivo, abra a pasta “adt-bundle” e execute o “SDK Manager”.
  3. Uma nova janela se abrirá. Escolha a opção “Install Packages...” para instalar todos os arquivos necessários para rodar o novo Android L no seu computador.
  4. Na próxima janela, clique em “Accept Licenses”, depois “Install” e espere o download. Depois, acesse o menu “Tools”, “Manage AVDs”, “Create”.
  5. Escolha o dispositivo virtual que será emulado no seu PC, Nexus 5 pode ser uma boa opção. Busque o campo “Targer” e escolha a opção “Android 5.0”. Selecione um processador (ARM) no menu “CPU/ABI”.
  6. No campo “Skin”, escolha a opção “Skin with dynamics hardware control” e marque a caixa “Use Host GPU” para melhorar a velocidade de emulação do OS.
  7. Clique em “Start” e aguarde o boot.
Pronto! E aí, deu certo? Sua máquina usada está com a cara de um Android novo?

Você também pode baixar o Android Kit kat 4.4 para rodar no seu computador.

Fonte: PSafe Blog

Publicado por Administrador10:43

20 de abril de 2014

Colocar anúncios do Adsense dentro das postagens no Blogger

O Google Adsense é o sistema de monetização de blogs mais usado em todo o mundo, iniciantes ou não. Isso se deve principalmente pela facilidade em que é possível se inscrever no mesmo, e isso faz com que ele seja muito usado por blogueiros novatos. Porém ganhar dinheiro com o sistema não se trata de uma tarefa tão fácil, inclusive muitas pessoas dependendo do tráfego recebido, acabam por esperar por alguns meses para enfim receber seu primeiro salário.

Uma das estratégias que uso e recomendo é inserir anúncios em espaços estratégicos, ou seja, que esteja bem visível ao leitor, e que não prejudique a leitura.

INSERINDO ANÚNCIOS DENTRO DAS POSTAGENS NO BLOGGER


Foto: Divulgação/Como Blogar 

Antes de tudo, é altamente recomendável que você faça um rápido backup do seu template, dessa forma, caso ocorra algum erro, você poderá voltar seu template da mesma maneira em que estava antes do tutorial.

1° passo: Acesse o painel do Google Adsense e gere o código do seu anúncio como você já está acostumado a fazer. O mais recomendável é que o tamanho do anúncio seja 300 x 250, mas você pode colocar o tamanho que desejar.

2° passo: Após gerar o código do anúncio, é necessário que você o converta para que ele funcione em seu blog. Para fazer isso, clique aqui, cole o código gerado no formulário e clique em “Convert”. Automaticamente será gerado um novo código, copie e cole no bloco de notas pois precisaremos dele no 4° passo.

3° passo: Agora acesse o painel do blogger, escolha o blog que você deseja instalar, selecione a opção modelo, clique em “Editar HTML”.

4° passo: Agora usando o Ctrl + F, procure pela tag <data:post.body/>, e insira o seguinte código acima dela:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:2px'>
CÓDIGO DO ANUNCIO CONVERTIDO
</div></b:if>

5° passo: Substitua o texto em vermelho pelo código que você colocou no bloco de notas.

Automaticamente o anúncio ficará do lado direito do artigo, se você quiser colocar do lado esquerdo basta substituir o trecho float:right, por float:left.

Obs.: Os anúncios aparecem apenas nas páginas dos artigos, e não na página inicial.

Espero que vocês tenham gostado, e até o próximo tutorial. 

Publicado por Administrador13:51

30 de março de 2014

Aprenda a programar uma postagem no Blogger

Se você usa o Blogger como plataforma de blog, você pode ter se perguntado se há uma maneira de programar quando suas mensagens são publicados, especialmente quando você quer passar alguns dias offline, para um mais que merecido dia de descanso, ou até mesmo uma temporada de férias. Há uma maneira muito fácil de fazer isso, seguindo os passos descritos abaixo.

Gênero: Tutorial Blogger
____Nível de Dificuldade: Iniciante

1° Passo: Escreva seu post normalmente. Em seguida, execute os seguintes passos antes de clicar em "Publicar".



2° Passo: Clique no link "Configurações de Postagens" acima do botão Publicar. Isto permitiirá que você altere as opções para comentários dos leitores, configurações HTML e gerenciar um agendamento.


3° Passo: Altere a opção "Automático" para "Definir data e hora". 
  • Alterar a data e hora como desejado.



4° passo: Pressione o botão "Publicar". Neste momento, a postagem ficará em uma espécie de fila e não aparecerá até a data e hora programada. Você pode adicionar quantos posts para a fila como desejar.


Pronto! Se te ajudou, deixe um comentário, qualquer dúvida, sinta se livre para perguntar.

Publicado por Administrador20:38

28 de março de 2014

Como fazer um blog se parecer mais com um Website


Você quer ter um site profissional, mas não pode pagar hospedagem caros, modelos premium, etc? Uma solução fácil é simplesmente criar um blog gratuito, e usar um pouco de codificação para fazê-lo funcionar e aparecem semelhante a um website. Com uma mudança pequena de nome de domínio, as pessoas provavelmente nunca saberão que o seu site é realmente um blog!

1° passo: Adquira um nome de domínio. 

Isto significa que ao invés da url do seu blog ser seublog.blogspot.com passa a ser seublog.com. Você tem que pagar por um nome de domínio, mas no Blogger você paga cerca de $10 dolares, em geral cerca de R$ 25 reais, pelo seu nome de domínio, o melhor é que você não tem que pagar mensalmente. Só paga uma vez ao ano.

2° passo: Use um favicon personalizado. 

Você pode fazer favicons personalizados no Adobe Photoshop, ou você pode usar imagens pequenas, quadradas relacionadas com o tema do seu site. Para utilizar o seu favicon personalizado, acesse o layout do seu blog Blogger, e no canto superior esquerdo da tela vai ter uma caixa com o nome "favicon". Clique no botão Editar e, em seguida, "Enviar Imagem" e carregue a imagem de sua escolha.

3° passo: Use páginas. 

Clique na seção 'Páginas' no seu blog selecionado. Você já terá uma página intitulada "Blog", que você pode mudar o nome, se quiser, mas não pode remover. Clique em "Adicionar páginas" e você pode fazer uma página independente, como você teria em um site. Você pode fazer até vinte páginas em um blog no Blogger, por exemplo, 'Fale Conosco', 'Quem Somos', 'Serviços' FAQ ', etc, etc.

4° passo: Use um bom layout, mas que seja consistente para um negócio inteligente. 

Se você é tem um blog de uma organização educacional ou é um profissional de negócios, use um layout consistente, sem gráficos bonitos e cores atraentes. Mas se você escreve mais a ver com diversão, utilize layouts criativos, com muito uso degráficos e cores.

5° passo: Finalmente, o conteúdo de qualidade é fundamental. 

Certifique-se de conteúdo é de boa qualidade e é atualizado regularmente. Certifique se que ele esteja sempre atualizado e claro, correto.

6° passo: Divirta-se! 

Não se esqueça, possuir um blog/site deve ser divertido e lucrativo, não chato e enjoativo.

Publicado por Administrador21:03

21 de julho de 2013

Como remover a mensagem 'Assinar: Postagens (Atom)' do blogger

Pessoal irei ensinar a vocês a como remover a mensagem 'Assinar: Postagens (Atom)' do footer do seu blog. Aprendi isso no site IceBreaker Design.

Gênero: Tutorial Blog
Nível: Intermediário

Veja na imagem abaixo um exemplo da mensagem...


(clique na imagem para amplia-la)

1° passo: Entre no painel do seu blog
2° passo: No menu esquerdo clique em 'Modelo' e depois 'Editar HTML'
3° passo: Marque a caixinha 'Expandir Modelo Widgets' no 'Editar HTML'

4° passo: Aperte a tecla 'F3' do seu teclado e procure por '<b:include name='feedLinks'/>'
5° passo: Depois de encontrar '<b:include name='feedLinks'/>' apague o mesmo
6° passo: Visualize, se der tudo certo clique em 'Salvar Modelo'


É somente isto, espero que tenham gostado e comentem!

Publicado por Administrador19:16

1 de julho de 2013

Como adicionar o Gadget "Poderá também gostar de" no seu Blog!!

Gênero: Tutorial Blogger
Nível: Intermediário

 Uma ótima e importante ferramenta para seu blog é o LinkWithin, com essa ferramenta seus leitores poderão navegar mais facilmente pelo seu blog, a ferramenta fica no rodapé de todas as postagens contendo nomes e imagens de postagens relacionadas, vale a pena experimentar, confira o tutorial!



1° passo: Acesse o site clicando nesse link!


2° passo: Preencha o formulário na pagina inicial com as informações necessárias.


Obs. Onde está escrito Plataforma NÃO ESCOLHA BLOGGER escolha OTHERS, pois se você não fizer assim, o widget não funcionará!
Em largura, escolha quantos box (caixas com artigos) você quer de acordo com a largura do seu blog, o normal é 4, se seu blog tiver o fundo escuro marque a opção!

3° passo: Você será redirecionado para esta pagina:

4° passo: Acesse o painel do blog, clique em ''Modelo'' em seguida clique em ''editar HTML'' aperte Ctrl+F e procure por <data:post.body/> , antes dele cole o código fornecido pelo LinkWithin visualize, se estiver tudo em ordem, clique em salvar!


Inicialmente, o gadget vai aparecer assim:

 E depois de personalizar assim:
  Bem melhor, né? Pra fazer, é só abrir o seu blog em Modelo, clicar em Editar HTML, teclar ctrl+F e procurar por:
]]></b:skin>
 Quando achar, cole o código abaixo acima do encontrado.
/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #FFFFFF; /* Cor de fundo */
padding: 0 10px;
}
.linkwithin_text {
font-size:18px; /* Tamanho do título do gadget */
color:#000000; /* Cor do título do gadget */
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Com isto eliminamos o link */
}
.linkwithin_posts {
width: 700px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 10px !important;
}
.linkwithin_posts a:hover {
background: #ccc !important; /* Cor de fundo ao passar o cursor */
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 {
/* Bordas arredondadas */
-webkit-border-radius: 80px !important;
-moz-border-radius: 80px;
border-radius: 80px;
border:0 !important;

}
.linkwithin_title {
color: #000000 !important; /* Cor dos títulos das postagens */
font: normal 13px "Calibri", cursive !important; /* Fonte dos títulos das postagens */
line-height: 14px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #FF1493 !important; /* Cor dos títulos ao passar o cursor */
font-weight: bold !important;
}
 Se você não quiser as bordas arredondadas, é só excluir a parte em negrito do código.
Modelo Azul 
Print acima de como fica

/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #FFFFFF; /* Cor de fundo */
padding: 0 10px;
}
.linkwithin_text {
font-size:18px; /* Tamanho do título do gadget */
color: #1E90FF; /* Cor do título do gadget */
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Com isto eliminamos o link */
}
.linkwithin_posts {
width: 700px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 10px !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.linkwithin_posts a:hover {
background: #F8F8FF !important; /* Cor de fundo ao passar o cursor */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 {
-webkit-border-radius: 80px !important;
-moz-border-radius: 80px;
border-radius: 80px;
border:0 !important;
box-shadow: inset 0 0 15px #dcdcdc, 0 0 3px #dcdcdc;
}
.linkwithin_title {
color: #1E90FF !important; /* Cor dos títulos das postagens */
font: normal 13px "Calibri", cursive !important; /* Tipo de fonte dos títulos das postagens */
line-height: 14px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #87CEEB !important; /* Cor dos títulos ao passar o cursor */
font-weight: bold !important;
}

 Modelo Rosa 
Print acima de como fica

/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #FFFFFF; /* Cor de fundo */
padding: 0 10px;
}
.linkwithin_text {
font-size:18px; /* Tamanho do título do gadget */
color: #FF69B4; /* Cor do título do gadget */
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Com isto eliminamos o link */
}
.linkwithin_posts {
width: 700px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 10px !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.linkwithin_posts a:hover {
background: #FFE4E1 !important; /* Cor de fundo ao passar o cursor */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 {
-webkit-border-radius: 80px !important;
-moz-border-radius: 80px;
border-radius: 80px;
border:2px dashed #FF69B4 !important;
box-shadow: inset 0 0 15px #dcdcdc, 0 0 3px #dcdcdc;
}
.linkwithin_title {
color: #FF69B4 !important; /* Cor dos títulos das postagens */
font: normal 13px "Calibri", cursive !important; /* Tipo de fonte dos títulos das postagens */
line-height: 14px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #FF69B4 !important; /* Cor dos títulos ao passar o cursor */
font-weight: bold !important;
}


Tenho certeza que esta ferramenta te ajudara a crescer! Sucesso!

Créditos das personalizações: PCookie

Publicado por Administrador20:41

27 de junho de 2013

Menu Vertical fixo no Blog com efeitos

 Essa ferramenta é muito útil para que seus leitores possam acessar suas redes sociais mais facilmente, ela tem um efeito bem legal em Jquery, contendo Home, Feed,Twitter, etc... (Você mesmo pode estar alterando as imagens e os links da ferramenta)

Gênero: Tutorial Blog
Nível: Avançado

Primeiro Passo:Vá no painel do blog, clique em ''Modelo'' em seguida clique em ''editar HTML'' aperte Ctrl+F e procure por ]]>  e logo em seguida cole o seguinte código antes dele:




Segundo Passo: Agora procure por </head> e cole o seguinte código antes dele:



3° passo:Em seguida copie este ultime código e cole antes da tag </body>



4° passo: Agora substitua os campos dentro do ultimo código, visualize se estiver tudo certo, salve!

Publicado por Administrador06:32