Os créditos desse tutorial vai para Elaine Gaspareto.
Então, vamos começar...
Va no painel do blog e clique na aba "Layout", a seguir clique em "Adicionar um gadget", escolha a opçao "HTML/JAVASCRIPT" e na janela que expandir cole o código:
/* Content ----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
body, html {
height: 400px;
margin: 0;
padding: 0; }
body {
background: url("LINK DO TEU CABEÇALHO") no-repeat; }
html {
background: url("LINK DO TEU BG") repeat; }
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
<div id="w2bSlideContainer"><div id="w2bNivoSlider"><a href="LINK_DO_SLIDE_1"><img src="URL_DA_IMAGEM_1" title="LEGENDA DA IMAGEM 1"/></a><a href="LINK_DO_SLIDE_2"><img src="URL_DA_IMAGEM_2" title="LEGENDA DA IMAGE M 2"/></a><a href="LINK_DO_SLIDE_3"><img src="URL_DA_IMAGEM_3" title="LEGENDA DA IMAGEM 3"/></a><a href="LINK_DO_SLIDE_4"><img src="URL_DA_IMAGEM_4" title="LEGENDA DA IMAGEM 4"/></a></div></div>
"Blogueira, empreendedora digital e criadora dos treinamentos Blogger Expert e Canva para negócios”