Como usar tudo no layout

24 janeiro 2018





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://3.bp.blogspot.com/-11mjzWqAYbc/Wmfr3OzfLWI/AAAAAAAADUs/MHqWYfEMd90YBTAdtvrjg6KmuzhFMmrjgCLcBGAs/s1600/LAYOUT%2BFREE%2BGLITTER%2BROS%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 : 'http://3.bp.blogspot.com/-sWtp_qRPNT8/UZYmQq5sAdI/AAAAAAAAEec/7YDbpK4Q6g8/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. 

<img width="370" height="auto" src="SUA FOTO" />


<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. 


Adicione um gadget de marcadores, altere o titulo para o que você preferir. e em seguida deixe essa configurações.


Salve. 

Crie um gadget de Postagens mais visitadas e configure a seu gosto. 

E salve. Seu blog está configurado! e pronto para uso. 

 Seta de volta para o topo 

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




 DOWNLOAD PELO PAGSOCIAL 


Como baixar: 

Clique no link acima e nessa tela escolha uma rede social para compartilhar, assim você estará ajudando o blog e a outros blogueiros. 



Você será redirecionado para essa página



É só clicar em Donwload! qualquer dúvida, deixe nos comentários. 


Nenhum comentário:

Postar um comentário

LAYOUT FREE: GLITTER ROSÉ 8 2017 © Todos os direitos reservados.
Criado por: Gleicy Haner - Designs e Fotografia
Tecnologia do Blogger.
imagem-logo