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