Peço que tenham bastante atenção quando forem colocar os códigos, para que não dê erro em nada.
Por favor, não retirem os créditos!
Se gostar -ou não gostar rsrs- comente sua opinião.
DOWNLOAD
Este blog contém:
Menu lateral personalizado
Título da postagem personalizado
Título de gadget personalizado
"Leia Mais" personalizado
Rodapé de postagem personalizado
"Negrito", "Itálico" e "Sublinhado" personalizados
Área dos comentários personalizada
Seleção colorida
Efeito Rotate
Blockquote personalizado
Botão de Seguir personalizado
Imagem para voltar ao topo
Efeito fade na entrada do blog
Códigos:
-Menu lateral-
<div class="menuam">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px Sacramento;"><div align="left">Nome do seu blog</div></font></a>
<a href="/">Home</a>
<a href="URL DA PÁGINA" onclick="changeNavigation;">About Me</a>
<a href="URL DA PÁGINA" onclick="changeNavigation;">Contato</a>
<a href="URL DA PÁGINA" onclick="changeNavigation;">Afiliações</a>
</div>
<style>.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #ebbabd; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbbRtTXNGmj5dV1ubMjZLTj1jgs9abOC-VkJAuFeo0iWbRJpfXcGWECzachHSfTA8-xsqxcoZJf7BVWlZz2TKpDEzKysiKt94iRSXyWM-74PrwXhKIc9_PEtxmtA7oC-PRoH4lAg2jRxw/s1600/tumblr_lqap62FK7Q1qcdtsho1_500.png"); color: #; top: 0; margin: 0; position: fixed; left: -200px; height: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345; }
.menuam:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.menuam a { border: none; background: #F9F9F9; color:#6e6e6e; padding: 5px; display: block; width: 100%; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; font-size: 7pt; margin: 5px -10px; text-shadow: 0 1px 1px #; }
.menuam a:hover { background: #ebbabd; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }
.menuam a:first-child { margin-top: 10px; } .menuam a:last-child { margin-bottom: 0px; }
.menuam a { padding: 4px 6px; }</style>
-Welcome-
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMtjBq8I3FXjoWmTL8vvbktbARhfhA0ELBaJbxjrRj3Zj30fluaKNhwkAS2eEKnFTcmh6hdvbkEbL3wx6sm_HdOo8LCrMOgRXezqHySNnSax_sPrb1roabEPX9UKVV3rG7zLxzEdX/s1600/Welcome.png" / /><br /><div><a href="LINK DO SEU FACEBOOK"><img src="http://3.bp.blogspot.com/-GtXJrU0lB70/UlAiYrJVAPI/AAAAAAAABuM/MyRTkPhqmhg/s1600/Modelo6Facebook.png" style="font-size: 100%;" / /></a><a href="LINK DO SEU TWITTER"><img src="http://2.bp.blogspot.com/--04YWzVV9wk/UlAiZReRFKI/AAAAAAAABu0/-6kHXfG3RZE/s1600/Modelo6Twitter.png" / /></a><a href="LINK DO SEU INSTAGRAM"><img src="http://3.bp.blogspot.com/-HHVHqBXgIIA/UlAiY4WqzzI/AAAAAAAABuY/Cy2i36goXLs/s1600/Modelo6Instagram.png" / /></a></div>
-Aviso-
<div style="Background: #fff; repeat; padding: 5px;-moz-box-shadow: 0 0 15px 5px#6e6e6e;-webkit-box-shadow: 0 0 15px 2px #c6d1d2;-moz-border-radius: 5px;border-radius: 2px;border: solid#c6d1d2; filter:alpha(opacity=150);"><center><marquee behavior="scroll" direction="left" loop="infinite" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">Layout Free: Sweet Flowers</marquee></center></div>
-Afiliados-
<a href="LINK" title="Você?"><img class="rotate" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2ubAttGmdD3_Y4AcGt3C1Br9c49JkLP98OsEViGchzWeDbhxkQRA-K5p55lyQuQ4WrQFIYZfxDPDqau18YRaUfeaj1HoJr0aulWxJUCeWrNjbXo9_0-J6-4bEJSnLN-Q7P7jv1pL/s1600/50x50.png" /> </a>
<a href="LINK" title="Você?"><img class="rotate" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2ubAttGmdD3_Y4AcGt3C1Br9c49JkLP98OsEViGchzWeDbhxkQRA-K5p55lyQuQ4WrQFIYZfxDPDqau18YRaUfeaj1HoJr0aulWxJUCeWrNjbXo9_0-J6-4bEJSnLN-Q7P7jv1pL/s1600/50x50.png" /> </a>
<a href="LINK" title="Você?"><img class="rotate" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2ubAttGmdD3_Y4AcGt3C1Br9c49JkLP98OsEViGchzWeDbhxkQRA-K5p55lyQuQ4WrQFIYZfxDPDqau18YRaUfeaj1HoJr0aulWxJUCeWrNjbXo9_0-J6-4bEJSnLN-Q7P7jv1pL/s1600/50x50.png" /> </a>
<a href="LINK" title="Você?"><img class="rotate" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2ubAttGmdD3_Y4AcGt3C1Br9c49JkLP98OsEViGchzWeDbhxkQRA-K5p55lyQuQ4WrQFIYZfxDPDqau18YRaUfeaj1HoJr0aulWxJUCeWrNjbXo9_0-J6-4bEJSnLN-Q7P7jv1pL/s1600/50x50.png" /> </a>
-End "Já Vai?"-
<div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9mTHbTyazv0z4H82ltBm82eRdqLpEWawYOGHkKigPSRjr4xgNJAjTKKK5sYCyNEDG7VLDbMc4E3Pjjtol02R_PwqQ0sad_cjkxIkyFeMUY0It5bEcVxkb3PkIJLOLg0wjxTGshV8/s1600/End.png" / /></div><span style="font-size: 100%; font-weight: normal;font-size:100%;">Tem certeza?</span><br /><span style="font-size: 100%; font-weight: normal;font-size:100%;">Estamos te esperando, viu!?</span><br /><span style="font-size: 100%; font-weight: normal;font-size:100%;">Volte sempre!</span><div><span style="font-size:100%;"><span style="font-size:100%;"></span></span><blockquote><span style="font-size:100%;"><span style="font-size:100%;">Layout base: EK. Modificado por: </span><a href="http://umapaixaooeterna.blogspot.com.br/" style="font-size: 100%; font-weight: normal;">Nathália Freitas</a><span style="font-size:100%;"> com ajuda dos blogs a seguir:</span><br /></span><a href="http://caramelos-encantados.blogspot.com.br/" style="font-size: 100%; font-weight: bold;">X</a><a href="http://www.empirekawaii.net/" style="font-size: 100%; font-weight: bold;"> X </a><a href="http://pqngarota.blogspot.com.br/" style="font-size: 100%; font-weight: bold;">X</a><a href="http://sweet-of-cherry.blogspot.com.br/" style="font-size: 100%; font-weight: bold;"> X</a><a href="http://www.followyourdreams.com.br/" style="font-size: 100%; font-weight: bold;"> X</a><a href="http://madlyluv.com/" style="font-size: 100%; font-weight: bold;"> X</a><a href="http://blogpatricinhasestilosas.blogspot.com.br/" style="font-size: 100%; font-weight: bold;"> X</a><a href="http://princesstutoriais.blogspot.com.br/" style="font-size: 100%; font-weight: bold;"> X</a></blockquote><span style="font-size:100%;"><a href="http://princesstutoriais.blogspot.com.br/" style="font-size: 100%; font-weight: bold;"></a></span></div>
-Botão de seguir-
<a href="http://www.blogger.com/follow-blog.g?blogID= N° DO ID DO SEU BLOG" style="display:scroll; position:fixed; top:300px ;right:80px;" target="_blank" title="Siga o blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqf7isTvi27gs3li5OewMheUMM4NuXIiKtRGV2Kfpl1RX_6tx2kcHnzWDkd2MXdn8uI4U3zjMX0gWlW9eUc5GAGX1-1UwgjEsHa6Ry525WoEmDVCI8blnckZmeBp5InSGeWt5Q5Y-0woRc/s1600/bot%C3%A3o+follow+6.jpg" /></a>
-Imagem "Voltar ao topo"-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD2TrKiuS4P-0X3RQKwiXNoM0kIz3PvFwCjOi4sBQ80t-nZq1eBlN3lGlx-JuaMuQO04RYAS2NaKm8dJEx16hYRL31z-mO_7_lB5DFUoHj2B0_sqWNpq4F6fKiH0GGhw-pwIzFLyXAok/s1600/topo.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Volte ao topo'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
-Efeito Rotate-
<style>
.rotate{ -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; -webkit-transition-duration: 1.20s; ;
}
.rotate:hover{-webkit-transform: rotate(360deg);
-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 5px 5px rgba(00,00,00,0.3);-webkit-box-shadow: 5px 5px rgba(00,00,00,0.3);box-shadow: 5px 5px rgba(00,00,00,0.3);}
</style>
-O BANNER-
O banner não é bem um código, mas requer bastante atenção.
Você irá clicar AQUI e salvar a imagem em seu computador.
Assim que salvar, você irá colocar o nome do blog no banner por algum editor. Recomendo que baixem a fonte Sacramento no seu computador e que coloque o nome do blog usando a mesma, pois é a fonte que eu coloquei no título da postagem e dos gadgets.
Em seguida você irá hospedar sua imagem em algum lugar (pode ser por um blog teste mesmo). Você vai abrir a imagem em uma nova guia e vai deixar ela ali quietinha -nada de fechar ehn!- aí você vai no HTML e vai procurar por >https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXu9DNNSnXMwjQIKp8ZNdKQu94_hu4cbUlMoi7PWrdmCMr5GM8NtM3kXD0x1rDCbjqL2FVIU5YDPFATzEf8T-9Mw8yXD5NFh9N4lWR2Kdm_5XuO329I0yDVwbx_ZdanUJSFHmtZt3ec22W/s1600/Back+para+lay+1.png< quando achar é só colocar o URL da sua imagem no lugar.
-Retire a navbar-
Vá em Layout → Navbar (Editar) → Desativar (última opção) → Salvar.
-Espaço da postagem ao cabeçalho-
Salve a imagem (transparente) a baixo ↓
Depois vá em Layout → Cabeçalho → Carrega a imagem acima → "Em vez de título e descrição" → Salvar.
-Categorias-
Clique no gadget categorias e deixe na opção 'Cloud' em vez de 'Lista'.
-Tirando o Tecnologia do Blogger-
Procure por: <b:widget id='Attribution1' locked='true' title='' type='Attribution'>. Substitua 'true' por 'false', salve, vá em Layout e exclua o gadget 'Atribuição' que fica lá em baixo.
PS: o Nº DO ID DO SEU BLOG é o número que aparece no link quando você esta editando/escrevendo no blog.
Ex: https://www.blogger.com/blogger.g?blogID=0101010101010101010#editor/target=post;postID=3167849862202439202;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=0;src=postname
No caso, o ID do blog é 0101010101010101010
Espero que seja útil, beijos.
- Nathália Freitas
- Nathália Freitas
Nenhum comentário:
Postar um comentário