Instruções
Antes de tudo precisamos, primeiro fazer o backup completo do template caso haja erros.
Vá a aba Modelo-Editar html e procure por ]]></b:skin> ou ></b:skin> e cole o seguinte código abaixo.
- /*começo do código 4 gadgets ------- */
- #lower {
- margin:auto;
- padding: 0px 0px 10px 0px;
- width: 100%;
- background:#333333; /*cor do fundo*/
- }
- #lower-wrapper {
- background:#333333;
- margin:auto;
- padding: 20px 0px 20px 0px;
- width: 960px;
- border:0;
- }
- #lowerbar-wrapper {
- background:#333333;
- float: left;
- margin: 0px 5px auto;
- padding-bottom: 20px;
- width: 23%; /*aumentar largura dos gadgets*/
- text-align: justify;
- color:#ddd;
- font: normal 12px Arial, Tahoma, Verdana;
- line-height: 1.6em;
- word-wrap: break-word;
- overflow: hidden;
- }
- .lowerbar {margin: 0; padding: 0;}
- .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
- .lowerbar h2 {
- margin: 0px 0px 10px 0px;
- padding: 3px 0px 3px 0px;
- text-align: left;
- border:0;
- color:#ddd;
- text-transform:uppercase;
- font: bold 14px Arial, Tahoma, Verdana;
- }
- .lowerbar ul {
- color:#fff;
- margin: 0 auto;
- padding: 0;
- list-style-type: none;
- }
- .lowerbar li {
- display:block;
- color:#fff;
- line-height: 1.6em;
- margin-left: 0 !important;
- padding: 6px;
- border-bottom: 1px solid #222;
- border-top: 1px solid #444;
- list-style-type: none;
- }
- .lowerbar li a {
- text-decoration:none; color: #DBDBDB;
- }
- .lowerbar li a:hover {
- text-decoration:underline;
- }
- .lowerbar li:hover {
- display:block;
- background: #222;
- }
- /*final do código 4 gadgets ------ */
Tecle CTRL+F e procure por #333333 (Esta é a cor de fundo) e altere pela cor de sua preferência.
Agora procure por: "aumentar largura dos gadgets" a aumente a proporção dos gadgets no caso o padrão é 23%.
Procure pela tag </body> e adicione o código abaixo.
Atenção:
Dependendo do template você não poderá usar 4 gadgets, então exclua a parte que contém o número 4 no código abaixo marcado em vermelho.
Espero ter ajudado vocês a melhorar e/ou personalizar o seu blog.
0 Comment "Criando Rodapé com 4 gadgets no blogger"
Postar um comentário
Comentários São Muito Bem vindos, mas precisamos Ter Conhecimento do que se é comentado então temos algumas dicas para evitar algo indevido, tais dicas seguem-se abaixo:
- Nunca Comente ofensas há ninguém seja autores ou leitores
- Não será moderado Comentários que contenham URLs de seus web sites use OpenID
- Mais dicas e regras acesse nossa política de Comentários