Layout Free Rosé Gold : Como usar tudo no layout

Primeiro você irá baixar o arquivo XML (no final desse post) e irá instalar no seu blog. Aprenda aqui.

Alterando o cabeçalho:

Vá em layout >> Editar HTML>> clique em alguma parte do código e tecle ctrl + f para aparecer uma caixinha de busca.

nela cole o código abaixo e tecle enter

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_oZG7C8YOrDE-LzLfssI1CZSBJOk2qiop5AK9Q521QZXTmE1VeOSpdeXDBwcCgAYTgN0jGLhIGGNWpsYPrwMvx0xS5n_zDRMaDV80e195mBLwnRlVcL_yW4YwPOf0dtv5lLVu5t2zD1m/s1600/LAYOUT+FREE+GLITTER+ROS%25C3%2589.png

prepare seu header, abaixo está a base limpa, você pode usar qualquer programa para escrever o nome do seu blog, ou algum editor online recomendo o Pixlr Editor.

CLIQUE NA IMAGEM PARA SALVAR COM TAMANHO REAL

Depois da sua base pronta você irá fazer o uploud dela em algum site, você pode usar o próprio blogger ou o IMGUR. Pegue o link que foi gerado para sua imagem começa com https:// e termina como PNG. e Substitua pelo primeiro código que você pesquisou. Salve.

ALTERANDO OS LINKS DO MENU

Mais uma vez no seu HTML na caixa de busca procure por HOME.

Você irá achar esse código. vários deles na verdade

<li><a href='SEU LINK'> PAGINA </a></li>

Onde estiver escrito seu link você cola o link que desejar, e em página o nome para seu link.

Se quiser remover um link ou adicionar basta colar ou apagar uma (ou mais linha de código)

<li><a href='SEU LINK'> PAGINA </a></li>

Configuração da data,paginação e rodapé das postagens.

Formato para data

Vá em configurações >> Idioma e formatação >> Formato da data e selecione como no print abaixo.

Configurando o rodapé das postagens e paginação

Vá em layout >> clique em editar no gadget principal.

Você vai deixar marcado apenas algumas opções:

Em número de postagens na página principal digite 5

Deixe selecionado a data, comentários e marcadores. Como no print abaixo. As demais coisas, desmarque todas.

Seu layout já está configurado, agora é só colocar os gadgets.

No cabeçalho, você irá colocar uma imagem transparente. Salve essa que está logo abaixo. Sei que você não está vendo, mas clique aqui em baixo que ela irá abrir e você pode salvar.

Postagens recentes automáticas

Em layout >> abaixo do cabeçalho crie um gadget de HTML/JAVASCRIPT e cole o código abaixo

<center><style type="text/css">
/*INICIO CSS FOTOS*/
.bsrp-gallery {
margin-top:-170px;
width:1300px; ==LARGURA DO SLIDE==
float:center; ==POSIÇÃO DO SLIDE==
clear:both;
}
.bsrp-gallery:after {
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 10px 15px 0;
text-decoration:none;
}
.bsrp-gallery .bs-item .ptitle {
background:#ffabc3; /*==COR AREA DE TITULO==*/
display: block;
clear: left;
font-family: 'arial', cursive; ==FONTE DO SLIDE==
font-weight:200;
text-transform:uppercase; /*==TDS LETRAS MAIÚSCULAS==*/
font-size:13px; /*==TAMANHO DO TITULO==*/
line-height:1.3em;
height:50px;
position: absolute;
bottom:0%;
text-align: center; /*==POSIÇÃO DO TITULO==*/
color:#fff; /*== COR DO TITULO==*/
width:96%;
padding:6px;
word-wrap: break-word;
overflow:hidden;
}
.bsrp-gallery a img {
background: #fff;
float: left;
}
.bsrp-gallery a:hover img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
/*FIM CSS FOTOS*/
</style>
<script>
//byjana
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" title="Get this from poderondesign">'];
for (var i = 0; i < entries.length; ++i) {
var post = entries[i];
var postTitle = post.title.$t;
var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZzs3y9Ik-pPToCPeS-HdlgBrxjK7AW13U6DIT-foSqHt4KP_-8LNyz9lSTNHiVerW0QN7Bx5ydIl4RIbzMU8lOroQ8uToBRsjlwtLJpSzIeWqf9VU5BsoFKU1PTytRiDtQouVWc4vGk7/s72-c/default+image.png';
var newImgUrl = orgImgUrl.replace('s72-c', 's' + bsrpg_thumbSize + '-c');
var links = post.link || [];
for (var j = 0; j < links.length; ++j) {
if (links[j].rel == 'alternate') break;
}
var postUrl = links[j].href;
var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize + '" height="' + bsrpg_thumbSize + '"/>';
var pTitle = bsrpg_showTitle ? '<span class="ptitle">' + postTitle + '</span>' : '';
var item = '<a href="' + postUrl + '" title="' + postTitle + '">' + imgTag + pTitle + '</a>';
html.push('<div class="bs-item">', item, '</div>');
}
html.push('</div>');
document.write(html.join(""));
}
hoje = new Date()
numposts =1
var bsrpg_thumbSize = 255;
var bsrpg_showTitle = true;
document.write("<script src=\"/feeds/posts/default?start-index="+numposts+"&max-results=4&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script></center>

Gadget perfil da blogueira.

Crie um gadget de HTML/JAVASCRIPT e nele cole o código abaixo.

<p align="center" > <b>Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto,Seu texto. </b></p>

<br />

Alterando onde se pede, em sua foto você irá fazer como no cabeçalho e upar uma foto sua em algum site, e colar o link ali. Se quiser usar a moldura de glitter salve ela abaixo e coloque sua foto em algum editor online ou em aplicativo no celular.