Como fazer Blog

Como colocar botão "Pint It" do Pinterest no Blog

30.10.16


Hey galera, tudo bem?
Hoje venho trazer uma dica rápida, simples e bem útil para vocês, coleguinhas blogueiros. A dica de hoje é como colocar botão "Pint It" do Pinterest nas imagens do blog, e de brinde estou disponibilizando 25 botões para vocês usarem. Vamos lá?

1. Na dashboard vá em Modelo > Editar HTML

2. Aperte Ctrl+F e procure por

3. Copie esse código e cole abaixo de

4. Na linha 3 é onde você ira colocar a url da sua imagem, "URL DA IMAGEM AQUI". Não apague as aspas. 


5. Se você não quiser que o botão fique no centro da imagem, você pode mudar na linha 4, trocando center por:

topleft: Lado esquerdo da parte de cima da imagem
topright: Lado direito da parte de cima da imagem
bottomright: Lado direito da parte de baixo da imagem
bottomleft: Lado esquerdo da parte de baixo da imagem.

6. Salve, visualize e pronto.

Bem fácil e rápido né?

 Agora vamos aos botões, para baixar clique aqui. Depois de baixar é só escolher um e hospedar em algum site, pode ser no TinyPic, Imagens Brasil ou no próprio blogger, de qualquer modo, depois de hospedar, pegue o link do botão e faça o passo 4.

E foi isso galera, espero que tenham entendido tudo certinho. Qualquer dúvida pode perguntar que irei tentar ajudar!
Beijos (*¯ ³¯*)♡

Como fazer Blog

Como colocar caixinha de extras [Atualizado]

6.5.15



Olá galerinha, hoje venho ensinar um tutorial que a Ketelyn Oliveira pediu, que é como colocar a caixinha de extras igual a a do blog:



Vamos aprender como se faz?
  1.  Vá em Modelo >Editar HTML
  2. Digite CTRL+F e procure por <head>
  3. Achou? Agora em baixo cole esse código:
  4. Salve 
  5. Vá em Layout
  6. Adicione um Gadget Javascript/HTML e dentro dele coloque esse código:
  7. Salve

❂❂❂ Como mexer no código ❂❂❂

Onde está escrito Aba 1, você muda para o nome que quiser (mas que não seja longo). Ex: Fã page
Onde está escrito conteúdo você substitui pelo que quiser, imagem, código de html ou texto. Se quiser colocar imagem, coloque o seguinte código:

<center><img src="Link da sua imagem"  /></center>

Eu aconselho a não passar de 4 abas, por que se não fica estranho.

E pronto! Sua caixinha de extras está prontinha ◡‿◡

Viram? Bem fácil né? Espero que tenham entendido, qualquer dúvida, deixe nos comentários que eu vou ajudar!

Beijos da Brubs
  

Como fazer Blog

Como colocar Leia mais personalizado

30.3.15


Hey, como estão? Espero que estejam bem!
Hoje eu vim trazer um tutorial super fácil, nele vou ensinar como deixar o "Leia mais" personalizado, como ativar ele no post e vou também disponibilizar alguns modelos.Vamos conferir?


1)No painel do Blogger clique em "MODELO" >> "Editar modelo" 
2)Abra a caixa de pesquisa (CTRL+F) e procure por:

<data:post.jumpText/>
3) Achou? Então apague esse trecho e cole o seguinte código:

<img src="URL SUA IMAGEM" />

4)Coloque o link da sua imagem onde está em vermelho

5)Visualize,salve e pronto.

Agora,como eu disse,aqui estão alguns modelos que eu criei:


 


Link da imagem:
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUODgYEHARGaF6UswMfhcD76G1666MVG7rfWx1ap38RE2iIFNycjpFNkwm_x3twUXPvgEZcipc12-AEzrg_asoLQHwSWEnNysqVhwB-NuTAGU-tufXjsKX1ECIjURMfzYhdPuULWUoWuI/s1600/modelo+1.png

Link da imagem:
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNVBvLHWzpOfQ86hTxukuILwBLiZSGzfup21oYip7_cpZKCVQJKTOazectwYD8oN3spsFS9B0zsYXVVqrJplsPkEXIK3wtn2uZq_y3am7todgcoHfjHisL9QdyYBf6M13Nyquxe9Fihqg/s1600/modelo+2.png

Link da imagem:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUEKb8gqXmJADcAAZ-ZB9DcxB2a_a288mr36keB4pOxkOFCqYQDPGgQ2vUFttZJBBltOOaMUBgGycPA9ppnqaqmQQ2Mdtz__xWXyogtkiSG-XeEDRsW2LXM0P7SUichNSBSA0p7LTUbs/s1600/modelo+3.png
Link da imagem:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9Jw7RMuHRtaJ2yckf4eG1QbTsmwLuSlhHmNOWNl8s5DEBT0oPnlWF8NGdnukyia2TSwjG5I6N0WIdaE2F2kT2ZG6JQAWp-6EtwrUxBt9B3E6HH15Y0Aaw_W-S_SmLYx9P1KsuCOfbWE/s1600/modelo+4.png


 Ok, fiz tudo isso,mas como faço para ativar o "Leia Mais"?
http://www.reinodosgifs.net/gifs_parte_2/mini_gifs/mini141.gif

1)Escolha o lugar onde você quer que a postagem seja resumida,e clica em:


 2)Salve e pronto!

Bem fácil e simples né gente? Enfim,foi isso,espero que tenham gostado,qualquer dúvida,deixem ai nos comentários.


http://www.reinodosgifs.net/gifs_parte_2/mini_gifs/mini225.gif
Beijos da Brubs 

Como fazer Blog

Como colocar Arquivos do blog em menu suspenso (personalizado)

30.11.14

Hey galera!
Hoje vim ensinar a vocês um tutorial bem fácil, a pedido da Caroline, de como colocar os arquivos do blog em menu suspenso personalizado, então vamos lá!

Como ele é:
Como ele ficara :
 


1. Va em Modelo>>Editar HTML
2.Busque (CTRL+F) por ]]></b:SKIN>

3.ACIMA dele cole esse código:
4.Salve.

5.Agora va em Layout>>Adicionar um gadget>>Arquivo do blog.

 Deixe o exatamente assim:
 
6.Salve e pronto!

Bem fácil né galera? Espero que tenham gostado, qualquer dúvida deixem aí nos comentários!

Beijos da Brubs

Como fazer Blog

Como baixar fontes do google para computador

6.10.14

1. Primeiro abra sua conta de Gmail ou conta Google e acesse o site Google Web Fonts.
2. Navegue normalmente visualizando as fontes que o site oferece, ao gostar de alguma, clique em Add to Collection. A cada uma que escolher será mostrada na parte inferior da sua tela.
3.Quando tiver escolhido as que gostar (de preferência em quantidade), clique na seta destacada na imagem abaixo para dar início ao download. Se estiver perdido siga a numeração da imagem:


4. Clique em .zip file; assim será feito o download do arquivo como ZIP, qual você deve descompactar. Depois basta colar cada pastinha de cada fonte dentro da pasta de Fonts do seu Windows (C:\Windows\Fonts). Pronto, já esta instalado as fontes no seu computador e prontinhas para usar.

Super fácil não é?
Se tiver alguma dúvida deixe ai nós comentários,Beijos.

Como fazer Blog

Como remover Assinar Postagens (atom)

13.8.14


Oi galera, hoje eu trouxe um tutorial mega, mega simples pra quem trabalha na blogosfera. Ele é de como remover o "Assinar Postagens (atom)", que seria isto:




Apenas procure no seu HTML por:


 

Quando achar, cole acima dele :



 Salve e pronto!

Se tiver alguma dúvida comente ai nos comentário que eu responderei!

Beijoos!

Como fazer Blog

Como colocar número de comentários dentro de um balão

14.7.14


Hey galera,tudo bem com vocês? Espero que sim ^^ 

 Hoje vim repassar para os blogueiros, um tutorial que aprendi lá no Go Imagine, de como colocar número de comentários dentro de um balão. Bora lá?

 1. Vá em Modelo&gt;Editar HTML
2. Busque (CTRL+F) por ]]></b:SKIN>
3. Acima dele coloque esse código: 
4. Coloquie a url da imagem do seu balão em "LINK DA IMAGEM"

OBS:O balão ainda não vai aparecer na visualização. 

5. Agora procure por 

6. Abaixo dele coloque esse código:

7. Agora visualize, e se o balão estiver certinho, salve.

Agora alguns balões :


 



E foi isso, espero que tenham entendido e gostado.
Beijos da Brubs

Como fazer Blog

Como colocar musica no Blog

6.11.13




1-Acesse o site SCM Music.

2-Em “Choose Skin” escolha como vai querer que fique o player.

3-Em “Edite Playlist” coloque em “Song Title” o título da musica, e em “Song URL” o link da música. Pode ser link do youtube. Coloque quantos você quiser.

4-Em “Configure Settings” deixa como está, altere somente “Autostart” - Marque Yes se quiser que a música comece a tocar sozinha, ou No caso não queira. Em “Default Volume” coloque o volume que deseja (aconselho deixar entre 50% á 70%). 

5-Em “Placement of the Player” , deixem top se quiser que o player fique em cima, ou bottom se quiser que ele fique em baixo.

6-Clique em Done.

7-Copie o código que o site gerou e coloque no seu theme antes de </body>.

 8- Salve e pronto

Como fazer Blog

Como colocar brilho no cursor do blog

6.11.13

Passo a passo:

  1. Primeiro vá em editar HTML do seu blog
  2. Aperte Ctrl+F procure a palavra : </body>
  3. Baixe o código AQUI.
  4. Cole ANTES dela o código.
  5.  Clique em visualizar, se estiver tudo certo salve e pronto!
Se quiser trocar a cor do brilho procure a palavra : var colour="#FFFFFF" e troque o #FFFFFF (atenção para não apagar as " ") pelo código da cor que você quiser (a cor que está no script é branco)

Código das cores AQUI.

Conseguiram? Comente qualquer duvida aqui em baixo!