(To read the Portuguese version of this tutorial click here)
In this tutorial I'll teach you how to make that "fade in" effect, that makes the theme start appearing smoothly when you open the blog. It's very easy to put and if you're interested just keep reading.
Don't forget to like and/or reblog this post later, if it end up being useful to you.
For begginers:
Go to the Customize page of your blog and click in "Edit HTML" to open the code of your theme.
In the following steps I will talk about some codes that you'll need to find in your theme code (like </head>, <body> and some others). To find them more easily click in any part of the HTML of your theme (just to "focus/select" the code window) and then press CTRL+F (this command is for Windows, but if you use another operational system it must be someting very similar). This command will open a search bar, like this:
And then, through this search bar, you can search for the codes that you need to find.
HTML:
Put this exactly after/below <body> in the code of your theme:
<div id="all"><!-- #all start -->
And put this exactly before/above </body>:
</div><!-- #all end -->
Scripts:
If you don't have the JQuery library applied in the code of your theme, you'll need to apply it. So copy this and paste after <head>:
