Como já devem ter reparado, em alguns posts, eu utilizo um código que me permite dividir os posts em duas línguas, português e inglês.
Esta funcionalidade é perfeita para quem precisa de escrever em duas línguas, e permite que o post não fique gigante ou confuso.
Os créditos deste código/ideia vão para a Sofia do MonoChromatic Wave. Ela criou este código de raiz e tenho de lhe dar os parabéns por isso.
É verdade que os meus botões são diferentes dos dela, mas vocês já sabem que eu tenho sempre de personalizar de acordo com o meu blog ahah ( se quiserem que vos ajude a personalizar já sabem, é só pedir nos comentários )
Como não queria só dizer "Vejam o post da Sofia, adeus!", achei que vos podia explicar de uma forma mais simples o que a Sofia explicou no vídeo.
Uma das coisas que a Sofia disse, no vídeo, é que criava um rascunho em Português, e depois criava um rascunho em Inglês, e depois juntava tudo no Post Final. Mas eu sinto que vocês conseguem fazer tudo na mesma publicação, por isso vou-vos ensinar de uma forma um bocado diferente, mas que acho que vos vai agilizar imenso o processo.
A
Beatriz pediu-me para ensinar a adicionar o widget de comentários do Facebook no Blogger e aqui estou eu, com um novo tutorial, pronta a ajudar-vos.
Embora este tutorial tenha alguns passos a seguir, não é de todo um bicho de sete cabeças. Vou tentar explicar tudo direitinho, dividindo por categorias os passos a tomar, e se seguirem tudo à risca não devem ter nenhum problema a fazer esta instalação. Vamos começar?
Info: Este tutorial é apenas para Bloggers que usam a plataforma Blogger.com
Hoje vou-vos ensinar a criar uma janela no canto inferior direito do vosso blog que aparecerá automaticamente sempre que os vossos seguidores abrirem o vosso blog e andarem um bocadinho para baixo no vosso site.
A Janela do Facebook não cria nenhum ruído visual e é uma ótima forma de ganhar uns likes extra.
Sempre que precisam de alterar código CSS é sempre necessário ir à procura da palavra b:skin.
Como essa é a base de quase todos os tutoriais daqui do blog e como ainda têm dificuldade em encontrá-lo o post de hoje vai ser só sobre isso.
Vamos lá encontrar o raio do b:skin.
Lembro-me que retirar a borda e a sombra das imagens foi das primeiras coisas que fiz para modificar o meu blog, e sei que muitas de vocês já passaram por isso porque faz parte das pré-definições dos templates do Blogger.
Mas se ainda tiverem esse problema, e o quiserem resolver, é só continuar a ler.
English You asked, so here it is! An updated version of the web design lesson "Navigation bar with submenus". Now you can have your navbar completed with your social media icons.
If you don't have the navigation bar yet go get it here.
Got the code? In the end of the code you are going to see something like this:
Right? Now, add this code before the last
Now you only need to switch the links of your social media and the links of the images of your social media icons where it says, for example "LINKFACEBOOK" and "LINKIMAGEFACEBOOK"!
If you feel that the images need to be a little bigger you just have to change the number were it says
width. If you think that the icons need to bit a little bit up or a little bit down you just have to change the number were it says
margin-top ( Leave this dash
- ! If you want the icons a bit up you need to increase the number and if you want the icons a bit down you have to decrease the number! )
Hope it helps! Xoxo
Português Pediram-me e aqui está! Uma atualização da aula "Navigation bar with submenus". Agora podem ter a vossa barra com menu e submenus e ainda os vossos ícones das redes sociais no lado direito. Para quem já tiver usado o meu código para a barra de navegação e quiser adicionar os icones das redes sociais do lado direito só precisa de adicionar um código simples.
Se ainda não tiveres o código da barra clica aqui para ires à aula anterior.
Já tens o código? Agora vais encontrar no final do código algo assim:
Certo? Agora, antes do último
coloca este código:
Agora só precisas de trocar onde diz, por exemplo, "LINKFACEBOOK" e "LINKIMAGEMFACEBOOK" pelos respectivos links e links de imagens dos ícones para ficar completo!
Caso achem que as imagens deveriam ser um pouco maiores só precisam de aumentar o número onde diz
width. Se acharem que os botões precisam de ficar mais acima ou mais abaixo só precisam de alterar o número onde diz
margin-top ( Deixem o sinal
- ! Se quiserem puxar para cima aumentem o número, se quiserem colocar os ícones mais para baixo diminuam o número! )
Espero que tenha ajudado! Xoxo