MijadinhaPost

Autor - perfil no final do post para blogger

Já vi este hack em diversos sites e saber dizer onde de fato surgiu é muito difícil. Porém me atenho a relacionar no final dessa postagem os sites em que eu pesquisei e montei minha postagem e perfil.

Algumas pessoas o classificam como difícil, outras fácil, particularmente - após de ter pesquisado muito- não encontrei dificuldade de ser inserido. Basta apenas observar alguns detalhes para que tudo ocorra bem.

O que vou postar aqui é algo que , digamos, “consertei” para que funcionasse normalmente em meu blog.

As configurações de CSS são as que eu utilizo ,servem de sugestão e são facilmente customizáveis de acordo com a sua necessidade..

Importante: Sempre faça uma experiência num blog de teste antes de inserir em seu blog.

Autor - perfil no final do post para blogger

Primeiro passo- Adicione esta relação de códigos antes da tag ]]></b:skin>

bio-autor{ /* Contém Informações*/
-moz-border-radius:5px;
border: 1px solid #000;
background: #ffffff;
margin-top:0px;
margin-bottom:40px;
padding:5px;
}
.avatar-img img { /* Imagem do Avatar*/
-moz-border-radius:5px;
background: none; /* color fondo */
float:left;
margin-top: 10px; }
.info-autor { /*Informação- corpo do texto*/
color:#000000; /* cor da fonte*/
font-size:12px;
line-height:1.4em;
background: url(http://i708.photobucket.com/albums/ww86/blogdomijadinha/f31.png)repeat-x;
margin:1px;
padding:5px;
text-transform:none;margin-bottom:15px;
border-top: 1px solid #ccc;
}
.info-autor h3 { color:#3a3a3c; !important; /* Cor do título*/
font-size:17px; /* Tamanho da fonte*/
font-weight:bold;
margin-left:3px;
margin-top:5px;
text-shadow:0px 1px 0 #ccc; /*Efeito shadow –sombra*/
text-transform:none;
}
.info-autor a:link, .texto-autor a:visited { /* estilos*/
color:#000; /* cor do texto */
font-size:12px; /*Tamanho da fonte*/
font-weight:bold;
margim: 5px;
padding: 3px;
float: center-right;
}
.info-autor a:hover { /*Efeito Hover nos links*/
color:#ccc;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 0 #000;
}

Salve.

Acabamos de adicionar os estilos em CSS, agora vamos adicionas o script propriamente dito.
O final da postagem, em HTML é conhecido como post-footer, óbvio. Em muitos casos recomenda-se que os códigos sejam inseridos acima da tag:

<div class='post-footer'> ou semelhante <div id='post-footer'>

Adicione este conjunto de códigos:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Nome Do Autor"'><div class='datos-autor'>
<div class='avatar-img'><img alt='' height='117' src='URL do AVATAR’ width='94'/>
</div>
<div class='info-autor'>
<h3>Título ou Sobre o Autor</h3>
<div align='justify'>

<p>Informações do autor(texto/ perfil)</p>

Visualize, se tudo estiver ok, salve.

A respeito da tag <b:if cond='data:post.author == "Nome Do Autor"'> devemos observa-la com mais cuidado, é essa tag que retorna com as informações do autor e se ela estiver errada o hack não funcionará. Em vários sites que visitei percebi esse erro e somente um blog informa a respeito de forma mais detalhada.

No campo nome do autor ele deverá ser correspondente ao nome que é dado ao seu perfil no blogger, exatamente igual - até a ultima vírgula.

Os ícones das redes sociais, por definição sempre irão aparecer no lado esquerdo próximo ao avatar, você pode colocá-los no lado direito, para isto basta adicionar :

<span style='float: right; margin: -5px -3px 10px 2px;'>
Ícones das redes sociais
</span>

Importante: O perfil do autor no final do post também têm suas vantagens.

Praticamente quase 100 por cento dos blogs tem alguma propaganda no final de cada postagem, por isso recomendo que você faça um resumo do seu perfil, de forma sucinta e atraente, que chame a atenção para leitura. Em termos visuais, recomendo que este hack seja adicionado abaixo da ultima tag ou seja:

<div class='post-footer-line post-footer-line-3'>
E imediatamente acima de:
</b:includable>

O Hack ficará bem final do post, acima de sua propaganda ( ou não ).
O importante é que ofereça uma boa estética e um ar profissional ao seu trabalho.

Abraços.

Sites Pesquisados:

http://www.gemablog.com
http://www.marketingdigitalblog.com
http://www.mundoblogger.com.br
http://criarsiteweb.blogspot.com.br
http://www.sitesroyal.com/

tags: biografia, autor, post, resumo, perfil, footer, blogger

Continua

Span class=fade- efeito de transparência

Para quem não sabe, trata-se de um hack que produz um esmaecimento, ou seja, quando este hack é inserido em determinado widget com vários links -principalmente imagens- somente o link selecionado permanece normal, os demais ficam desbotados.

Para que você tenha uma idéia, passe o cursor do mouse sobre minha linkbar ou sobre os ícones das redes sociais e verão o efeito que ele produz, salvo se você estiver navegando pelo explore.

Vale sempre lembrar: ANTES DE IMPLANTAR EM SEU SITE, utilize um blog de teste para fazer a experiência.

Primeiro: Em sua página, vá em modelo – Editar HTML –Expandir Modelos de Widgest;

Agora copie e cole Depois da tag ]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
} </script>
</b:if>

Span class fade - Agora copie e cole ANTES da tag </body>

Visualize, se estiver ok pode salvar. Para que o hack funcione basta adicionar os códigos entre:

<span class='fade'>
Adicionar os códigos ou imagens aqui
</span>

No exemplo abaixo, está o código dos ícones das redes sociais do meu header:

O hack é simples e funciona bem em vários tipos de widgets e/ou imagens (eu já disse isso).

Abraços !

tags: transparência, esmaecer,javascript,hack,imagens,widgets

Continua

Sites Geradores de CSS

Existem inúmeras vantagens no que diz respeito a utilização de geradores de CSS. Mas para que eu possa fazer um resumo rápido, são ferramentas que permitem criar códigos em css de forma eficaz e rápida.

Se você é desenvolvedor ou apenas mero curioso, os sites geradores de CSS estão se tornando muito populares principalmente no que diz respeito ao ganho de tempo e eficácia.

Se você precisa entregar um projeto, o ganho de tempo é indiscutível. Além da possibilidade da realização de vários testes antes de implantar em seu projeto.

Todos os sites estão com os seus respectivos links de acesso, quem quiser é so clicar.

BLOG GERADOR DE WP

FERRAMENTA WHATFONT

TYPETESTER

O CSS 1KB

SPRITEMAPPER

COW SPRITE

ESQUELETO

SCRENFLY

RANDOMTEXT

PREFIXO SEU CÓDIGO CSS3. INSTANTANEAMENTE!

Prefixo seu cdigo CSS3. Instantaneamente!

PERKINS CSS3 MENOS QUADRO

MARKUP GENERATOR

MAQETTA

ESTILOS DE CAMADA - UM APLICATIVO HTML5 PARA CRIAR CSS3 DE UMA FORMA INTUITIVA

Estilos de camada - um aplicativo HTML5 para a criao de

HTML CLICHÊ EMAIL

HTML E CSS TABELA ASSISTENTE DE ESTILO DA BORDA

HOLMES - A MARCAÇÃO CSS DETECTIVE

HAZ.IO> HTML5 E CSS3 RECURSOS DO NAVEGADOR

GRIDLESS

GERADOR DE GRADE

DESIGNER GRADE

GITALIST - UM VISUALIZADOR WEB MODERNA GIT

G5-QUADRO

FRACTAL

EM CALCULADORA

SERVIÇO DE VALIDAÇÃO CSS

CSS SPRITE GENERATOR

CSS PIVOT

CSS MENU MAKER

LINT CSS

CSS LAYOUT GERADOR

CSS FORMATTER E OPTIMIZADOR

CSS FORMATTER E OPTIMIZADOR

CSS ESMAGAMENTO

CSS COMPRESSOR

COLUMNAL CSS GRADE SISTEMA

BACON IPSUM

Divulgar o que é bom na web, só faz gerar mais qualidade de conteúdo, espero que essa postagem possa ajudar a muitos.

créditos: http://www.dzineblog360.com

tags: geradores,css,html,otimização,sites

Continua

Startups no Brasil

Definição de Startup

Este termo serve pra designar empresas recém-nascidas e que sejam rentáveis. Este termo começou a se popularizar em meados de 1990, quando aconteceu a primeira grande bolha da internet.

De um modo geral, são empresas em fase embrionária ou há pouco tempo no mercado em busca de investimentos para por em prática seus projetos, na maioria das vezes, ligadas à área da informática.

Mesmo considerando essas condições, nem toda nova empresa deve ser denominada startup. Estas se caracterizam por possuírem ideias novas ou originais de trabalho para atuarem em determinado nicho de mercado. Observam-se também algumas regras – quanto aos aspectos comercial, financeiro etc. - de investimento visando sempre ganho rápido e exponencial. Em outras palavras uma startup deverá ser escalável, ou seja, conseguir absorver o aumento rápido das operações sem comprometer a rentabilidade da empresa.

Segundo Yuri Gitahy; especialista em startups, “Uma startup é um grupo de pessoas à procura de um modelo de negócios repetível e escalável, trabalhando em condições de extrema incerteza”. (Exame.com ed. 20/10)

Startups no Brasil

O brasileiro é inovador e criativo, empreendedor por natureza e não ficou fora desse fenômeno das startups. Para a coordenadora dos programas de empreendedorismo da Microsoft Brasil, Silvia Valadares, o número de interessados em criar uma startup só tende a aumentar no país.

“O bom momento da economia brasileira trouxe ao país uma série de investidores dispostos a apostar em nossas startups. Grande parte dos recursos está direcionada agora para este setor”, afirmou Silvia Valadares (rev. pegn Reportagem de Capa/ed269-junho/2011).

De fato, o Brasil passa por um momento completamente diferente das décadas anteriores, de mero coadjuvante repetidor da tecnologia de outros países, a desenvolvedor de tecnologia de ponta em nível mundial.

“Todos estão prestando atenção no Brasil agora. Essa é a mensagem que fica para os empreendedores nacionais” (revista info.com).

No site StartupBase, você conhece as principais startups brasileiras ou se preferir visite Startup+ que trata do assunto e ainda oferece algumas vagas.

Esta obviamente foi apenas uma pincelada sobre o assunto. Existem muitos sites que oferecem mais informação, mesmo assim vale a pena falar a respeito. É um mercado em crescimento extremamente rápido no Brasil e se você tem uma ideia, porque não transformá-la em um futura startup brasileira ?

Créditos:
info.abril.com.br-brasil-e-mercado-promissor-para-startups;
http://revistapegn.globo.com- COMO+COMECAR+UMA+STARTUP+EM+PASSOS;
http://www.maisstartup.com.br

tags- startup,brasileira,idéia,empresa

Continua

A informática e o computador

Segundo o filósofo existencialista Jean Paul Sartre, o homem tem a necessidade de se projetar, lançar-se ao futuro e planejá-lo para passar a existir e não apenas ser. Tais ideias e ideais se refletem no campo da informática.

Ao nosso redor, pessoas utilizam seus celulares, tablets, notebooks. Participam de redes sociais e trocam mensagens nos msn’s, enquanto realizam inúmeras operações de maneira simples apenas apertando alguns botões. Elas resolvem vários problemas em tempo real porque a sociedade assim exige.

Tudo isso é possível graças à era digital. Mas nem sempre foi assim.

Os primeiros computadores eletrônicos surgiram em meados da década de quarenta, eram grandes consumiam muita energia, funcionavam à base de válvulas e processavam apenas operações aritméticas simples.

Hoje, realizam inúmeras tarefas, quase não consomem energia e cabem na palma da mão. Mesmo assim, as primeiras máquinas representaram uma grande evolução para o homem.

Evoluir era necessário, mas de maneira rápida. Pesquisas que tentavam melhorar o uso das válvulas levaram à descoberta do transistor e, mais tarde, o processador. O computador começava a evoluir.

Falar de informática, não é apenas falar do computador como máquina. Afinal de contas esse é formado de parte física e parte lógica – sua linguagem, programas, sistema operacional etc.
Nos primeiros computadores esta linguagem era tosca e complicada. Havia uma preocupação maior com o físico e menos com o lógico. Esse problema foi resolvido com o auxílio da matemática.

Mais precisamente com a introdução do código binário ou Álgebra booleana (ou álgebras de Boole[1]). São estruturas algébricas que "captam as propriedades essenciais" dos operadores lógicos e de conjuntos. Para uma compreensão melhor, todo transistor possui três “perninhas” como se fosse um garfo. Um dos terminais recebe a tensão elétrica e o outro envia o sinal amplificado e o terminal do meio é o que controla este processo.

Evoluir era necessário, mas de maneira rápida !

A corrente entra e sai somente quando é aplicada a tensão elétrica ao terminal do meio. Exemplificando, é como duas lâmpadas e no meio o interruptor que regula o liga e desliga. Isso na eletrônica digital é representado por 0 e 1 (liga e desliga). E esse é o sistema que as máquinas de hoje interpreta como linguagem primária, ou seja, o código binário

Hoje toda instrução que é passada ao computador, é lida em código binário.

A informática definitivamente ingressava na era digital. A partir daí os avanços tecnológicos ocorreram cada vez mais rápidos. Telas de LCD e Led surgiram no mercado, câmeras digitais mudaram o conceito da fotografia, e tantas outras inovações ligadas à informática apareceram.

Provavelmente os homens da década de 40 não imaginavam como o mundo poderia ser nos dias de hoje, a forma como usamos a informática. Computadores cada vez mais poderosos e mais pessoais. Contamos com a facilidade da internet, do acesso rápido à informação. Do imediatismo, na busca constante da assertividade.

A informática não é um mero sofisma[2] é algo real, um fato. O homem se projetou no futuro e marcou sua existência. Através dessa invenção, inovou seus conceitos. O mundo parece estar nas mãos do homem. É como disse Albert Einstein, “existem duas maneiras de ver a vida. Uma é pensar que não existem milagres e a outra é pensar que tudo é um milagre”.
A informática possibilita esse milagre.

[1] Na matemática, na lógica e na ciência da computação, as álgebras booleanas (ou álgebras de Boole) são estruturas algébricas que "captam as propriedades essenciais" dos operadores lógicos e de conjuntos.
Receberam o nome de George Boole, matemático inglês, que foi o primeiro a define-las como parte de um sistema de lógica em meados do século XIX. Mais especificamente, a álgebra booleana foi uma tentativa de utilizar técnicas algébricas para lidar com expressões no cálculo proposicional.

[2] Também são considerados sofismas os raciocínios que partem de premissas verdadeiras ou verossímeis, mas que são concluídos de uma forma inadmissível ou absurda.
Por definição, o sofisma tem o objetivo de dissimular uma ilusão de verdade, apresentando-a sob esquemas que aparentam seguir as regras da lógica.
Fonte: Wikipédia

Referências:

Bites e Bytes- Vídeos, prog 01; 02; 03; 04 e 05.

Tecmundo- O que é um transistor e porque ele é importante para o computador?

Wikipédia

tags: informática,computador,binario,boole,digital,lcd

Continua

Papéis de Parede variados - wallpapers

Selecionamos alguns papéis de parede de uso livre para serem usados em sua área de trabalho ou como achar melhor. Mostramos apenas alguns e logo abaixo, no final da postagem, a relação de sites em que você poderá encontrar muitos outros.

Papéis de Parede : Aprecie com moderação.