Será essa a aparência do blog. |
Que tal modificar totalmente o layout de seu blog através do HTML/Javascript do seu blog ? Bem facinho e te permite fazer várias combinações.
Salve. Agora clique em Layout
Clique em Adicionar um Gadget
Ao abrir, clique em HTML/Javascript
Cole então o próximo código fazendo as modificações necessárias, caso prefira colocar outras imagens para personalizar seu blog. Se não quiser retirar a barra, apague o código que está na cor vermelha.
<style>
#navbar{display:none;}
body, .body-fauxcolumn-outer .cap-top {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmZbrXm_0I28iEdhbahEEMmG6C4DBK-ctXRy_U9CE7DlTgb3d1e8Zhk4UswbZ6g7P8GDagL8R3moiPvAw9ivalelHihbuxWf2dZv2cL84g87iXo3DJxm8PYiZSAd-tI1bg1Rn7MISTPs4/s1600/BVS+beautiful+paper08.jpg) repeat;/*imagem de fundo do blog*/
}
.main {
background: #EFEDE7;
}
.main-outer {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZU6U_E1_jqh4E2PeB3YJeBpzAqELsf1Ud8oDL9UeqObEhVB-SQoXd625PciaeN7Lrqe16pd3Ef_kIFMNwv7P3s_4m3ReW8OvX2Sgw99r39_GyVbDHDJ0UEVb6qnkVeF3aEHmuQz0SBYTn/s1600/BVS+beautiful+paper04.jpg) repeat;
margin: 6px 0 6px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
h3.post-title, post-title h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3Lb-q5QA53cPX-XHMinygCRlxaAeKC9zbZ0GCmnT1DHtpWhm3LJOVOerCTOMhIbzGXBbNZXLYeemZrEDP6xYbBgV47POK-4eOR27wzwR2ARoYuxIQzCJiUmwpH9lsDFpaFTmx4LBXW_G/s1600/BVS+beautiful+paper14.jpg) repeat; /*imagem de fundo do título*/
font-color: #fff;
color: #fff; /*cor do título do post*/
text-shadow: black 0.1em 0.1em 0.2em;
padding: 8px 2px;
margin: 3px 1px;
}
/*Tabs--------------------------------*/
.tabs-inner {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Mc0-tpJ9nEE2a9jZ9HK_8aCUUPOScidkD0ubFFmzUu_TOvkNRMXnimumEOZzGvOHQ8kvzLRDqU-I00sWEY1hXMTT8Jkqta4fdAGQJ6kQXKxrBjcWPj0-hmfHtIyLZTlf5u6rMn-2imJj/s1600/BVS+beautiful+paper04.jpg);/*imagem de fundo dos widgets*/
padding: 6px 5px;
margin: 2px 0 6px 0;
border: none;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
.tabs-inner .section:first-child {
margin:2px 2px 2px 1px;
padding: 6px 5px 6px 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8DekVoqDFlUDh1OtfOCI-smtdsDpM23ikaf50kuqkL4Sh11iTu93JKoLqiXhWVgTn9LXkP95HodYHG3CIEaugPoSVEdm4tJXgPbVcDDzzh9m0ZWSNjoAZUhv38NZ0S_Ektg3dnmHEPhRx/s1600/BVS+beautiful+paper11.jpg) repeat;/*imagem de fundo da tab*/
border: none;
}
.section:first-child ul{
border: 1px dashed #3B2517;
padding: 6px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
border: none;
}
.tabs-inner .widget ul{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOBpzHTa7AT5luDH-e6SDNcx8d0kqHbChma6X7eQiJU_gyPu6G2d3n9N48A86tY-GVo5c2r7Xp43rvXgNxYz0HmtdaI3dZCaAX1nawYFghAn_R0CxjAEW8qJAXTtWQXRbBJg1fk_aT_qM/s1600/BVS+beautiful+paper10.jpg) repeat;
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1v208SXpQB1G-meGI01aqwgcUSrqiagu7koH9JTd_GGBirisrv0K24HxKjDeITOGjyb9fjFNwODFJWUzvq_ZjpUGDbN-P6lTTtVzMNbBgy-6VzrrpQkQxQK22WH0lZCoWIoj6hS92YlY/s1600/5.gif);
border: none;
width: 98%;
vertical-align: top;
padding: 3px 1px 3px 1px;
margin-left: 2px;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover{
background: #F3EDDF; /*cor de fundo da tabs selecionada*/
border: none;
margin: 2px 0 2px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
.tabs-inner .widget li a{
margin: 0 1px 0 0;
background: #FDFBF7;
border: none;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
/*Sidebar e footer------------------------------------------------------------*/
#sidebar-right-1, #sidebar-right-3, #sidebar-left-1, #sidebar-left-3, #sidebar-right-2-1, #sidebar-right-2-1, #sidebar-left-2-1, #sidebar-right-2-2, #sidebar-left-2-2, #footer-1, #footer-2-1, #footer-2-2, #footer-2-3{
margin:2px 2px 2px 1px;
padding: 6px 5px 6px 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOBpzHTa7AT5luDH-e6SDNcx8d0kqHbChma6X7eQiJU_gyPu6G2d3n9N48A86tY-GVo5c2r7Xp43rvXgNxYz0HmtdaI3dZCaAX1nawYFghAn_R0CxjAEW8qJAXTtWQXRbBJg1fk_aT_qM/s1600/BVS+beautiful+paper10.jpg) repeat;/*imagem de fundo da sidebar*/
}
#sidebar-right-1 .widget, #sidebar-right-3 .widget, #sidebar-left-1 .widget, #sidebar-left-3 .widget, #sidebar-right-2-1 .widget, #sidebar-left-2-1 .widget, #sidebar-right-2-2 .widget, #sidebar-left-2-2 .widget, #footer-1 .widget, #footer-2-1 .widget, #footer-2-2 .widget, #footer-2-3 .widget{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Mc0-tpJ9nEE2a9jZ9HK_8aCUUPOScidkD0ubFFmzUu_TOvkNRMXnimumEOZzGvOHQ8kvzLRDqU-I00sWEY1hXMTT8Jkqta4fdAGQJ6kQXKxrBjcWPj0-hmfHtIyLZTlf5u6rMn-2imJj/s1600/BVS+beautiful+paper04.jpg);/*imagem de fundo dos widgets*/
border: 1px dashed #3B2517;
padding: 6px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
#sidebar-right-1 .widget-content, #sidebar-right-3 .widget-content, #sidebar-left-1 .widget-content, #sidebar-left-3 .widget-content, #sidebar-right-2-1 .widget-content, #sidebar-left-2-1 .widget-content, #sidebar-right-2-2 .widget-content, #sidebar-left-2-2 .widget-content, #footer-1 .widget-content, #footer-2-1 .widget-content, #footer-2-2 .widget-content, #footer-2-3 .widget-content{
background: #F3EDDF; /*cor de fundo dos widgets*/
padding: 2px 2px;
}
#sidebar-right-1 h2, #sidebar-right-3 h2, #sidebar-left-1 h2, #sidebar-left-3 h2, #sidebar-right-2-1 h2, #sidebar-left-2-1 h2, #sidebar-left-2-1 h2, #sidebar-right-2-2 h2, #sidebar-left-2-2 h2, #footer-1 h2, #footer-2-1 h2, #footer-2-2 h2, #footer-2-3 h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3Lb-q5QA53cPX-XHMinygCRlxaAeKC9zbZ0GCmnT1DHtpWhm3LJOVOerCTOMhIbzGXBbNZXLYeemZrEDP6xYbBgV47POK-4eOR27wzwR2ARoYuxIQzCJiUmwpH9lsDFpaFTmx4LBXW_G/s1600/BVS+beautiful+paper14.jpg) repeat; /*imagem de fundo do título*/
color: #fff; /*cor do título do widget*/
text-shadow: black 0.1em 0.1em 0.2em;
padding: 8px 2px;
margin: 3px 1px;
}
#sidebar-right-1 ul li, #sidebar-right-3 ul li, #sidebar-left-1 ul li, #sidebar-left-3 ul li, #sidebar-right-2-1 ul li, #sidebar-left-2-1 ul li, #sidebar-right-2-2 ul li, #sidebar-left-2-2 ul li, #footer-1 ul li, #footer-2-1 ul li, #footer-2-2 ul li, #footer-2-3 ul li{
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1v208SXpQB1G-meGI01aqwgcUSrqiagu7koH9JTd_GGBirisrv0K24HxKjDeITOGjyb9fjFNwODFJWUzvq_ZjpUGDbN-P6lTTtVzMNbBgy-6VzrrpQkQxQK22WH0lZCoWIoj6hS92YlY/s1600/5.gif);
vertical-align: top;
padding-bottom: 1px;
margin-left: 2px;
border-bottom: 1px dotted #808080;
}
.fauxcolumn-left-outer .fauxcolumn-inner, .fauxcolumn-right-outer .fauxcolumn-inner , .footer-outer{
border: 0px;
padding: 6px 5px 6px 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8DekVoqDFlUDh1OtfOCI-smtdsDpM23ikaf50kuqkL4Sh11iTu93JKoLqiXhWVgTn9LXkP95HodYHG3CIEaugPoSVEdm4tJXgPbVcDDzzh9m0ZWSNjoAZUhv38NZ0S_Ektg3dnmHEPhRx/s1600/BVS+beautiful+paper11.jpg) repeat;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
</style>
Olá,
ResponderExcluirElki passei para agradecer pelos lindos modelos de blog que compartilha.
Me encantei com um dos teus e já troquei "a roupa" do meu blog, o visual ficou lindo!
Bjs,
Joyce
Gostei demais desse combo :D
ResponderExcluirMuito bom esse combo, Espero que você faça mais Elke !
ResponderExcluirbrigadao!
nossa, muito lokooooo! coloquei e pimba, mudou e ficou super legal. bjao e adorei.
ResponderExcluirooi, eu botei mas agora não quer mais sair... eu já exclui, obviamente, o gadjet, mas continua modificando todos os layouts q eu boto para esse.. oq eu faço??
ResponderExcluir