Mostrar mensagens com a etiqueta Web Design. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Web Design. Mostrar todas as mensagens
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
English I made this blog post for portuguese followers because one of our Portuguese Networks decided to put (without asking) a navigation bar in the top of our websites. And I think that's a bit wrong, so I'm going to teach the bloggers to put it in the bottom of the website :)

Português Quem é que também tem o site adicionado no Blogs Portugal? Já devem ter reparado que apareceu ali no topo dos nossos blogs uma barra bem grandona a fazer publicidade a outros blogs.

Se isso aconteceu é porque eles te escolheram para participares de um novo projeto deles, e eu acho isso óptimo, parabéns! MAS quase tive um mini ataque quando vi a minha linda barra personalizada por mim completamente escondida por um ser verde e gigantone,

No meio desse mini ataque de pânico em 5 minutos alterei o código deles para não me taparem tanto o meu querido blog, se vocês quiserem saber como podem passar a barra deles para a parte de baixo do vosso blog é só continuar a ler.

Só precisam de abrir o widget onde colocaram o contador Blogs Portugal:
Agora no final do código adicionas:

É preciso dizer que é muito provável que os vossos seguidores não cliquem tanto na barra por ela estar na parte de baixo do vosso blog por isso deixo esta decisão completamente com vocês. Mas para quem quiser passar a barra para baixo já tem aqui o código.
Kisses! 
English Having a blog is hard work, not gonna lie, but it's completely worth. I have this blog for more than 5 years, it's a lot, I know. The first couple of years I only wrote depressing things but in 2012 I changed a bit and I decided that my blog needed to grow, in a short period of time the blog went from 100 followers to 1000.

I receive e-mails from you telling me that you want to create a blog, but don't know how, or you want to create a blog but think that you are super shy and that would be a bad thing for the blog, or you want to grow your blog but don't know how.

Being shy isn't a bad thing, I was considered shy for most of my life and I decided that I wasn't going to let that be a problem. Every time I'm afraid of doing something I found a solution that works every time. I just do it! I forget that I'm afraid and do it! I don't regret my tactics, they led me here, to almost 3000 followers and a bunch of lovely blogger friends.

If you are afraid of receiving hater's comments, don't be. I never answered to one of that kind of comment for a simple reason. That person, that is usually anonymous, didn't take the time to get to know you better, instead they spent a few seconds to write awful things about you. The only people that matter are your friends and they know you for ages, so. that got to mean something, right?

Two other important steps that I think are really essential to make your blog grow is to have a domain and personalize your blog. My domain "www.lovable-maria.com" costs around 13€ a year. I do online classes were I teach you how to personalize your blog, but if you think hmtl and css aren't really your thing you can click here to have your blog personalized for 10€.
Português Ter um blog não é fácil mas, acho que toda a gente que tem o blog pode dizer que, todo o esforço vale a pena.

Eu recebo imensos e-mails e mensagens de Facebook vossas a pedir dicas de como começar o blog ou fazer o blog crescer, entre outras coisas.

Eu respondi a todas as meninas que me fizeram estas perguntas, mas decidi gravar um vídeo onde respondo a todas estas perguntas, de forma a tentar ajudar mais pessoas.

Se quiserem mais dicas ou tiverem alguma pergunta específica deixem nos comentários. Beijinhos
Hello darlings!

Another online class in web design, iey!

This one has been one of your top requests! In this online class you are going to learn how to create a navigation bar with submenus, just like mine.

If you don't want sub menus on your navigation bar you can learn how to do a simple one in my first online class.

Let's get started?



Are you tired of seeing that message every time you click on a label?
I sure was, and that's why you can't see it when you navigate my blog.

Today I'm going to show you how to get rid of it, and I promise you is the most easy thing I can possibly teach you.
To add CSS go to TEMPLATE page, click on EDIT HTML.
Search for and click on the triangle next to it.
Put the css code before
CSS CODE


Copy this code and you're done!
Best class ever or what?

Hello Darlings!

It's really important to have your blog sorted out, with strong categories. It's also important to have them visible on the blog.

Today I'm going to show you some ideas for your labels.

Choose the one you like the best and use it on your blog. You can also personalize them with the little comments I wrote on the code to help you out.
Hello Darlings!

Considero muito importante ter as categorias do blog bem definidas e bem visíveis no nosso blog.

Hoje vou-vos mostrar algumas alternativas para usarem nas vossas categorias.

Escolham o que gostam mais e só precisam de seguir os passos. Podem também personalizar com a ajuda dos pequenos comentários que coloco no código.

First step: Add HTML CODE
First thing you need to do is create the html code for your labels.

Go to the "Layout" Page, click in Add a gadget (on the sidebar). Then click on HTML/Javascript and paste the code where it says content:
Change the links and names of the labels for your owns.
A primeira coisa que tens a fazer é criar o código para as tuas labels.

Vai à página "Esquema", clica em Adicionar uma miniaplicação (na sidebar). Depois clica em HTML/Javascript e onde disser conteúdo coloca este código:

Muda os links e nomes das categorias para as tuas.

Second step: Personalize
Now the best part, let's personalize it and create something unique for your blog.

To add CSS go to TEMPLATE page, click on EDIT HTML.
Search for and click on the triangle next to it, and put the css code  you've chosen before
And you're done! See you next class?

Agora a parte melhor, criar algo único para o teu blog.

Para adicionar o CSS vai à página MODELO, clica em Editar HTML.
Procura por e clica no triângulo que se encontra ao lado, e coloca o código css que escolheste antes de
E está feito! Vemo-nos na próxima aula?
Hello Darlings!

As asked, today I'm going to explain to you how to turn the avatar of your readers into a round image.


It's really simple! Let's go.
Hello Darlings!

Como me foi pedido, hoje vou-vos explicar como se transforma o avatar dos vossos leitores em imagens redondas.

É mesmo muito fácil, vamos lá!

Hello Darlings!

Today I'm going to show you how to personalize the "Read More" button!


The basics you already know, you're a nivel 2 student now.

Learn how to do a fixed navigation bar, how to use your favorite font on your blog, and how to modify your sidebar's title by clicking on the links.

Let's get started!
Hello Darlings!

Hoje vou-vos mostrar como personalizar o vosso botão "Ler mais".

Eu já vos dei bases de html e css, já vos posso dizer que estão neste momento no nível 2 de aprendizagem.
Aprende a colocar uma barra de navegação fixa, a usar o teu tipo de letra preferido no teu blog e a modificar o título da tua sidebar, só precisas de clicar nos links.

Let's get started!
Hello Darlings!

Having a blog that looks exactly what you want it to look like can be a real challenge sometimes.


Maybe you don't know how you want your blog or maybe you just don't know how to change it!

If you chose the second option you are in the right place!


I already shown you how to do a fixed navigation bar and how to use your favorite font on your blog, even if you blog doesn't have it in the options listed.

Today I'm going to teach you how to change the appearance of the sidebar's titles.
Hello Darlings!

Ter um blog exactamente como o queremos consegue ser bastante difícil, por vezes.

Se calhar não sabemos o que realmente queremos mudar, ou se calhar não sabemos o que fazer para o mudar!

Se estás mais inclinado para a segunda opção estás no local certo!

Já vos ensinei como colocar uma barra de navegação fixa e como usar o vosso tipo de letra preferido no vosso blog, mesmo que o blog não o tenha como escolha.

Hoje vou-vos ensinar a modificar a aparência dos títulos da vossa sidebar.

Hoje vou-vos ensinar a colocar o vosso tipo de letra preferido no vosso blog, sem se terem de limitar à lista reduzida que o site Blogger vos oferece.

Vocês podem usar vários tipos de letra diferentes para diferentes elementos do vosso blog, embora aconselhe a usarem no máximo 2 tipos, para não confundirem os vossos leitores, e podem colocá-los em qualquer parte do vosso blog, no título do post, no texto do post, na sidebar, no título do blog, em qualquer lado.

Vamos lá começar?
ENGLISH

Hello darlings!
Many of you already asked me to help you create an amazing fixed Navbar that you see in some amazing blogs.
Today's the day that I will help you create your own personalized Navigation bar.
Let's get started!

PORTUGUÊS

Olá pessoas lindas!
Muitas de vocês já me pediram para vos ajudar a criar a barra de topo fixa que se têm visto ultimamente em muitos blogs maravilhosos.
Hoje é o dia que vos ensino a criar a vossa própria e personalizada Navigation Bar.
Vamos lá começar!