#random sidebar images tutorial

Observações:

Antes de começar a seguir o tutorial eu recomendo que você salve uma cópia do html atual do seu theme. Não são em todos que dá certo (em 99,999% funciona) e links colocados no lugares errados podem alterar tudo.

Esse scrip que deixa colocar várias opções de sidebar serve para colocar tanto imagens quanto gifs.

Abra esse site ☞ (x). Depois disso observe que esse site te dá um código, certo? Ótimo. Observe novamente que no meio desse código tem a parte "image1.gif" [...] "image6.gif" e assim por diante. Essa é a parte que você vai mudar:

É no lugar desse "image1.gif", "image2.gif" e etc que você vai colocar o link das fotos/gifs da sua futura sidebar. Para isso, escolha as fotos/gifs que você quer colocar e vá hospedando uma por uma aqui. Quando você tiver terminado de hospedar a foto/gif nesse link que eu te dei, ele vai ter dar uma url nova, assim: 

Então basta você copiar essa url nova (que você acabou de gerar) e colá-la no lugar do "image1.gif" do código antigo que já lhe foi dado. Desse modo:

Deu pra perceber o esquema, né? Você hospeda a sua foto/gif nesse site e logo depois e coloca no "image2.gif", "image3.gif" e assim por diante.

Faça isso até colocar todas as fotos/gifs que você queira.

Se você completou só algumas dessas lacunas e deixou algumas em branco você pode apagar essas partes em branco do código.

Se você completou todas essas lacunas e quer colocar mais opções, é só você copiar o código padrão e continuar com myimages[7]="image7.gif" e assim por diante. Desse modo:

Terminado esses passos e com o seu código prontinho você só precisa colocá-lo no seu theme. Não é nada difícil.

Então, comece indo na sua página de customização do tumblr onde está o seu theme (www.tumblr.com/customize/SUA-URL) e abra o html dele. Nós queremos achar onde está o código que define a sua sidebar então aperte Ctrl+F em seu teclado para abrir uma caixinha de busca.

E agora digite dentro dessa caixinha de busca esse código:

<img src="{image:sidebar}">

Observe que essa parte do seu theme vai ser localizada.

Preste atenção a partir de agora, muita atenção. Apague APENAS E TODO esse <img src="{image:sidebar}"> do seu theme. Não apague mais nada, apenas isso.

Feito isso, volte no código onde as sua foto/gifs estão hospedadas e copie aquele código todo e logo em seguida cole-o nesse espaço onde tinha o <img src="{image:sidebar}"> que você acabou de apagar. E está feito. Se você apertar agora em "Update Preview" você poderá ver um pouco como os seus gifs estão funcionando. Mas vamos dizer que assim como eu, você reparou que ficou isso debaixo dos seus gifs:

Ughhh, os créditos do script! Horrível, né? Então vamos tirar isso. Volte no código das fotos/gifs e ache essa parte:

E apague tudo isso que está destacado e salve. Pronto! Agora sim você tem uma sidebar cheia de fotos/gifs diferentes, que mudam toda vez que você atualiza a página.