sábado, 21 de maio de 2011

O melhor blog de dicas da internet

Acesse o novo portal dicas , basta acessar "clicando aqui"

Continue lendo...

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(http://3.bp.blogspot.com/_DCJ4PAWLOdE/S4-yn1FCYcI/AAAAAAAADsY/LT4BXVzKmq4/s320/rss-cube.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email { background:url(http://3.bp.blogspot.com/_DCJ4PAWLOdE/S4-y_EKtmgI/AAAAAAAADsg/v7L-jIlM5hA/s320/mail-square.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter { background:url(http://4.bp.blogspot.com/_DCJ4PAWLOdE/S4-ySVvNX7I/AAAAAAAADsA/Dd9bO5678lQ/s320/twitter-bird3-square.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.facebook { background:url(http://4.bp.blogspot.com/_DCJ4PAWLOdE/S4-yXIEGojI/AAAAAAAADsI/pklgjL0MElo/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.

Continue lendo...

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

Continue lendo...

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)

Espero ter ajudado

Continue lendo...

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.

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&amp;fg=0000000&amp;anim=1&amp;label=leitores"
style="border: 0pt none ;" alt="" height="26"
width="88"></a></p></td></tr></tbody></table>

Para quem ainda não tem um logo do Feed, ou queira procurar algum modelo melhor basta acessar essa página Rss Feed. E sobre os código apontados em azul é onde você irá escolher as cores do seu widget, caso queira mudar basta acessar essa outra página que terá uma tabela com inumeras outras cores.

Continue lendo...

Indexadores de posts


ATI&D - (Alta Tecnologia, Informação & Diversão)
BombaNetPlano Beta

divulque

Blogoteca

Boas matérias

 

NewTechSound

Amazing Counters
Toshiba Satellite Laptops