Baixar Theme 01 - Hipster Quotes

Hipster quotes é um nome fictício para o modelo deste theme. A leitura dessa postagem será de utilidade apenas para aqueles que planejam baixar o layout completo com gadgets, dicas e explicações.O layout contém efeitos nas imagens, cursor personalizado, efeitos nos links em hover, o negrito itálico e sublinhado também tem efeito hover, o menu das redes sociais e o menu dos ícones de navegação na lateral da sidebar foram feitos por mim. Os links de navegação no fim das postagens até o efeito "leia mais" foram feitos por mim. Para baixar o layout completo com gadgets, dicas e explicações, continue lendo e não pule nenhuma etapa.

Jamais retire os créditos.

• No passo 2: Adicione um Gadget HTML;
• Cole todo o código abaixo e Salve;

<div class="boxju1">
<div id="bju">
<img src="https://i.pinimg.com/564x/be/6f/2c/be6f2cd96ae42492e3695ccd6587f670--pressing-flowers-tumblr-backgrounds.jpg" width="135" height="67"/>
</title="></div></div>
<div class="boxju">
<div id="B1">
<a href="/" title=" Início ">
<img src="https://78.media.tumblr.com/9138f5e18960f325add31ae07b47b316/tumblr_inline_mwqi32SLjd1rb53x8.gif" /></a></div>
<div id="B1">
<a href="SEU LINK" title=" Blog ">
<img src="https://78.media.tumblr.com/246240e338613995e043e3691cbe8614/tumblr_inline_mwqi3fJZeE1rb53x8.gif"/></a></div>
<div id="B1">
<a href="SEU LINK" title=" Contato ">
<img src="https://78.media.tumblr.com/4098ddbfc7e6f5d8c72c58be3c35561e/tumblr_inline_mwqi3gC9An1rb53x8.gif"/></a></div>
<div id="B1">
<a href="SEU LINK" title=" Categorias ">
<img src="https://78.media.tumblr.com/b94656f32bd997d32dee8def71a39833/tumblr_inline_mwqi3qrojp1rb53x8.gif"/></a></div>
<div id="B1">
<a href="https://www.blogger.com/follow.g?blogID=IDDOSEUBLOG" title=" Seguir ">
<img src="https://78.media.tumblr.com/be79a175cbb0068debea87f629929ee6/tumblr_inline_mwqi3sBGyV1rb53x8.gif"/></a></div></div><br />
Seu textinho aqui - Escreva algo de 4 linhas para caber na side.
<div class="boxju3">
<div id="bju2">
<a href="SEU LINK SOBRE VOCÊ" title="Autor">
<img src="http://78.media.tumblr.com/24ef1a7301eb3dfd74914bef0f50047b/tumblr_ov1gz06CWM1u7y1eoo3_250.png" width="30" height="30"/></a>
</div></div>

• Repita o passo 2 para abrir outro Gadget HTML;
• Cole o código a baixo e salve;

<div id="jumedia">
<a href="SEU LINK DO FACEBOOK" target="_blank"> <div class="jutitle"> </div> <img src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/facebook-512.png"/></a>
<a href="SEU LINK DO INSTAGRAM" target="_blank"> <div class="jutitle"> </div> <img src="https://www.mainstreethost.com/wp-content/uploads/2016/06/25-Stats-You-Need-to-Know-About-Instagram-Blog-Icon.jpg"/></a>
<a href="SEU LINK DO WEHEARTIT" target="_blank"> <div class="jutitle"> </div> <img src="http://icons.iconarchive.com/icons/sicons/flat-shadow-social/512/weheartit-icon.png"/></a>
<a href="SEU LINK DO TUMBLR" target="_blank"> <div class="jutitle"> </div> <img src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Web-Tumblr-alt-Metro-icon.png"/></a></div>

• Siga os passos da imagem para continuar
• As alterações podem ser feitas nos locais indicados:
• SEU LINK - SEU TEXTO - ID DO SEU BLOG

Como saber o ID do Blog?

Primeiramente, abra qualquer página de navegação do painel do blogger *lembre-se de estar logado no blog que deseja adicionar o tema* Após isso, veja aqui como e onde deve aparecer o seu ID. Feito isso, copie a numeração indicada no exemplo e cole no local referente ao "id do seu blog"

Como mudar o ponteiro/cursor?

Abra seu Tema, em seguida abra o Editar HTML. Feito isto, dê um clique dentro da janela do HTML do seu layout atual. No seu teclado, aperte Ctrl F. Na janela que abrir cole: cursor: url e vai aparecer o código do cursor/ponteiro e para mudar, troque o "link do ponteiro" pelo link da sua nova imagem do cursor. Deixei alguns exemplos que podem usar.

body, a {cursor: url("LINK DO PONTEIRO"), progress; }

Como baixar o tema?

• Pasterbin
• 4Shared