Mudar a aparência do gadget de inscrição do blogger -Foi Testado

Criei alguns estilos Css para personalizar o Gadget de Inscrição de Feed do blogger, para quem já usa este gadget ou vai adicionar ele em seu BlogSpot é só escolher a aparência que combina melhor com seu blog e pegar o código Css abaixo.

Já falei anteriormente da importância em ter um maneira para os visitantes inscreverem-se no feed de seu blog(aumenta visitas) e, se o gadget é chamativo ou bonito terá maiores chances de exercer sua função.

Atenção

As imagens são apenas ilustrações do gadget com uma das opções expandida(clicada), o gadget poderá ficar um pouco diferente dependendo de seu modelo e navegador.

O código apenas inclui cores no gadget de inscrever do blogspot, você deve tê-lo adicionado, se ainda não fez veja aqui

Abaixo você terá uma instrução de onde adiciona o código Css, neste caso o Css de estilo para o gadget inscrição, deverá escolher apenas um dos códigos para seu blog, ou um dos estilos não vai funcionar.

Veja onde adiciona o Código de estilo Css no blogger

Acesse o blogger.com
Clique em Design ou Layout(nova interface)
Clique em Editar HTML
Para fazer uma cópia de seu código clique em Baixar modelo completo
Você deverá localizar esse código:
]]></b:skin>
Exatamente antes/acima desse código ]]></b:skin> pode deixar uma linha em branco e adicionar códigos Css
Para localizar use as duas teclas de atalho Ctrl F
Depois clique em VISUALIZAR para ver como ficou e, se gostar pode clicar em SALVAR MODELO

Código de estilo Css para o gadget inscrição

Acima mostrei os passos para adicionar o estilo Css no blogger, agora, abaixo terá vários códigos ao lado de cada imagem que representa como ficará o gadget inscrição.

É só selecionar e copiar, se o código não selecionar sozinho, tenha o cuidado para você mesmo selecionar todo o código do quadro.

Gadget inscrever cinza e link preto

Gadget do blogger para inscrever-se em feed, cor cinza e link preto

.subscribe{background:#000}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#000;width:144px}.feed-reader-links{background:#e1e1e1;border:dotted 1px #000;border-bottom:0;border-top:0}.top .inner{color:#000;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget de inscrição nas cores vermelhas

Gadget do blogger para inscrição em feed rss, cores vermelhas

.subscribe{background:red}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:red;width:144px}.feed-reader-links{background:#ffebeb;border:dotted 1px red;border-bottom:0;border-top:0}.top .inner{color:red;font-size:14px;font-weight:bold;letter-spacing:-1px}

Código Css de gadget do blogger para inscrição em feed, cor de rosa

.subscribe{background:#fc67fc}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#fc67fc;width:144px}.feed-reader-links{background:#fcecfc;border:dotted 1px #fc67fc;border-bottom:0;border-top:0}.top .inner{color:#fc67fc;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget para inscrição em feed, cores lilas?

Gadget para inscrição em feed rss, cores lilas

.subscribe{background:#c101c1}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#c101c1;width:144px}.feed-reader-links{background:#fae1fa;border:dotted 1px #c101c1;border-bottom:0;border-top:0}.top .inner{color:#c101c1;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget para inscrição em feed, cor Pink

Gadget do blogger para inscrição em feed, cores pink

.subscribe{background:#ff00bf}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#ff00bf;width:144px}.feed-reader-links{background:#fae1fa;border:dotted 1px #ff00bf;border-bottom:0;border-top:0}.top .inner{color:#ff00bf;font-size:14px;font-weight:bold;letter-spacing:-1px}

Código Css de gadget blogger para inscrever-se, cores amarelo ou laranja

gadget para inscrição em feed, cores amarelo escuro ou laranja claro

.subscribe{background:orange}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:orange;width:144px}.feed-reader-links{background:#ffeed4;border:dotted 1px orange;border-bottom:0;border-top:0}.top .inner{color:orange;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget de inscrição em feed, cor amarelo ou laranja

gadget de inscrição em feed, cores amarelo ouro ou laranja

.subscribe{background:#c79603}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#c79603;width:144px}.feed-reader-links{background:#f6eac9;border:dotted 1px #c79603;border-bottom:0;border-top:0}.top .inner{color:#c79603;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget do blogger de inscrição em feed, cores marrom

Gadget do blogger de inscrição em feed rss, cores marrom escuro

.subscribe{background:#660000}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#660000;width:144px}.feed-reader-links{background:#e9dcdc;border:dotted 1px #660000;border-bottom:0;border-top:0}.top .inner{color:#660000;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget para inscrever em feed, cor marrom claro

Gadget do blogger para inscrever em feed rss, cores marrom claro

.subscribe{background:#7f6000}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:#7f6000;width:144px}.feed-reader-links{background:#eee3d6;border:dotted 1px #7f6000;border-bottom:0;border-top:0}.top .inner{color:#7f6000;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget para inscrever em feed, cor verde

.subscribe{background:green}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:green;width:144px}.feed-reader-links{background:#d6fac6;border:dotted 1px green;border-bottom:0;border-top:0}.top .inner{color:green;font-size:14px;font-weight:bold;letter-spacing:-1px}

Gadget para inscrever em feed, cor azul

Gadget do blogger para inscrever-se em feed, cores azuis

.subscribe{background:blue}#SW_READER_LIST_CLOSED_Subscribe1COMMENT,#SW_READER_LIST_CLOSED_Subscribe1POST,#SW_READER_LIST_CLOSED_Subscribe1PER_POST{opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'}.subscribe-wrapper{background:blue;width:144px}.feed-reader-links{background:#c8dafc;border:dotted 1px blue;border-bottom:0;border-top:0}.top .inner{color:blue;font-size:14px;font-weight:bold;letter-spacing:-1px}

4 comentários:

HEG disse...: oi , gostei muito do seu blog to seguindo , passa no meu tambem!
http://www.hegjogos.blogspot.com/; 21/10/10
Notícias via Net disse...: Bem legal esta dica; 3/1/11
O Espírito Consolador disse...: Puxa não era bem que eu queria, queria mesmo era fazer um ficha de inscrição: Nome, email,endereço, observações e etc.; 9/6/11
Blog... disse...: O Espírito Consolador

Tá certo, isso que você procura é um formulário, você pode ver sites para criar formulário de contato, talvez ajude.; 9/6/11

Postar um comentário

Atenção, o comentário será postado em outra página e não estará aqui, se usar o comentário para perguntar, use uma conta e o link: Subscribe by email(abaixo) e poderá ser avisado.
Comentário com e-mail será ignorado
Antes de perguntar leia o texto até comentários e pesquise
Será ignorado comentário sem relação com o assunto ou com Url de blog/site(Divulgar? Clique)
Comentário reflete a opinião do comentarista. Desde já, Obrigado!