21 de mai de 2012

Combo para modificar o layout de seu blog com facilidade

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(http://2.bp.blogspot.com/-5Qbuz2wG-jQ/T7Ojv52f5ZI/AAAAAAAAITU/BUTE9xZD9Ck/s1600/BVS+beautiful+paper08.jpg) repeat;/*imagem de fundo do blog*/
}

.main {
background: #EFEDE7;
}
.main-outer {background: url(http://4.bp.blogspot.com/-HN-UXlmVySw/T7O3fJfrH4I/AAAAAAAAITg/rtrFOWhleZ8/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(http://2.bp.blogspot.com/-NOJR-tXUhd4/T7OdanOgMsI/AAAAAAAAISU/xadKau0Y4d0/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(http://4.bp.blogspot.com/-eUoXsKH_Ye0/T7Odd_FMLFI/AAAAAAAAISc/WuSlGIOagXw/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(http://2.bp.blogspot.com/-FcUuA71FfEs/T7OeCzeERaI/AAAAAAAAISk/iysOw90udtc/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(http://3.bp.blogspot.com/-fZvMRt9Clro/T7OgWYgOYXI/AAAAAAAAISs/pK5gh7AGC08/s1600/BVS+beautiful+paper10.jpg) repeat;
list-style: disc url(http://1.bp.blogspot.com/--M5JC0oEAiQ/TkKipISy44I/AAAAAAAAAhg/IItFPNxHH1Y/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(http://3.bp.blogspot.com/-fZvMRt9Clro/T7OgWYgOYXI/AAAAAAAAISs/pK5gh7AGC08/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(http://4.bp.blogspot.com/-eUoXsKH_Ye0/T7Odd_FMLFI/AAAAAAAAISc/WuSlGIOagXw/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(http://2.bp.blogspot.com/-NOJR-tXUhd4/T7OdanOgMsI/AAAAAAAAISU/xadKau0Y4d0/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(http://1.bp.blogspot.com/--M5JC0oEAiQ/TkKipISy44I/AAAAAAAAAhg/IItFPNxHH1Y/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(http://2.bp.blogspot.com/-FcUuA71FfEs/T7OeCzeERaI/AAAAAAAAISk/iysOw90udtc/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>


5 comentários:

  1. Olá,

    Elki 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

    ResponderExcluir
  2. Muito bom esse combo, Espero que você faça mais Elke !

    brigadao!

    ResponderExcluir
  3. nossa, muito lokooooo! coloquei e pimba, mudou e ficou super legal. bjao e adorei.

    ResponderExcluir
  4. ooi, 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

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube