sábado, 21 de maio de 2011
domingo, 17 de abril de 2011
Como adicionar um widget de feed e das mídias sociais personalizado
A pedido da minha cola Edilene, trouxe esse tutorial que mostra como personalizar sua sidebar. Apesar de simples essa é uma ótima forma de customizar os logo tipos das mídias sociais e também conseguir mais assinates de feed.
Vamos lá.
Primeiro adicione o código abaixo antes da tag: </head>
<style type='text/css'>
#hsection{
border:px outset #993300; /* Espessura, estilo e cor da borda*/
background:#FFFFFF;
margin-top:30px;
margin-bottom: 10px;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#hsection:hover{
border:px outset #993300; /*Cor da borda ao passar o mouse*/
background-color:#F3E6E0; /*Cor de fundo ao passar o mouse*/
margin-top: 30px;
margin-bottom: 10px;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#sectionmy .sectionmy2 h2.subscription {
border:0;
margin:0;
padding:20px 0 0 55px;
height:45px;
font-size:13px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;font-weight:bold;
}
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjszZpwoU7vPUJAjocX8R2YYSSBCUyZ8NGkFycVYEiQZfKNgcN0ydpdiqeXsedJEHOqjPDJ0Yn3LPfIktU64hE18ZX0oeSOgisWcZGH0D6fOymsD35yx60S2Y74_T5IMZQyNR2b_AjCs51W/s320/rss-cube.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizupoU_u7nP31RzclQ3FjROsaT8xWsw0vxciURwj_FjpNjSJwroWj4dHbMp6bc01UbmWiBlSwZlKctUOX-8NsECESTGbSrDTTyqq6r7wqt1E6Qi6j7dVB33pshZA14sLvkmctC1RD1ClQr/s320/mail-square.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHfuFgB8PMpBC2M-HlAtRMd88XKiPsBp_pkEZmO_agiI5yTR-lM7eyiuG0GZJYRPm2dqENj1eoGvKOdOusE1g1Vgtf7QhJbIUBJUEslhVrM8F8h3JdtPMXcxPeUVzLFHDUPrMw3rHDfLh/s320/twitter-bird3-square.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.facebook { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIL6IR1jKXSPnmtZAVkxLNvZHlIYau3hNs-Vbo0Zk7fNvsIKnf_aHBObdr6hfcbPSRgAI3PHXqfdI6MQTdeebYLrjYjL3cBVoz3xdWu7j7uOU5hfD2FCTcxYARCFV7STK_3BDEg2ecYYKC/s320/facebook-logo-square.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.linkedin { background:url(http://i9.photobucket.com/albums/a65/mamanunes/linkedin-logo-square2.png) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a {
color:#000000;
text-decoration:none;
}
#sectionmy .sectionmy2 .subscription a:hover{
color:#993300;
text-decoration:underline;
}
</style>
Para configurar é muito simples, primeiro para trocar as imagnes basta substituir os links que estão em negrito. Para configurar as cores do widget basta alterar os códigos indicados em vermelho.
Segundo passo: você irá adicionar um gadget conforme a foto abaixo, o local fica a gosto do blogueiro no lugar que preferir no seu layout.
E adicione o seguinte código:
<div id='hsection'><div id='sectionmy'>
<div class='sectionmy2'>
<h2 class='subscription rss'>
<a href='http://feeds.feedburner.com/DicasParaBlogger'>Assine este Feed</a></h2>
<h2 class='subscription email'>
<a href='http://feedburner.google.com/&loc=pt_BR'>Dicas via email</a></h2>
<h2 class='subscription twitter'>
<a href='http://www.twitter.com/'>Siga-me no Twitter</a></h2>
<h2 class='subscription facebook'>
<a href='http://www.facebook.com/'>Siga-me no Facebook</a></h2>
<h2 class='subscription linkedin'>
<a href='http://br.linkedin.com/'>Siga-me no LinkedIn</a></h2>
</div></div></div>
Pronto, agora se tiverem alguma dúvida basta entrar em contato.
segunda-feira, 24 de janeiro de 2011
Como alteras o tamanho das fontes e das cores do blog
Cores e fontes
Cores
As cores são introduzidas através do elemento <FONT>, usando o sistema RGB para cores (da mesma forma que vimos para cores de documentos):
<FONT COLOR="#rrggbb">Texto</FONT>
Assim, um trecho de texto pode ter uma cor diferente da definição geral de cores, feita através dos atributos de <BODY>.
Tamanho
A formatação
<FONT SIZE=tamanho_da_letra>Texto</FONT>
permite que o autor do documento altere o tamanho das letras em trechos específicos de texto. O tamanho básico dos textos é 3. Podemos indicar tamanhos relativos a esse, por exemplo:
<FONT SIZE=+2>Letra maior</FONT>
Letra normal
<FONT SIZE=-2>Letra menor</FONT>
Letra maior Letra normal Letra menor
Fontes
Uma evolução que permite a escolha da fonte para os textos, é o atributo FACE:
<FONT FACE="fonte_da_letra">Texto</FONT>
Por exemplo:
<FONT FACE="Verdana" COLOR="#0000AA">Fonte Verdana azul</FONT>
Fonte Verdana azul
<FONT FACE="Arial" COLOR="#00AA00">Fonte Arial verde</FONT>
Fonte Arial verde
<FONT FACE="Courier New" COLOR="#AA0000">Fonte Courier New vermelha</FONT>
Fonte Courier New vermelha
Cores
As cores são introduzidas através do elemento <FONT>, usando o sistema RGB para cores (da mesma forma que vimos para cores de documentos):
<FONT COLOR="#rrggbb">Texto</FONT>
Assim, um trecho de texto pode ter uma cor diferente da definição geral de cores, feita através dos atributos de <BODY>.
Tamanho
A formatação
<FONT SIZE=tamanho_da_letra>Texto</FONT>
permite que o autor do documento altere o tamanho das letras em trechos específicos de texto. O tamanho básico dos textos é 3. Podemos indicar tamanhos relativos a esse, por exemplo:
<FONT SIZE=+2>Letra maior</FONT>
Letra normal
<FONT SIZE=-2>Letra menor</FONT>
Letra maior Letra normal Letra menor
Fontes
Uma evolução que permite a escolha da fonte para os textos, é o atributo FACE:
<FONT FACE="fonte_da_letra">Texto</FONT>
Por exemplo:
<FONT FACE="Verdana" COLOR="#0000AA">Fonte Verdana azul</FONT>
Fonte Verdana azul
<FONT FACE="Arial" COLOR="#00AA00">Fonte Arial verde</FONT>
Fonte Arial verde
<FONT FACE="Courier New" COLOR="#AA0000">Fonte Courier New vermelha</FONT>
Fonte Courier New vermelha
sábado, 18 de setembro de 2010
O que sao COOKIES ( NO PC ) e eu posso DELETA-LOS?
Os cookies são pequenos arquivos de texto que alguns sites colocam no seu computador para armazenar uma variedade de informações sobre você e as suas preferências.
Os sites utilizam cookies para oferecer uma experiência personalizada para os usuários e coletar informações sobre a utilização do site. Muitos sites também usam cookies para armazenar informações que permitem uma experiência consistente entre as diferentes partes do site, como um carrinho de compras ou as páginas personalizadas. Em um site confiável, o cookie pode enriquecer sem experiência pois permite que o site aprenda as suas preferências, ou elimina a necessidade de que você efetue o logon a cada vez que entrar no site. No entanto, alguns cookies, como aqueles salvos por anúncios de banner, podem colocar em risco sua privacidade porque rastreiam os sites que você visita.
Para excluir basta seguir os passos abaixo:
Vai em: ferramentas -> opções da internet -> clica em excluir -> arquivos -> Cookies -> histórico -> formularios -> excluir senhas (caso queira)
Os sites utilizam cookies para oferecer uma experiência personalizada para os usuários e coletar informações sobre a utilização do site. Muitos sites também usam cookies para armazenar informações que permitem uma experiência consistente entre as diferentes partes do site, como um carrinho de compras ou as páginas personalizadas. Em um site confiável, o cookie pode enriquecer sem experiência pois permite que o site aprenda as suas preferências, ou elimina a necessidade de que você efetue o logon a cada vez que entrar no site. No entanto, alguns cookies, como aqueles salvos por anúncios de banner, podem colocar em risco sua privacidade porque rastreiam os sites que você visita.
Para excluir basta seguir os passos abaixo:
Vai em: ferramentas -> opções da internet -> clica em excluir -> arquivos -> Cookies -> histórico -> formularios -> excluir senhas (caso queira)
Espero ter ajudado
sexta-feira, 17 de setembro de 2010
Widget contador de Feed para blogger
Que tal a ideia de promover para seus leitores tanto a quantidade de assinantes de feed do seu blog, quanto o próprio endereço do feed através de um logo diferente. É uma boa, não é mesmo.
Pensando nisso estou trazendo abaixo um widget que ira proporcionar a você fazer isso facilmente.
A imagem acima mostra como ficará o widget no layout do seu blog.
Pensando nisso estou trazendo abaixo um widget que ira proporcionar a você fazer isso facilmente.
A imagem acima mostra como ficará o widget no layout do seu blog.
Como inserior o widget:
Primeiro passo: entre logado no seu blogger e click em alguma das duas opções que estou mostrando de acessar o "layout" do blogger.
Segundo passo: você irá adicionar um gadget conforme a foto abaixo, o local fica a gosto do blogueiro no lugar que preferir no seu layout. Terceiro passo: voce irá clicar em adicionar "HTML/JavaScript" e adicionar o seguinte código:<table cellpadding="2" cellspacing="2" style="border: 1px solid rgb(236, 236, 236); background:transparent;text-align: left; width: 100%;">
<tbody><tr><td align="undefined"
valign="undefined"><a
href="http://feeds.feedburner.com/SEU FEED"><img
alt="RSS" title="Assine os feeds"
src="URL DA IMAGEM"
border="0" height="120" width="120"></a></td><td
align="undefined" valign="undefined"><form
style="padding: 3px; text-align: center;"
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEU FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Receba os posts por email:</p><p><input style="width: 140px;"
name="email" type="text"></p><input
value="SEU FEED" name="uri" type="hidden"><input
name="loc" value="pt_BR" type="hidden"><input
value="Assinar" type="submit"><p><span style='font-size: 40%'>Widget <a target='_blank' href='http://www.portaldicas.net'>Portal Dicas</a><a target='_blank' href='http://www.tunados.net/'>Tunados </a></span></p> </form>
<p align="center"><a
href="http://feeds.feedburner.com/SEU FEED"><img
src="http://feeds.feedburner.com/%7Efc/SEU FEED?bg=FF9900&fg=0000000&anim=1&label=leitores"
style="border: 0pt none ;" alt="" height="26"
width="88"></a></p></td></tr></tbody></table>
Assinar:
Postagens (Atom)
