Como adicionar Coluna de Gadgets no rodapé do blog - Footer do blog com colunas de gadgets

Unknown 19:25 blog , colunas , footer , Gadgets , rodapé 20 comentários

Três colunas de gadgets

Neste artigo, trazemos um assunto interessante para blogueiros que desejam adquirir mais espaço em seu blog. É a opção de colocar Gadgets no rodapé (footer) do blog.

Em muitos templates não existe essa possibilidade ou quando existe é apenas um Gadget, e não se adapta a você. Então, vamos te ensinar a adicionar uma coluna com três Gadgets no rodapé de seu blog.

Tutorial

Primeiro, vá até o painel do seu blog, abra a caixa do código fonte do seu template, vá em modelo, editar html, dê um ctrl+f e procure por ]]></b:skin> Acima desta tag, cole o código seguinte:

/*Colunas do footer-----------------------------------------*/
#footer-columna-contenedor {
width: 99%;
clear:both;
margin:0 auto;
}
.footer-columna {
padding: 8px;
margin:0 auto;
}
#col1 .widget, #col2 .widget, #col3 .widget{
background: #fff;
border: 1px dashed $bordercolor;/*cor da borda*/
color: $sidebartextcolor;/*cor da letra*/
line-height: 1px;
padding: 10px;
margin:0 auto;
}
#col1 .widget-content, #col2 .widget-content, #col3  .widget-content {
border:3px solid #FFB90F;
border-top: none;
margin: 0 0 0;
padding:10px;
background: #fff;
}
#col1 h2, #col2 h2, #col3 h2{/*títulos*/
font-family: 'Wallpoet', arial, serif;
font-weight: bold;
background: #FFB90F;
margin: 2px 0 0 0;
padding: 20px 0px;
text-align: center;
float: center;
font-size: 18px;
color:$sidebartextcolor;/*cor da letra*/
text-shadow:0 1px 0 #f9f9f9;
}
#col1 ul, #col2 ul, #col3 ul{
list-style:none;
margin:0 0 0 0;
padding:6px  0 4px 0;
}
#col1 ul li a:link, #col2 ul li a:link, #col3 ul li a:link{/*link cinza*/
background:#eee
color:#A2B8D7;/*cor da letra cinza claro*/
border-bottom:1px dashed #ccc;/*borda cinza claro*/
margin: 0 0 1px 0;
padding: 15px 0 15px 14px;
display:block;
}
#col1 ul li a:visited, #col2 ul li a:visited, #col3 ul li a:visited{ /*links visitados ciza escuro*/
background: #ccc;
color:#808080;/*cor da letra cinza escuro*/
border-bottom:1px dashed #808080;/*borda cinza escuro*/
margin: 12px 0 1px 12px;
padding: 10px 0 5px 14px;
display:block;
}
#col1 ul li a:hover, #col2 ul li a:hover, #col3 ul li a:hover{ 
background: #808080;
color: #5B79A3;
border-bottom:1px dashed #5B79A3;
}

Ainda dentro do código fonte do seu template, procure pela linha </div> Ao localizá-la, cole o código abaixo:

Feito isso, salve. Agora vá em Layout e você verá a coluna com três Gadgets no rodapé (footer) de seu blog!

Gostou? Comente!

20 comentários :

JunioGames24/09/2013, 15:41
Gostei muito,fiz aki no meu e deu certo flw Andrew
ResponderExcluir
Respostas
Unknown25/09/2013, 02:25
iai tudo certo junior fico feliz que tenha sido útil para você o artigo.
ResponderExcluir
Respostas
GabrielaFh20/11/2013, 13:38
Boa Tarde :D eu quero muito adicionar uma coluna de Gadgets a mais no meu blog, mas estou com dificuldades para fazer isso. Quero somente uma coluna grande no rodapé. Você poderia me ajudar?
Meu E-mail gabrielafth@hotmail.com
ResponderExcluir
Respostas
vitor01/12/2013, 13:56
SUPER CERTO ! amei, irei credita-lo em minha pagina de créditos ! Parabens pelo trabalho :)

www.loucosporumestilo.com.br
ResponderExcluir
Respostas
Anônimo07/02/2014, 17:47
Olá amigão. No meu template não deu certo. A última linha com o cod eu não encontrei, ai fiquei em dúvida onde colocar a ultima parte do cod html. Podes me ajudar nessa. Obrigado
ResponderExcluir
Respostas
https://prrodrigomendonca.blogspot.com/25/03/2014, 15:54
Shalom querido Andrew Silva, deu certinho se vc puder me explicar como colocar um Gadgets daqueles único e comprido cara vai me ajudar e muito. Que que Deus venha abençoar grande mente a sua vida.
ResponderExcluir
Respostas
Unknown24/04/2014, 09:36
Vlw cara muito bom
ResponderExcluir
Respostas
Anônimo30/07/2014, 00:57
COMO MUDO A COR DE FUNDO DELE?
ResponderExcluir
Respostas
Anônimo02/08/2014, 17:58
Amigo, como colocar um único Gadget grande no rodape do blog?
ResponderExcluir
Respostas
Conceitus de Beleza30/09/2014, 17:55
Show de bola. Parabéns e obrigado!
ResponderExcluir
Respostas
cidadoasa28/10/2014, 15:00
olá,
na verdade eu gostaria de colocar um e-mail pra contato.
o que vc me diz? obg!
ResponderExcluir
Respostas
Unknown29/09/2015, 22:53
nao consegui :(
ResponderExcluir
Respostas
UM POUCO DE TUDO13/01/2018, 14:14
no meu template não consigo localizar essa tag:
-- end content-wrapper -->

no meu não tem e agora o que faço?
ResponderExcluir
Respostas
Diyjogos25/04/2019, 14:04
Muito massa!!!
ResponderExcluir
Respostas
Anônimo29/01/2020, 23:09
https://www.drsaudemasculina.org/
ResponderExcluir
Respostas

Adicionar comentário

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.

Assinar: Postar comentários ( Atom )

Como adicionar Coluna de Gadgets no rodapé do blog - Footer do blog com colunas de gadgets

Três colunas de gadgets

Tutorial

20 comentários :

Conheça nossos serviços

Cadastre seu email e receba novidades

Pesquise no Google

Quem está no blog agora

Visitantes do blog

Andrew Silva