Template Manga Guerreiros

DEMO/PEGAR CÓDIGO

Template para o Blogger com vários hackes instalados como: scroll top, sidebar com efeito fade, menu social, área de crédito, etc...




Vá até o "Modelo de seu blog", clique em "Editar HTML"

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora cole aí o código do modelo do template e salve.

Para instalar o menu, vá até o layout, copie o código abaixo e cole no HTML/Javascript que tem abaixo do cabeçalho. Coloque aí os seus links e salve.

Cole então o próximo código fazendo as modificações necessárias.

<div class='nav-wrap'>
<ul class='group' id='admenu'>
<li class='current_page_item' style=''><a href='seu-link'>Início</a></li>
<li style=''><a href='ENDEREÇO DO LINK 1'>Link 1</a></li>
<li style=''><a href='ENDEREÇO DO LINK 2'>Link 2</a></li>
<li style=''><a href='ENDEREÇO DO LINK 3'>Link 3</a></li>
<li style=''><a href='ENDEREÇO DO LINK 4'>Link 4</a></li>
<li style=''><a href='ENDEREÇO DO LINK 6'>Link 6</a></li>
</ul>
</div>

Para instalar o menu social que fica na sidebar, copie o código abaixo e cole no HTML/Javascript. Depois link suas páginas sociais e salve.

<div id="GIB-social-hover">



<div id="links"><a href="AQUI O ENDEREÇO DE SEU TWITER" class="twitter" title="Twitter" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEuqVxBf5xJDNWZMBfQGDOgNVTlaqIR8AHA6xU-iWBUIUAfjMo99nfu8Vh8aBWjlrTB524mdphFcugDZl4Bku4yltpiKzcffdIPO8xQMeU7BWUqBYFZxO3007l0IEwVpNR9dvpQHJBSyo/s1600/twitter.png" /></div></a>

<a href="AQUI O ENDEREÇO DE SEU FACEBOOK" class="facebook" title="Facebook" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtk47tScUdxImSngDQVCn03GZ5HdhwLyXkd2isUS4MpNP8rfWcBLtPaAqF6qm_ziuKWmaTwsgQHRdC4BguTTyKb0gkITEKg9zQArhKJP6otIRNTRfTo-U912OsZjswl2kBTC7PFVof47Y/s1600/FB.png"  /></div></a>

<a href="AQUI O ENDEREÇO DE SEU GOOGLE PLUS" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkU_Oi3xlliNmT2oubbFcL_DpadgnRRo1J1IOP2wEA6_NxhClR04CuvvOlUtmzEbZet7vaMLe5j2jwGs6tM-EijOO8WaOjsHvXmYPe1FzIn69EcEG8gZC9OmB9bTn5E_UhmHEYyPJ7vSI/s1600/google.png" /></div></a>

<a href="AQUI O ENDEREÇO DE SEU PINTEREST" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtEj-fPKlAziPPXqn_fdVBZx-qLPcnbWXP09dFUXz9S3G2UPJ2Gy1ii5EuR_yCXBNzB4ciXIKxbfPbdOe4pudGsfAf2omMVqRnSTiGUTtiEQRgK9wfZnYg0We75nUYNcedRLVYmIx3R70/s1600/pin.png" /></div></a>

<a href="AQUI O ENDEREÇO DE SEU FEEDBURNER" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVHVLNTtQVSnUdC2ysmn8vhtkJu6gCiRcJa4IqiDnVK_TaY4jqHXzmwJdZuF9wYdv_adpQxeDsfFXo3Cayh9UqzdDlz1DU-9lMh5ou-221S5JMGFflgwXbQtCq7GfCrJO-FAh1FKmycmM/s1600/rss.png" /></div></a>
</div></div>

<style>/*Menu social---------------------------------------------------------------------------*/
.tota { margin:10px auto; }
#GIB-social-hover{position:relative;width:100%;height:215px;
background:#404040 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7O6zG-ctacFBZOuSLrl4l5apr9_MtQe-GZ7iOqvQYJvjcDheKt-Lx3GwtOnYKCe8AKR89zc9erLLuV4Tdawy6tjPCIhyeKprhE1UuhvkVgkYlxpuYsZDrUz41OJfXYDnMKVL0nm4bDhc/s1600/vintage.png");}
#GIB-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
#GIB-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}
#GIB-social-hover #links{position:absolute;bottom:0;width:100%;}
#GIB-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);
-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;
}
#GIB-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}
#GIB-social-hover a.twitter:hover{background:#79dbff;}
#GIB-social-hover a.facebook:hover{background:#6e9bee;}
#GIB-social-hover a.google:hover{background:#cccccc;}
#GIB-social-hover a.pinterest:hover{background:#cb2027;}
#GIB-social-hover a.rss:hover{background:#ffae42;}
#GIB-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}
#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}
#home-tagline strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}
.home-highlight{float:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}
.home-highlight p{margin:0;}
.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}
.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}
.home-highlight:hover .home-highlight-title{color:#3a3534;}
#home-featured{min-height:400px;margin-bottom:37px;}
#home-featured .home-divider{margin-top:0;}
#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}
#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}
.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}
.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}
.featured-theme-entry-content .button{margin-top:15px;}
.featured-theme-entry-content .button:hover{background:#f5634a;opacity:1;}
.featured-theme-entry-img{display:block;float:right;margin-right:5px;}.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}
#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}
#featured-theme-slider .flex-direction-nav{margin:0;}
#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}
#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}
#featured-theme-slider{}

</style>


<!-- Fim código menu -->

Para instalar o menu social no footer do Bllogger, vá em modelo (local onde você colou o código do template e procure por:

<div id='creditos'>



Abaixo dele você encontrará os locais onde se deve colocar o endereço das páginas sociais.