E então, gostaram do novo layout? Nessa nova versão, a Hello Kitty e sua gatinha, a Charmmy Kitty, junto com a irmã da Charmmy Kitty, a Honey Cute (gatinha rosa que aparece no menu), se ofereceram para dar um toque mais fofo ao blog; as gatinhas couberam nas formas de cupcake, um jeitinho que arranjei para dar a vcs um cupcake de presente no mês de aniversário do Reino Kawaii. Inclusive, em breve vou deixar no meu Deviantart um cupcake da Charmmy Kitty feito por mim. Acho que essa versão pode se chamar Cupcake Kitty ou Kitty Cake rsrsrs, usei o layout base da Karen, coloquei emoticons nos comentários, uma pequena descrição sobre mim ao fim de cada postagem, um menu especial abaixo do blog, tipo uma caixinha em que vc deve abrir, e um menu que vc pode mover para onde quiser! Faltam alguns retoques e créditos, que não me esqueci, mas irei adicionando aos poucos.
Bom, hoje vou mostrar para vocês como colocar o Tumblr no blog conforme aprendi via Madly Luv, que por sua vez credita a Robert Nyman, que faz com que apareça no blog uma miniatura da última postagem feita na rede social. Para isso, é preciso hospedar o script, ou seja, tem que saber hospedar o arquivo em algum site para esse fim. E é isso que faremos hoje nesse tutorial 2 em 1: vamos colocar o Tumblr no blog e hospedar arquivos.
Vamos lá?
Antes de tudo, é preciso algumas coisinhas:
- Dropbox, que já mostrei neste post aqui como criar conta e tal. Você pode usar o 4shared também, o próprio tumblr ou outro nesse estilo. Meu favoritinho é o Dropbox; basta criar uma conta e baixá-lo para o computador ou outro aparelho(ou nem precisa baixar) e você terá em suas mãos uma ferramenta muito útil para compartilhar o que quiser.
- WinRar, programa para extrair arquivos .ZIP e .RAR e para compactar arquivos para esses formatos. A licença é limitada, porém, o programa nunca expira. Baixe em: http://www.baixaki.com.br/download/winrar.htm
-AndroZip(se quiser compartilhar arquivos do seu Android), para gerenciar o Android além de permitir criar ZIP nesse sistema operacional. Baixe aqui:
https://play.google.com/store/apps/details?id=com.agilesoftresource&hl=pt_BR
Depois de ter feito o download dos programas, faça o seguinte:
Se vc tem o Dropbox instalado em seu computador, basta copiar o arquivo Zip ou Rar para a pasta Public, que fica dentro do dropbox (Open Dropbox Folder-Public), espere aparecer aquele símbolo verde que demonstra que o arquivo já está salvo lá, e clique no arquivo salvo. Aí é só escolher a opção Dropbox e depois Copy Public Link, ou seja, o link que você irá disponibilizar para que outras pessoas cliquem e façam o download.
Caso você use o Dropbox pelo site, acesse sua conta, selecione a pasta Public e clique em Upload. Selecione os arquivos que deseja, espere que eles sejam baixados e pronto. Clique no arquivo e escolha a opção Copy Public Link; ao fazer isso, você já pode copiar o link ou então escolher a opção de copiar o link curto.
Quando quiser compartilhar algum arquivo ou pasta, para ficar melhor, você pode compactar com o WinRar ou AndroZip da seguinte forma:
No Windows...
1. Salve os arquivos em uma pasta;
2. Clique com o botão direito do mouse sobre esta pasta e escolha a opção Adicionar para o Arquivo.
No Android...
1. Salve os arquivos em uma pasta.
2. Acesse o Androzip e procure pela pasta que acabou de salvar.
3. Clique nela ou pressione; nas opções que aparecem, selecione a de Criar Zip e pronto.
No caso de arquivos em HTML, como templates e scripts, você só precisa salvar o arquivo e depois hospedar; pode transformar em ZIP ou RAR se quiser também.
Quer disponibilizar um template para download?
Basta salvá-lo, transformar em ZIP ou RAR e enviar para o dropbox.
Agora com relação aos scripts, vamos precisar do Notepad. Para exemplificar vamos ao tutorial do...
Esse tutorial fará com que seu tumblr apareça no blog, assim como o meu, com uma miniatura do seu último post na outra rede social. É um de meus tutoriais favoritos e foi encontrado em: http://madlyluv.com/extras/tutoriais/tumblr/att-no-blog, a quem vão os créditos e onde se podem esclarecer todas as dúvidas quanto ao tutorial.
Para isso vamos precisar deste arquivo aqui:
http://static.tumblr.com/yqumgdr/66blauk4r/tumblrbadge-1.1.js
Copie e cole todo o código em um novo documento do notepad e altere da seguinte forma:
- Na linha 5, coloque o nome de usuário que você usa no seu Tumblr em: Customize - Info - Title.- Na linha 19 coloque o link do seu Tumblr.
Salve como JavaScript.
#tumblrbEssa parte acima é a que você personaliza. Dá para mudar o tamanho da fonte, o plano de fundo, as bordas...
{margin: -5px 0 0 0;
font-size: 10px;
padding: 1px 1px 2px 1px;}
.tumblr
{list-style: none;
width: 100%;
margin-bottom: 1em;
padding: 0;}
.tumblr li {margin-bottom: 1em; list-style-type:none;}
.tumblr p {margin: 0; font-size: 10px;}
.tumblr blockquote
{margin: 2px 0 2px 4px;
padding: 2px 0 2px 6px;
background: none;
border-left: 1px dashed;
border-bottom: none;
border-right: none;
border-top: none;
font-size: 10px;}
.tumblr img
{display: block;
border: 1px dashed #fcc/*COR OU IMAGEM DA BORDA*/;
max-width: 180px; /*largura na sidebar*/
background: #ffffff/*COR OU IMAGEM DE FUNDO*/;
padding: 5px;}
.tumblr em {display: block; margin-top: 0.2em;
font-size: 10px;}
.tumblr .tumblr-post-date {display: block;
font-size: 10px; margin-top: 1px;}
Visualize e se estiver tudo bem, salve. Detalhe: você ainda não vai ver nada de diferente.
Entre na área de Elementos da Página para adicionar um novo gadget Html/JavaScript e cole isso aqui:
<div id="tumblrb" style="font-size: 10px; line-height: 15px;"></div>Cole no local indicado o link do arquivo que você hospedou, aquele com nome de usuário...
<script type="text/javascript" src="URL DO ARQUIVO JS"></script>
Pronto. É isso por hoje gente. Espero que gostem e beijus.
Se eu gostei do novo lay? eu amei! parabéns Ro :)
ResponderExcluirhttp://fannikawaii.blogspot.com.br/
Puxaa flor!!
ResponderExcluirQue tuto mara, super detalhado!! Parabéns heim e que show que está teu cantinho, fazia tempo que nao vinha e me surpreendi ♥
bjãoo
Seu novo desenho é muito perfeito! eu amei
ResponderExcluirBeijos~
:J: perfeito
ResponderExcluirOi meninas ^^ Tô super feliz em vê-las aqui!
ResponderExcluirFanni:Que bom que gostou; eu também adorei o seu lay:v:
Giza:Obrigada:j: Me alegra muito que tenha gostado!
Mary: Muito obrigada! Isso me deixa super contente!
Vivi: Obrigada e que bom que gostou!
Obrigada a todas mais uma vez e beijus:cat:
Obrigada fofa, mas ele não estava completo agora esta confira se quiser :)
ResponderExcluirhttp://fannikawaii.blogspot.com.br/ eu coloquei alguns detalhes relacionados com seu blog
:u: Oi!!Roberta!! Amiga! estreiou hoje o novo site da Barbie entra e vamos brincar!
ResponderExcluirhttp://dreamhouse.barbie.com/pt-BR/b-friends/my-wall
Fanni:Vou lá ver depois ^^ Já estava super lindo! Beijus e obrigada:v:
ResponderExcluirLara::e:Valeu pela dica! Obrigada e beijus.
o seu blog é MUITOOOO kawaii,tutoriais ótimos e raros de se achar,seguindo,sempre vou dá uma passadinha aqui para visitar.*--* princesademarte.blogspot.com
ResponderExcluir:r:Obrigada e seja bem-vinda Geovana!!!
ResponderExcluirVou visitar vc em breve :cat:
Beijus<3
Oi hum gostei do teu blog queria deixar meu tumblr tem haver japão tambem http://cawaiimonster.tumblr.com/
ResponderExcluirSusaninha, que bom que gostou!!!
ResponderExcluirFico muito feliz:v:
Em breve visito seu tumblr e sigo ok?
Beijus:cat: