Personalizar o Plano de Fundo Do Blogger - Versão #2
Neste tutorial trago para vocês mais um código para personalizar o seu blog, de forma que fique mais atrativo para o seu público alvo.
Veja uma demonstração:
Para colocar em seu blog é bem simples;
Entre em "Modelo" e procure pela tag
]]></b:skin>
Tendo encontrado esta tag, cole ACIMA dela os seguinte código
<style type="text/css" id="op_header_css">
p, .single-post-content li, #content_area li, .op-popup-button .default-button{font-family:"Droid Sans", sans-serif}a, blockquote{font-family:"Droid Sans", sans-serif}.featured-panel-style-1.featured-panel-4 .get-access-now h3, .featured-panel-style-1.featured-panel-5 .get-access-now h3{font-family:"PT Sans Narrow", sans-serif}.latest-post .continue-reading a, .post-content .continue-reading a, .older-post .continue-reading a,.main-content-area .single-post-content a,.featured-panel a,.sub-footer a, .main-sidebar a{text-decoration:none}.latest-post .continue-reading a:hover, .post-content .continue-reading a:hover, .older-post .continue-reading a:hover,.main-content-area .single-post-content a:hover,.featured-panel a:hover,.sub-footer a:hover, .main-sidebar a:hover{text-decoration:none}a, a:visited, a:link{text-decoration:none}a:hover{text-decoration:none}body, body.op-custom-background{background-image:url('http://jogodotexto.com/wp-content/uploads/2015/07/fundo.jpg')}a,a:visited{text-decoration:none}a:hover{text-decoration:none}.footer-navigation ul li a{text-decoration:none}.footer-navigation ul li a:hover{text-decoration:none}.footer a{text-decoration:none}.footer a:hover{text-decoration:none}.footer small.footer-copyright a{text-decoration:none}.footer small.footer-copyright a:hover{text-decoration:none}.footer small.footer-disclaimer a{text-decoration:none}.footer small.footer-disclaimer a:hover{text-decoration:none}
</style>
A parte grifada de azul, corresponde a imagem de fundo.