quinta-feira, 31 de maio de 2012
Barra flutuante de Redes Sociais nos posts (Blogger)
A pedidos de alguns de nossos leitores que possuem blogs no serviço Blogger (Blogspot), neste tutorial vou ensinar a como instalar um gadget flutuante de compartilhamento dentro dos posts.
Fornecerei a opção para três gadgets diferentes. Os gadgets são similar a esses da figura abaixo, cujos movimentam-se juntos ao scroll da página. Eles oferecem os botões dos principais serviços da atualidade: Facebook (Curtir e Compartilhar), Twitter, Google+, LinkedIn e Pinterest.
Veja a imagem abaixo, escolha o que mais lhe agrada e siga as instruções de instalação dele no tutorial.
Gadget Flutuante com Contador no Blogger
1ª Parte - Backup
Primeiramente, efetue login em seu blog e faça um backup completo do seu template no caso de algo sair errado.
Vá em Modelo e depois clique em Fazer backup/Restaurar (na parte superior direita). Após isso, clique no botão Fazer download do modelo completo.
2ª Parte - Adicionando o Código
1. Agora, nesta mesma página, clique em Editar HTML > Prosseguir e marque a opção "Expandir modelos de widgets"
2. Dentro do template, pressione as teclas Ctrl + F do teclado e procure pelo seguinte código: <b:includable id='post' var='post'>. [CLIQUE AQUI para copiar]
3. Exatamente ABAIXO (depois) do código pesquisado acima, cole TODO o código do modelo do gadget de sua preferência.
MODELO SIMPLES
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-80px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title='Compartilhe com seus amigos'>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div></div>
</b:if></b:if>See the Pen yqFnI by matttttttttt (@marcelost) on CodePen
MODELO ADDTHIS
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_linkedin_counter" li:counter="top"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
</b:if></b:if>See the Pen cAfjm by Seu Tutorial (@marcelost) on CodePen
MODELO ST
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-105px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title='Compartilhe com seus amigos'>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='pinit'><script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/><a data-pin-color='red' data-pin-do='buttonBookmark' data-pin-height='28' href='//www.pinterest.com/pin/create/button/'><img src='//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png'/></a></div>
<div class='sbutton' id='gplusone'><div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>
<script type="text/javascript">
window.___gcfg = {lang: 'pt-BR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script></div>
<div class='sbutton' id='fbshare'><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-share-button" data-width="48" data-type="box_count"></div></div>
</div>
</b:if></b:if>See the Pen ngqaL by Seu Tutorial (@marcelost) on CodePen
Nota: O gadget não aparecerá na homepage do seu blog/site, apenas nos posts individuais. Se você quiser que ele apareça em qualquer parte do blog, basta remover as duas primeiras linhas e a última do código acima.
4. Visualize e veja se está tudo ok. Se estiver, salve a alteração e pronto.
3ª Parte - Personalizando
Você pode alterar o lado onde o gadget ficará (esquerdo ou direito), o background, borda e a distância entre o campo de postagem. Para isso, iremos modificar apenas as áreas equivalentes a estas partes no container.
- Escolhendo o lado dos modelos simples e ST
Na quarta linha do código, repare nas partes destacadas em vermelho a seguir:
#pageshare {position:fixed; bottom:15%; margin-left:-80px; float:left;
Coloque 'right' para deixá-lo na direita.
Mantenha 'left' para fixá-lo à esquerda mesmo.
- Escolhendo o lado do modelo AddThis
Altere a parte em vermelho abaixo no código colocando 'right' no lugar de 'left'.
left:50px;top:50px;
- Alterando o fundo (background) e Borda
Na quarta linha do código mesmo, modifique o valor HTML do código destacado abaixo para definir a cor de fundo do gadget.
background-color:#fafafa;
Confira a tabela de cores HTML nesta página.
Nesta mesma linha, altere o nome em destaque da parte abaixo pelo código HTML da cor da borda que deseja.
border: 1px solid black;
Troque apenas o 'black' pelo código da cor.
- Configurando a distância
Você pode colocar o gadget bem próximo ao post (padrão), dentro do post (não recomendável), colado na borda da tela ou em qualquer local que achar melhor.
No modelo simples, altere o valor -80px da parte "margin-left: -80px", em:
#pageshare {position:fixed; bottom:15%; margin-left:-80px;
Quando aumenta o valor, o gadget tende a ficar mais distante do post.
Quando diminui o valor, o gadget ficará cada vez mais próximo do post.
No modelo AddThis, altere o valor 50px da parte "left:50px;top:50px;".
Quando aumenta o valor, o gadget tende a ficar mais próximo do post.
Quando diminui o valor, o gadget ficará cada vez mais distante do post.
No modelo ST, altere o valor -105px da parte "margin-left: -105px".
Dúvidas ou problemas? É só comentar!
terça-feira, 29 de maio de 2012
Gerador premium para o 4shared
Descobri um site que gera links premium para qualquer tipo arquivo do 4shared, isto é, você pode baixar os arquivos sem a necessidade de cadastro/login ou espera de 20 segundos.
É um novo método para burlar o 4shared 2012.
O site chama-se 4server.info. O serviço é ilimitado, grátis e não requer cadastro!
Como Usar
1. Vá até o 4shared, pesquise pelo arquivo que deseja baixar e copie o link de download dele.
2. Acesse o 4server, cole o link no campo obrigatório e clique em Generate Link.
3. O site vai gerar o link premium e o download começará instantaneamente.
OBS: Se a velocidade do download estiver baixa, recomendo veemente a utilização do Internet Download Manager.
Desfrute enquanto é tempo !!!
Modo Automático
Para quem não quiser ficar indo no 4server toda vez, existe um script para Google Chrome e Firefox que faz o trabalho automaticamente. O script chama-se Yet Another Download Helper e utiliza a engine do próprio 4server; ao acessar um link do 4shared ele já redireciona para o link premium instantaneamente.
Chrome => Instale o Tampermonkey primeiro e depois o script.
Firefox => Instale o Greasemonkey primeiro e depois o script.
domingo, 27 de maio de 2012
Recuperar o link de download torrent no The PirateBay
Quem costuma utilizar o site The PirateBay para baixar arquivos, provavelmente deve ter notado que, nos últimos tempos, a equipe do site removeu o link direto para downloads de torrent (GET TORRENT FILE), cujo fornecia o link do arquivo torrent e não o Magnet Link, nas páginas de download.
A principal razão para isso foi a largura de banda, uma vez que os arquivos torrent são muito maiores.
Recuperando a opção de Torrent
A dica só vale para quem usa Firefox ou Google Chrome.
Nota: Usuários do Firefox devem primeiro instalar o Greasemonkey.
1. Clique neste link para baixar o script.
OBS: Aparecerá uma mensagem amarela no topo do Chrome dizendo que só pode instalar extensões da Chrome Web Store. Para resolver isso siga este tutorial..
2. Pronto! Agora acesse qualquer página de download do PirateBay e observe que a opção de torrent estará ativada novamente.
Antes
Depois
ENJOY!
quinta-feira, 24 de maio de 2012
[Dica] Sites e programas para baixar músicas
Depois que o FBI fechou o Megaupload, a maioria dos sites de hospedagens começaram a se resguardar da maneira que acharam conveniente. Um exemplo ótimo é o 4shared, que além de deletar centenas de arquivos hospedados lá, passou a requisitar obrigatoriamente um cadastro/login para que os downloads sejam efetuados.
Mas, a não ser que você não ligue de ter que logar sempre que for baixar no 4shared, existem outras fontes excelentes que você pode usar para baixar suas músicas de graça e sem precisar se cadastrar. Preparei uma lista das quais, na minha opinião, são as melhores fontes atuais.
Veja também:
Altere a velocidade e a tonalidade de qualquer música
Os melhores sites e programas para ouvir músicas online
SONGR
Desde quando o Songr surgiu logo de cara eu já me tornei fã dele. Pois diferente dos softwares P2P (Ares, eMule e cia), o Songr não requer configurações infinitas e também não trabalha com filas, sem contar que é em português. É só executá-lo e procurar pelo seu arquivo.
O programa fornece opção para escutar a música inteira antes de baixar e um botão para o download da mesma. Há artistas nacionais e internacionais e vários tipos distintos de qualidade de áudio, como HD, HQ, e etc.
O programa fornece opção para escutar a música inteira antes de baixar e um botão para o download da mesma. Há artistas nacionais e internacionais e vários tipos distintos de qualidade de áudio, como HD, HQ, e etc.
Seu funcionamento é realmente simples e necessita apenas de uma conexão com a Internet. É possível escolher entre duas versões do aplicativo: a versão instalável e a portable (que não requer instalação) e pode ser carregada em qualquer dispositivo móvel.
De longe, é o meu preferido dessa lista.
Temos um tutorial de utilização do Songr aqui no blog.
Grooveshark Downloader
O Grooveshark Downloader (GD) é um programa portable e gratuito que possui a finalidade de baixar as músicas do site Grooveshark, que atualmente é um dos melhores sites de streaming de música do momento.
O GD é extremamente simples de mexer e funciona exatamente como o site a nível de pesquisas pelas músicas. Basta digitar o nome do artista ou da música e o programa listará a relação dos áudios associados.
Quem utiliza o Firefox não precisa nem do GD, pois existe uma extensão chamada GrooveShredder que faz todo trabalho.
SoundCloud
O host baseado nas nuvens que vem conquistando bastante os internautas é o SoundCloud. Prático, gratuito e seguro, o serviço se tornou um dos sites de hospedagem de arquivos mais populares da atualidade.
Além de oferecer opções de widgets e upload de qualquer tipo de arquivo, o SoundCloud já guarda uma quantidade significativa de músicas upadas pelos usuários.
Ao acessar o SC, na parte superior direita há uma caixa de pesquisa onde podemos procurar por nossos arquivos, contudo, se preferir você ainda pode usar o Music Smasher que ajuda nas pesquisas. No entanto, como o site não oferece opção de download de suas músicas diretamente na página, temos de utilizar um serviço online chamado SoundCloud Download para realizar os downloads
Sua utilização é bem simples: 1) Basta copiar o link para a música 2) Colar no site e clicar em Download 3) Ao término, clique com o direito do mouse na barra amarela e selecione Salvar link como.
Youtube
Sim, o site mais popular de streaming da Internet. Embora o Youtube não ofereça opção para o download dos vídeos em MP3, existem uma infinidade de ferramentas que podem ser utilizadas para isso.
Se o Youtube se tornar sua última fonte, pois realmente o site possui uma variedade enorme de artistas e até shows completos, não hesite em usufruir do mesmo.
No artigo abaixo separei as 5 melhores ferramentas para efetuar downloads a partir do Youtube. A lista varia de programas até sites que suportam este recurso. No entanto, quem utiliza o Google Chrome talvez possa gostar mais deste tutorial.
Os artigos abaixo também podem ser interessantes a você.
Carregue vídeos do Youtube mais rápido
Assista vídeos do Youtube diretamente do desktop
Adicione recursos extras ao Youtube
Não achou sua música para download? Calma, ainda há solução!
Se você utilizou todos os recursos aqui listados, inclusive outras fontes, e ainda assim não conseguiu encontrar seu áudio para download, apenas para ouvir, que tal gravá-lo então? Sim, é totalmente possível gravar o áudio emitido em sites/blogs (como rádios online, por exemplo) e até pelo computador.
Neste caso, você poderá gravar a sua música e salvá-la no formato que achar melhor. Se interessou? É só ler um dos tutoriais abaixo para saber como proceder.
Conclusão
Pessoal, é claro que existem outras centenas de websites e programas que propõem o download de músicas. Entretanto, as dicas postadas aqui são as que eu mais recomendo e pessoalmente mais utilizo quando quero baixar meus áudios.
Se você preferir efetuar login ou se cadastrar no 4shared para isso, sinta-se a vontade. Vocês têm de optar pelo método que consideram mais prático e eficaz. Se as dicas aqui lhe ajudarem, ficarei feliz!
Mas e você, indica algum site ou programa particular?
Compartilhe conosco deixando um comentário!
segunda-feira, 21 de maio de 2012
Saber quem está online no Facebook estando offline
Quando estamos offline (ou desconectados) no Facebook, não dá para visualizar a lista de usuários online no momento.
Com o aplicativo Online Now você pode ver todos que estão online em tempo real. O aplicativo não recolhe dados pessoais do usuário, apenas tem acesso à lista de amigos.
É muitíssimo simples...
Como tirar vírus do Facebook
Como remover a Linha do Tempo
Baixar todos os álbuns do Face de uma vez
Apague todas as mensagens e conversas com um clique
Como Usar
1. Faça login em seu Facebook.
2. Acesse a página do Online Now e antes de qualquer coisa defina se alguém poderá saber que você está usando o aplicativo. Escolha "Somente eu", a não ser que queira compartilhar com seus amigos.
3. Após isto, clique em Ir para o aplicativo.
4. Na próxima tela clique em Permitir. Nesta etapa, o aplicativo fará uma checagem padrão para averiguar qual e quantos de seus contatos estão online no bate-papo.
5. No final o aplicativo informará os contatos online.
Clique para ampliar
quinta-feira, 17 de maio de 2012
Como esconder arquivos dentro de imagens
Trago hoje uma dica interessante que eu já conhecia há um bom tempo mas só agora lembrei de compartilhá-la!
Sabia que você pode esconder qualquer tipo de arquivo dentro de uma foto? É verdade. Mesmo que a pessoa execute a imagem para visualizá-la, ela nem imaginará que a mesma esconde um arquivo pois nem a foto e nem a extensão são alteradas.
Fazer isso é muito simples e exige apenas os seguintes componentes: WinRAR instalado + arquivo que será camuflado + foto desejada.
Escondendo Arquivos Dentro de Imagens
1. Mova o(s) arquivo(s) e a foto para a área de Trabalho do computador. Informo que pode ser mais de um arquivo e de qualquer tipo, seja um vídeo, um .exe, uma .dll, e etc.
2. Clique com o direito do mouse sobre o arquivo e selecione Adicionar para o arquivo. Na janela do WinRAR dê um nome para seu arquivo e clique em OK para comprimi-lo. Se for mais de um arquivo faça isso diretamente pela interface do WinRAR.
3. Após isto, vá ao Menu Iniciar e procure pelo Prompt de Comando. Ao encontrá-lo execute-o (quem usa Windows 7 e Vista deve clicar com o direito e executar como administrador).
4. Agora você deverá direcionar o Prompt para o seu desktop, afinal, os arquivos estão lá. Para isso, use o comando do seu respectivo sistema operacional abaixo e tecle ENTER.
CD desktop <- use este comando se você está utilizando Windows XP
CD C:\users\seu username\desktop <- use este comando se está usando Windows Vista ou 7
OBS: Altere "seu username" pelo seu nome de usuário da máquina.
5. Digite este comando de junção abaixo na janela do prompt.
copy /b nomedafoto.jpg + arquivo.rar qualquernome.jpg
<> Altere o texto em negrito pelo nome da sua imagem e da extensão presente nela.
<> Altere o texto em vermelho pelo nome do seu arquivo (sem tirar o .rar)
<> Altere o texto em azul pelo nome que a imagem de saída terá (sem alterar a extensão). Este será o nome da imagem que esconderá seu arquivo.
Lembrando que extensão da foto normal e o da foto de saída devem ser os mesmos.
Exemplo:
Eu utilizei uma foto chamada "seututorial.png" e o arquivo "VirtualDub.rar"... configurei para que a imagem de saída chamasse foto.png.
6. Pressione ENTER e veja se aparecerá a mensagem dizendo que o arquivo foi copiado.
Agora vá ao desktop e veja a imagem de saída, a qual contém seu arquivo embutido. Abra-a e observe cada detalhe, você não notará diferença alguma, a não ser o tamanho da foto que agora terá o tamanho do arquivo que fora embutido.
Como Abrir Meu Arquivo Escondido
1. Se mais tarde optar por abrir o arquivo, basta executar a foto com o WinRAR.
2. Clique com o direito do mouse sobre a foto e escolha Abrir com > Escolher programa padrão.
3. Clique no botão Procurar, vá até o direitório de instalação do WinRAR e selecione o arquivo WinRAR.exe.
C:\Program Files\WinRAR\WinRAR.exe
ou
C:\Arquivos de Programas\WinRAR\WinRAR.exe
4. Quando o WinRAR for adicionado à lista, desmarque a opção "Sempre usar o programa [...]" e dê um OK.
Observe que abrirá uma pasta rar com o seu arquivo dentro.
Sempre que quiser abrir o arquivo depois disso, é só fazer o mesmo, mas dessa vez clique com o direito sobre a foto e escolha Abrir com > WinRAR.
terça-feira, 15 de maio de 2012
[Promoção] Kaspersky Internet Security 2012 grátis por 3 meses
Uma das melhores e mais populares soluções de segurança da Internet está com uma promoção imperdível de 90 dias (3 meses) totalmente grátis, por tempo limitado!
Relacionado:
Kaspersky e Norton 2013 gratuitos por 2 e 3 meses
Kaspersky Internet Security 2012 (ou KIS 2012) é a suite de segurança mais utilizada da atualidade e o produto mais recente disponível da consagrada Kaspersky Labs. O software conta com vários componentes de proteção importantes para manter seu computador seguro e possui um dos melhores mecanismos de detecção antiviral/anti-malware do momento, segundo último relatório da Av-Comparatives.
Abaixo cito os principais módulos de proteção presentes no KIS 2012:
- Antivirus
- Firewall
- Anti-Spam
- Anti-Banner
- HIPS
- Controle de Pais
- Proteção em Nuvem (Cloud Protection)
- Ferramentas Auxiliares
- Entre vários outros
- Só disponível para a versão Inglês e Alemã do KIS 2012
- Só disponível para quem vai instalar a solução (quem já tem instalado qualquer versão do produto deve desinstalar na íntegra com a ferramenta de remoção da Kaspersky e instalá-lo novamente)
Como Pegar Meus 3 Meses de KIS 2012
1. Baixe o KIS 2012 (Inglês) a partir do link promocional abaixo e instale-o no PC normalmente.
2. Após a instalação, na janela "Activation Code", insira o seguinte serial oficial e clique em Next:
QCGUH-J8FF6-33WGA-UBY62
3. Aguarde até aparecer a tela abaixo e clique em Finish.
ENJOY!!!
Algumas screenshots
domingo, 13 de maio de 2012
Como criar uma pasta invisível no Windows
Já publiquei aqui no Blog uma dica sobre como colocar senha em uma pasta sem utilizar programas, o qual pode ser lido abaixo.
Coloque senha em pastas sem usar nenhum programa
A proposta deste post é diferente; Vou ensinar vocês a criar uma pasta invisível no Windows. A partir do momento em que a pasta estiver invisível, ela não poderá ser visualizada nem ativando a opção de ver pastas e arquivos ocultos.
Este truque é útil no caso de você querer esconder seus arquivos no computador como forma de privacidade.
Criando Uma Pasta Invisível
1. Primeiramente, crie normalmente uma Nova Pasta em seu desktop, clicando com o direito do mouse em uma área vazia e selecionando Novo > Pasta.
2. Agora apague o nome pré-definido (Nova Pasta) e ao invés de escrever outro nome, pressione e segure a tecla Alt e simultaneamente pressione as teclas 2 5 5. Solte as teclas e dê um Enter para salvar. Você observará que a pasta ficará sem nome.
3. Clique com o direito do mouse sobre a pasta sem nome e selecione Propriedades.
4. Por fim, clique na guia Personalizado e depois no botão Alterar Ícone. Na lista de ícones procure pelos ícones sem imagem -- eles estarão próximos ao ícone da árvore -- e selecione um deles.
5. Dê um OK para salvar e veja que a pasta se tornará invisível! Porém, você pode clicar sobre ela e abrí-la normalmente.
DICA: Coloque esta pasta em um outro diretório de preferência, cujo não seja tão acessado no PC quanto a Área de Trabalho, Meus Documentos e etc.
Como Localizar a Pasta
Para localizá-la no respectivo diretório, basta pressionar as teclas Ctrl A. Todas as pastas e arquivos que houverem no diretório serão selecionados, no entanto, é só prestar atenção na pasta que está sem ícone.
Observações
Isso pode ser feito em pastas já existentes no sistema também, para quem estiver em dúvidas, e não se preocupe pois você não perderá os arquivos que estiverem dentro dela. Neste caso, você deve seguir o tutorial a partir do passo 2.
Só ressaltando que a pasta apenas está invisível, mas ela pode ser deletada ou acessada tranquilamente por qualquer usuário. É por isso que você não deve escolher um diretório óbvio para deixá-la. Você pode inserir uma senha na mesma, se achar conveniente.
Todavia, de qualquer forma, não deixe de ser uma dica legal e útil para quem quer mais privacidade.
Só ressaltando que a pasta apenas está invisível, mas ela pode ser deletada ou acessada tranquilamente por qualquer usuário. É por isso que você não deve escolher um diretório óbvio para deixá-la. Você pode inserir uma senha na mesma, se achar conveniente.
Todavia, de qualquer forma, não deixe de ser uma dica legal e útil para quem quer mais privacidade.
sábado, 5 de maio de 2012
Páginas dentro de um post no Blogger
Um recurso bastante comum em certos blogs e sites é a paginação interna nas postagens. Trata-se de algo extremamente útil em muitas ocasiões, principalmente se o post que você está escrevendo é demasiadamente grande.
Para quem não entendeu, suponhamos que você queira dividir uma postagem em três partes (páginas), onde em cada página específica haverá um conteúdo diferente. Ainda não compreendeu?
Confira uma DEMO em nosso blog de testes.
Enfim, tudo o que este recurso faz é separar o post em páginas.
Como adicionar este recurso
Nota: Este recurso só funciona quando a área de postagem está na guia HTML. Portanto, deixe para aplicar este recurso somente após ter escrito e revisado todo o seu artigo. Se ele for aplicado na guia Escrever não funcionará.
1. Na área de postagem clique na aba HTML e não volte em Escrever depois disso.
2. Copie este código Javascript abaixo e cole no final do seu artigo.
<script src="https://sites.google.com/site/seututorial/seututorial/pagpost.js" ></script>
<script type="text/javascript">
activatables('page', ['page-1', 'page-2','page-3' ]);
</script>See the Pen aikvD by Seu Tutorial (@marcelost) on CodePen
3. Agora copie este código CSS e cole no final do artigo também, abaixo do código Javascript anterior.
<style>
div.content11 {clear: left;padding: 1em;}
div.content11.inactive {display: none;}
ol#toc {height: 2em;list-style: none;margin: 0;padding: 0;}
ol#toc a {background-color: <b><span style="color: red;">#00EEEE</span></b>;padding: 0px 8px 0px;margin: 1px 4px;text-decoration: none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;}
ol#toc a:hover {background-color: <b><span style="color: red;">#DBECF8</span></b>;padding: 0px 8px 0px;border:1px solid #204e73;}
ol#toc a:hover span {background-position: 100% -120px;}
ol#toc li {float: left;margin: 0 6px 0 0;}
ol#toc li a.active {background-color: <b><span style="color: red;">#48f;</span></b>background-position: 0 -60px;color: #fff;font-weight: bold;}
ol#toc li a.active span {background-position: 100% -60px;}
ol#toc span {background: url(tabs.gif) 100% 0;display: block;line-height: 2em;padding-right: 10px;}
</style>See the Pen pyBkb by Seu Tutorial (@marcelost) on CodePen
OBS: Nas linhas destacadas em vermelho, você deve alterar pelo valor da cor que os botões terão. Tabela de cores HTML.
ol#toc a {background-color: #00EEEE => Esta é a cor padrão que ficará de fundo nos botões
ol#toc a:hover {background-color: #DBECF8 => Esta é a cor que aparecerá quando passar o mouse
ol#toc li a.active {background-color: #48f => Esta é a cor do botão da página que está sendo lida
4. Agora poste este último código no começo do post.
<div class="content11" id="page-1">
Cole aqui o conteúdo da Página 1
</div>
<div class="content11" id="page-2">
Cole aqui o conteúdo da Página 2
</div>
<div class="content11" id="page-3">
Cole aqui o conteúdo da Página 3
</div>
<ol id="toc">
<li><a href="#page-1">1</a></li>
<li><a href="#page-2">2</a></li>
<li><a href="#page-3">3</a></li>
</ol>See the Pen qcFzk by Seu Tutorial (@marcelost) on CodePen
Embora este último código seja auto-explicativo, vou explicá-lo mesmo assim.
Cole aqui o conteúdo da Página 1 => Nesta área você deve colocar todo conteúdo que aparecerá somente na 1ª página.
Cole aqui o conteúdo da Página 2 => Nesta área você deve colocar todo conteúdo que aparecerá somente na 2ª página.
Cole aqui o conteúdo da Página 3 => Nesta área você deve colocar todo conteúdo que aparecerá somente na 3ª página.
5. Pronto! Visualize o post e se estiver tudo ok, publique-o!
Lembrando mais uma vez que o editor de post deverá estar setado em HTML e não deve ser colocado em Escrever. Se você precisar de editar o post futuramente, edite-o em HTML mesmo senão o ID do seu perfil entrará no meio do último código, e ele vai parar de funcionar.
Veja as imagens de demonstração
