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

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

1. Acesse o blogger.com
2. Clique em Design
3. Clique em Editar HTML
4. Para fazer uma cópia de seu código clique em Baixar modelo completo
5. 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
6. 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

.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

.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?

.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

.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

.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

.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

.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

.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

.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}

• Estilo das postagens do BlogSpot com Css
• Onde e como adiciona código Css no Blogger
• Mudar cores e fundo do título do post do BlogSpot
• Estilos do blog, cores, tamanho, fonte, link e títulos no blogger
• Aparência de comentário do autor no Blogger
• Colocar e mudar aparência do gadget marcadores do blogger
• Colocar avatar nos comentários de seu BlogSpot
• Colocar botão Web Slice e Feed no blog ou site
  
• Colocar códigos na lateral do blogger
• Como ativar o Feed de um blog do blogger