Tumblr no Blog+Hospedar Arquivos(PC e Android)

Olá! Boas vindas sempre!
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 
- Notepad, um bloco de notas muito importante por ser muito completinho. Gratuito. Baixe em: http://www.baixaki.com.br/download/notepad-.htm.
Depois de ter feito o download dos programas, faça o seguinte:


Hospedando


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.

♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡


ZIP/ RAR

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.
3. Escolha entre Zip ou Rar, Método de Compressão ótimo e nas Opções de Compressão marque Testar arquivos comprimidos.
4. Clique em OK.

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.

♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡
Salvando HTML
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...

Tumblr no Blog


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.
 Agora vamos até a área de edição do HTML do template; procure por ]]></b:skin> e adicione ACIMA este código:
#tumblrb
{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;}
Essa parte acima é a que você personaliza. Dá para mudar o tamanho da fonte, o plano de fundo, as bordas...
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>
<script type="text/javascript" src="URL DO ARQUIVO JS"></script>
Cole no local indicado o link do arquivo que você hospedou, aquele com nome de usuário...
Pronto. É isso por hoje gente. Espero que gostem e beijus.






Postar um comentário

12 Comentários

  1. Se eu gostei do novo lay? eu amei! parabéns Ro :)
    http://fannikawaii.blogspot.com.br/

    ResponderExcluir
  2. Puxaa flor!!
    Que tuto mara, super detalhado!! Parabéns heim e que show que está teu cantinho, fazia tempo que nao vinha e me surpreendi ♥

    bjãoo

    ResponderExcluir
  3. Seu novo desenho é muito perfeito! eu amei

    Beijos~

    ResponderExcluir
  4. Oi meninas ^^ Tô super feliz em vê-las aqui!
    Fanni: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:

    ResponderExcluir
  5. Obrigada fofa, mas ele não estava completo agora esta confira se quiser :)
    http://fannikawaii.blogspot.com.br/ eu coloquei alguns detalhes relacionados com seu blog

    ResponderExcluir
  6. Anônimo11 maio

    :u: Oi!!Roberta!! Amiga! estreiou hoje o novo site da Barbie entra e vamos brincar!
    http://dreamhouse.barbie.com/pt-BR/b-friends/my-wall

    ResponderExcluir
  7. Fanni:Vou lá ver depois ^^ Já estava super lindo! Beijus e obrigada:v:
    Lara::e:Valeu pela dica! Obrigada e beijus.

    ResponderExcluir
  8. 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
  9. :r:Obrigada e seja bem-vinda Geovana!!!
    Vou visitar vc em breve :cat:
    Beijus<3

    ResponderExcluir
  10. Anônimo06 julho

    Oi hum gostei do teu blog queria deixar meu tumblr tem haver japão tambem http://cawaiimonster.tumblr.com/

    ResponderExcluir
  11. Susaninha, que bom que gostou!!!
    Fico muito feliz:v:
    Em breve visito seu tumblr e sigo ok?
    Beijus:cat:

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Deviantart

up