Dowload e como utilizar o layout

Primeiro faça o backup do seu layout atual, caso você erre em algo você pode recuperar, veja como fazer o backup aqui ou faça em um blog de testes primeiro, é o que eu mais recomendo.

Alterando o menu

Para alterar remover ou adicionar links no menu, abra o HTML do layout no blogger,clique em alguma parte na caixa de código e dê ctrl + f e pesquise por <nav id='menu'>   Irá abrir o código abaixo

<li><a href='LINK DO SEU BLOG AQUI'><i aria-hidden='true' class='fa fa-home'/> HOME</a></li>
<li><a href='COLE O LINK AQUI'> SEU LINK</a>
</li>
<li><a href='COLE O LINK AQUI'> SEU LINK </a>

<li><a href='COLE O LINK AQUI'> SEU LINK </a></li>

E ele já é auto explicativo onde está escrito seu link é o nome que você quer que fique no meni, e cole seu link você coloca o link da página que desejar. Se quiser adicionar mais links é adicionar a linha abaixo no código do layout

<li><a href='COLE O LINK AQUI'> SEU LINK </a></li>

Alterando o nome do seu blog/logo

Para alterar o logo/nome do seu blog é uma gambiarra pequena haha mas se você prestar atenção como vou explicar certeza que vai ficar legal.

No HTML procure por http://i.imgur.com/06YRLU5.png que é o nome do layout, você vai precisar usar a mesma base de imagem, que vou disponibilizar para vocês. 

Baixe aqui  é uma imagem transparente

Você vai precisar escrever o nome do seu blog na parte mais embaixo da imagem, se você colocar na parte de cima não vai ficar certinho como no layout, assim como no print

Você consegue escrever na imagem com vários editores simples como photoscape, ou online como o picmonkey  depois que já estiver com a imagem prontinha e do jeito que eu expliquei você irá fazer o uploud dela em algum site, pode aqui no próprio blogger ou no imgur por exemplo. 

Então você vai substituir o link da imagem original do layout http://i.imgur.com/06YRLU5.png  por essa que você acabou de fazer o uploud.

Configurar área de posts

Para configurar o rodapé da postagem e a paginação do blog vá em layout >> e em postagens do blog >> Clique em editar e deixe exatamente como no print

Em número de posts na página inicial deixe 5 posts, é o ideal. A data deixe como preferir, Deixe marcado a caixinha de comentários e a de marcadores que você pode escrever o nome que quiser para as tags que aparecem na área de posts, no caso eu escrevi TAGS: mesmo, ai vocês escolhem.

As demais caixinhas deixe desmarcadas que são: Postado por, ás, links para esse post, reações,botões de compartilhamento (esse é o do blogger que estamos desativando e não do layout) local e perfil do autor abaixo das postagens, Salve

Configurando os slides

Adicione um gadget de HTML/javascritp e nele cole o código abaixo

<div id='featuredpost'/>

<script type='text/javascript'>

//<![CDATA[

function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:5,idcontaint:"#featuredpost",ImageSize:500,interval:10000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://3.bp.blogspot.com/-v45kaX-IHKo/VDgZxWv0xUI/AAAAAAAAHAo/QJQf8Dlh3xc/s1600/grey.gif",MonthNames:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"><i class="fa fa-caret-left"/> </a><a href="#" id="nextx" title="next"> <i class="fa fa-caret-right"/></a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'" title="'+k+'"><div class="overlayx"></div><img class="random" src="'+u+'" title="'+k+'"><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click();};document.write('')

//]]>

</script>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function () {

FeaturedPost({

blogURL:"LINK DO SEU BLOG AQUI",

MaxPost:10, /*--QUANTIDADE DE POSTS EXIBIDOS--*/

idcontaint:"#featuredpost",

ImageSize:500,

interval:10000,

autoplay:true,

tagName:false

});

});

//]]>

</script></div>

Altere onde pede  o link do seu blog, e arraste esse gadget para cima da área de posts ficando como no print.

Salve

Gadgets

Gadget perfil do blogueiro

Adicione um gadget de HTML/Javascript e nele cole o seguinte código

<center>

<img src="LINK DA SUA FOTO AQUI" style="-moz-border-radius: 1000px; -webkit-border-radius: 2000px; -o-border-radius: 2000px; width:300px; heigh:auto;" />

<br />

<p align="justify" > 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. </p>

<br />

<a href="LINK-DA-REDE-FACEBOOK" ><img src="http://imgur.com/M9FfZ5s.png" />

<a href="LINK-DA-REDE-TWITTER" ><img src="http://imgur.com/z0RHTlt.png" />

<a href="LINK-DA-REDE-INSTAGRAM" ><img src="http://imgur.com/zMffUxw.png" />

<a href="LINK-DA-REDE-GOOGLE +" ><img src="http://imgur.com/JdNYCzT.png" />

</a></a></a></a></center>

Altere a onde se pede e salve.

Categorias

Adicione o gadget de marcadores e deixe configurado por lista como no print

Salve

Caixa de pesquisa

Adicione um gadget de HTML/Javascript e nele cole o código abaixo

<center>
<style>
#searchbox {
width: 280px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuKNpdkXglT8UqH_fNj32lOUwtpx15Vu2qBoW-62vkfND41Ech0guUf4johsYxAiMudLaR_j1Dq6NLuUVv4dLV1STeUkjiOf2nOQN7tRw-0ZBj7egnpvXQ-1JknRStmB6qU8p7BQz4So/s1600/..2..png) no-repeat;
}
#searchbox input {
    outline: none;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input[type="text"] {
background: transparent;
border: 0px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 14px;
    color: #999!important;
    padding: 10px 35px 10px 20px;
    width: 220px;
}
#searchbox input[type="text"]:focus {
color: #999;
}
#button-submit{
background: url("") no-repeat;
margin-left: -40px;
border-width: 0px;
width: 40px;
height: 50px;
}
#button-submit:hover {
background: url("");
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="Digite o que procura" />
<input id="button-submit" type="submit" value=" "/>
</form>
</center>

E salve, não precisa alterar nada.

Os demais gadgets você adiciona a seu gosto pessoal. 

E pronto seu layout está instalado e funcionando perfeitamente!

Dowload do código do layout abaixo

DOWLOAD 

O que o layout contém?

Menu fixo 
Slides com posts recentes automáticos
Área de post personalizada
Leia mais manual (você escolhe quando e se quer usar)
Botões de compartilhamento nas redes sociais
Comentários via facebook e blogger
Sidebar personalizada
Gadgets personalizados
Marcadores/categorias em lista
Perfil do blogueiro
Rodapé de créditos
Posts relacionados

Post de teste 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id neque nulla. Donec mattis porta nisl sit amet mollis. Etiam ultrices eros eget nulla dapibus, ut egestas urna consectetur. Mauris in sodales dolor. Sed ante metus, ultrices sed imperdiet in, malesuada sed quam. Ut egestas, nisl id efficitur scelerisque, risus metus tristique tortor, nec rutrum leo massa eu odio. Nunc faucibus ut ex id vestibulum. Praesent ut porttitor justo. Sed facilisis facilisis eros, ut pharetra nunc tempus id. Sed rhoncus tempor nibh id rhoncus. Cras tellus ipsum, sodales id tempus a, ultricies vel enim. Vivamus commodo nibh a quam hendrerit, a bibendum ante imperdiet. Proin in elit ex. Nunc dolor tellus, suscipit quis nibh sit amet, faucibus laoreet orci. Morbi faucibus gravida volutpat. Curabitur ullamcorper maximus velit vel interdum.

Nulla auctor non massa vel pulvinar. Nullam rutrum pretium vehicula. Vivamus eget efficitur arcu. Curabitur in ultricies purus. Sed porttitor quam quis arcu bibendum scelerisque. Integer mi augue, congue ut justo sit amet, vehicula sollicitudin arcu. Pellentesque non eros quis velit volutpat laoreet.

Vestibulum facilisis mattis erat, sed sagittis ligula facilisis sit amet. Ut porta, dolor porttitor tristique dignissim, purus ipsum tincidunt orci, quis consequat lorem ipsum eget arcu. Maecenas nisl ante, interdum vel elementum quis, euismod quis ante. Aliquam id blandit tellus. Praesent eleifend tincidunt mauris vel imperdiet. Suspendisse tempus quam lorem, sodales posuere odio malesuada ullamcorper. Curabitur scelerisque risus ipsum, a consequat quam lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce id leo imperdiet, tristique sem eget, facilisis est. Curabitur sem nibh, convallis a ornare a, congue sit amet ligula. Nam vitae odio dolor. Phasellus porttitor metus eu lacus aliquet ultricies. Vestibulum finibus et lorem vitae ultrices.

Sed vel aliquet magna, sit amet rhoncus velit. Donec bibendum turpis in tortor rutrum, nec tempus enim finibus. Phasellus nec enim eget dolor convallis volutpat. Cras id sagittis tellus. Aenean hendrerit malesuada pulvinar. Cras quis cursus augue. Pellentesque justo lectus, bibendum a nisl sed, lacinia maximus turpis.

Sed gravida lectus at consequat feugiat. Integer interdum interdum interdum. Vestibulum molestie hendrerit odio et scelerisque. Aenean id rhoncus sapien. Vestibulum sit amet nunc a sem ullamcorper ultrices. Praesent aliquam, elit ac volutpat aliquam, ante nisl auctor augue, vel luctus dolor ligula nec elit. Curabitur efficitur cursus sapien, vel condimentum ipsum semper id. Donec semper massa sit amet neque sagittis facilisis.

Post de teste 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id neque nulla. Donec mattis porta nisl sit amet mollis. Etiam ultrices eros eget nulla dapibus, ut egestas urna consectetur. Mauris in sodales dolor. Sed ante metus, ultrices sed imperdiet in, malesuada sed quam. Ut egestas, nisl id efficitur scelerisque, risus metus tristique tortor, nec rutrum leo massa eu odio. Nunc faucibus ut ex id vestibulum. Praesent ut porttitor justo. Sed facilisis facilisis eros, ut pharetra nunc tempus id. Sed rhoncus tempor nibh id rhoncus. Cras tellus ipsum, sodales id tempus a, ultricies vel enim. Vivamus commodo nibh a quam hendrerit, a bibendum ante imperdiet. Proin in elit ex. Nunc dolor tellus, suscipit quis nibh sit amet, faucibus laoreet orci. Morbi faucibus gravida volutpat. Curabitur ullamcorper maximus velit vel interdum.

Nulla auctor non massa vel pulvinar. Nullam rutrum pretium vehicula. Vivamus eget efficitur arcu. Curabitur in ultricies purus. Sed porttitor quam quis arcu bibendum scelerisque. Integer mi augue, congue ut justo sit amet, vehicula sollicitudin arcu. Pellentesque non eros quis velit volutpat laoreet.

Vestibulum facilisis mattis erat, sed sagittis ligula facilisis sit amet. Ut porta, dolor porttitor tristique dignissim, purus ipsum tincidunt orci, quis consequat lorem ipsum eget arcu. Maecenas nisl ante, interdum vel elementum quis, euismod quis ante. Aliquam id blandit tellus. Praesent eleifend tincidunt mauris vel imperdiet. Suspendisse tempus quam lorem, sodales posuere odio malesuada ullamcorper. Curabitur scelerisque risus ipsum, a consequat quam lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce id leo imperdiet, tristique sem eget, facilisis est. Curabitur sem nibh, convallis a ornare a, congue sit amet ligula. Nam vitae odio dolor. Phasellus porttitor metus eu lacus aliquet ultricies. Vestibulum finibus et lorem vitae ultrices.

Sed vel aliquet magna, sit amet rhoncus velit. Donec bibendum turpis in tortor rutrum, nec tempus enim finibus. Phasellus nec enim eget dolor convallis volutpat. Cras id sagittis tellus. Aenean hendrerit malesuada pulvinar. Cras quis cursus augue. Pellentesque justo lectus, bibendum a nisl sed, lacinia maximus turpis.

Sed gravida lectus at consequat feugiat. Integer interdum interdum interdum. Vestibulum molestie hendrerit odio et scelerisque. Aenean id rhoncus sapien. Vestibulum sit amet nunc a sem ullamcorper ultrices. Praesent aliquam, elit ac volutpat aliquam, ante nisl auctor augue, vel luctus dolor ligula nec elit. Curabitur efficitur cursus sapien, vel condimentum ipsum semper id. Donec semper massa sit amet neque sagittis facilisis.

Post de teste 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id neque nulla. Donec mattis porta nisl sit amet mollis. Etiam ultrices eros eget nulla dapibus, ut egestas urna consectetur. Mauris in sodales dolor. Sed ante metus, ultrices sed imperdiet in, malesuada sed quam. Ut egestas, nisl id efficitur scelerisque, risus metus tristique tortor, nec rutrum leo massa eu odio. Nunc faucibus ut ex id vestibulum. Praesent ut porttitor justo. Sed facilisis facilisis eros, ut pharetra nunc tempus id. Sed rhoncus tempor nibh id rhoncus. Cras tellus ipsum, sodales id tempus a, ultricies vel enim. Vivamus commodo nibh a quam hendrerit, a bibendum ante imperdiet. Proin in elit ex. Nunc dolor tellus, suscipit quis nibh sit amet, faucibus laoreet orci. Morbi faucibus gravida volutpat. Curabitur ullamcorper maximus velit vel interdum.

Nulla auctor non massa vel pulvinar. Nullam rutrum pretium vehicula. Vivamus eget efficitur arcu. Curabitur in ultricies purus. Sed porttitor quam quis arcu bibendum scelerisque. Integer mi augue, congue ut justo sit amet, vehicula sollicitudin arcu. Pellentesque non eros quis velit volutpat laoreet.

Vestibulum facilisis mattis erat, sed sagittis ligula facilisis sit amet. Ut porta, dolor porttitor tristique dignissim, purus ipsum tincidunt orci, quis consequat lorem ipsum eget arcu. Maecenas nisl ante, interdum vel elementum quis, euismod quis ante. Aliquam id blandit tellus. Praesent eleifend tincidunt mauris vel imperdiet. Suspendisse tempus quam lorem, sodales posuere odio malesuada ullamcorper. Curabitur scelerisque risus ipsum, a consequat quam lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce id leo imperdiet, tristique sem eget, facilisis est. Curabitur sem nibh, convallis a ornare a, congue sit amet ligula. Nam vitae odio dolor. Phasellus porttitor metus eu lacus aliquet ultricies. Vestibulum finibus et lorem vitae ultrices.

Sed vel aliquet magna, sit amet rhoncus velit. Donec bibendum turpis in tortor rutrum, nec tempus enim finibus. Phasellus nec enim eget dolor convallis volutpat. Cras id sagittis tellus. Aenean hendrerit malesuada pulvinar. Cras quis cursus augue. Pellentesque justo lectus, bibendum a nisl sed, lacinia maximus turpis.

Sed gravida lectus at consequat feugiat. Integer interdum interdum interdum. Vestibulum molestie hendrerit odio et scelerisque. Aenean id rhoncus sapien. Vestibulum sit amet nunc a sem ullamcorper ultrices. Praesent aliquam, elit ac volutpat aliquam, ante nisl auctor augue, vel luctus dolor ligula nec elit. Curabitur efficitur cursus sapien, vel condimentum ipsum semper id. Donec semper massa sit amet neque sagittis facilisis.