Blog do Mijadinha

Inserir numero de Páginas no blog IV–o melhor de todos

A todos os meus leitores, primeiramente, bom dia, boa tarde e boa noite (depende de onde você estiver). E confesso, após um longo período de isolamento devido a problemas não relacionados a nada, percebi que já estava mais que na hora de retornar ao trabalho, e para tanto, nada melhor do que pesquisar e oferecer o que é de melhor na web para vocês.

(fonte: baixaki)

Este novo hack eu encontrei no Blogger Plugins , e gostei muito, porém confesso, realizei algumas modificações por alguns motivos, motivos estes que apresentaram problemas nas outras dicas relacionadas à inserção de páginas numeradas.

Os maiores problemas encontrados são:

- as páginas ficam encavaladas;

- de uma hora para outra o arquivo do hack alojado em um determinado servidor para de responder e trava tudo;

-em muitos casos (principalmente em blogs de downloads) o rack “come” números de páginas
-e finalmente trava a abertura da página;

Mas chega !!!    Vamos ao que importante e realmente interessa:

Primeiro Passo:   (inicialmente vamos implantar o estilo ou melhor dizendo o formato da numeração)

Sendo assim, vá até o painel do blogger e selecione:

Design - Layout - Editar Html e Não clique na caixa que diz: "Expandir modelos de widgets '

Agora, localize a seguinte linha:

]]></b:skin>

E adicione esta linha de código CSS ((( LOGO ACIMA DELE ))):

.showpageArea {
color:#003366;
font-size: 16px;
text-shadow: 2px 3px 6px #122073;
padding: 10px 15px 10px 30px;
text-align: left;
line-height: 2em;
width: 500px;
}

.showpageArea a {
color: #0F0;
text-decoration: underline;
}

.showpageNum a {
border: 1px solid #990000;
color:#5e5e61;
margin: 0 10px;
padding: 0 5px 0 8px;
text-decoration:none;
}

.showpageNum a:hover {
color: #FE8314;
font-style: italic;
background-color: #990000;
border: 1px solid #990000;
}

.showpagePoint {
color: #FE8314;
margin: 0 8px 0 4px;
}

.showpage a {
color: #990000;
padding: 0 2px 0 4px;
text-decoration: none;
}

.showpage a:hover {
color: #FE8314;
text-decoration: underline;
}

.showpageNum a:link,.showpage a:link {
color: #CC0000;
text-decoration: none;
}

Salve.

Estes são os código de CSS que definem o formato da numeração. Eu tomei a liberdade de inserir as linha text-shadow: 2px 3px 6px #122073; que produz o feito sombreado e funciona bem no Chrome, Firefox e Ópera e pra varia no IE necas.

Lâmpada

Também é muito importante saber que na linha padding: 10px 15px 10px 30px; eu regulei para que, a media que as páginas são avançadas, a numeração não fique encavalada como acontece em muitos sites, internet afora.

Atributos de cor e outros itens, você aqui pode personalizar a seu gosto.

Dica- Faça alguns testes e se houver necessidade, regule as margens conforme seu gosto.

Agora, vamos ao passo mais importante – a inserção do código:

Novamente; vá até o painel do blogger e selcione:

Design - Layout - Editar Html e agora clique na caixa que diz: "Expandir modelos de widgets '

Localize a tag :

</body>

E cole logo acima dela esta linha de códigos:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=3;
var displayPageNum=3;
var upPageWord ='Antes';
var downPageWord ='Seguinte...';

</script>
<script type='text/javascript'>

//<![CDATA[

function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Páginas ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+3,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
</b:if>
</b:if>

Importante: antes de salvar visualize para saber se tudo ocorreu como o esperado, se sim, se o blog abriu normalmente, pose salvar sem medo.

Observações:

Não sendo muito repetitivo, realizei algumas pequenas modificações neste código, para que ele não fique dependente de nenhum site de alojamento, outro detalhe também, é o fato de muitos códigos aparecerem com Pages, e neste aqui ele aparecerá como Páginas em português ( porém você pode mudar, para isso , basta procurar esta palavra no código e inseri-la a seu gosto).

Nestes códigos abaixo, você poderá mostrar e determinar a numeração a ser exibida:

var pageCount=3;    (determina o numero de paginas a ser exibida)

var displayPageNum=3;    (determina a numeração a ser exibida na página)

var upPageWord ='Antes';     (você muda conforme a sua necessidade)

var downPageWord ='Seguinte...';    (você muda conforme a sua necessidade)

Lembrete:   Faça por sua conta e risco, mas todo risco deve ser calculado, por isso realize quantos testes forem necessários, com certeza o resultado será muito satisfatório.

                   Embora todos os códigos estejam alojados no template, isto não atrapalha a abertura de página.

Por favor, postem comentários, é muito importante que eu saiba para continuar a desenvolver cada vez melhor este tipo de dica.

Agradecimentos a amiguinha do Brux que me deu esta dica legal. Beijos para você!!

Até a proxima.

Continua

Você sabia ...

Os Três Reis Magos

O árabe Baltazar: trazia incenso, significando a divindade do Menino Jesus.
O indiano Belchior: trazia ouro, significando a sua realeza.
O etíope Gaspar: trazia mirra, significando a sua humanidade.

As Sete Maravilhas do Mundo Antigo

1 - As Pirâmides do Egito
2 - Os Jardins Suspensos da Babilônia
3 - O Mausoléu de Helicarnasso
4 - A Estátua de Zeus
5 - O Templo de Artemisa
6 - O Colosso de Rodes
7 - O Farol de Alexandria.

As 7 Notas Musicais

A origem é uma homenagem a São João Batista, com seu hino:
Ut queant laxis (dó) Para que possam
Resonare fibris         ressoar as
Mira gestorum          maravilhas de teus feitos
Fa mulli tuorum         com largos cantos
Solve polluit            apaga os erros
La bii reatum            dos lábios manchados
S ancti Ioannis          Ó São João

Os SetePecados Capitais

(Eles só foram enumerados no século VI, pelo papa São Gregório Magno (540-604), tomando como referência as cartas de São Paulo)

Gula
Avareza
Soberba
Luxúria
Preguiça
Ira
Inveja

As SeteVirtudes

(para combater os pecados capitais)
Temperança (gula)
Generosidade (avareza)
Humildade (soberba)
Castidade (luxúria)
Disciplina (preguiça)
Paciência (ira)
Caridade (inveja)

Os Sete dias da Semana e os "Sete Planetas"

Os dias, nos demais idiomas, com excessão da língua portuguesa, mantém os nomes dos sete corpos celestes conhecidos desde os babilônios:

Domingo - dia do Sol
Segunda - dia da Lua
Terça - dia de Marte
Quarta - dia de Mercúrio
Quinta - dia de Júpiter
Sexta - dia de Vênus
Sábado - dia de Saturno

As Sete Cores do Arco-Íris

(Na mitologia grega, Íris era a mensageira da deusa Juno. Como descia do céu num facho de luz e vestia um xale de sete cores, deu origem à palavra arco-íris. A divindade deu origem também ao termo íris, do olho.)
Vermelho
Laranja
Amarelo
Verde
Azul
Anil
Violeta

Os Dez Mandamentos

1º - Amar a Deus sobre todas as coisas
2º - Não tomar o Seu Santo Nome em vão
3º - Guardar os sábados
4º - Honrar pai e mãe
5º - Não matar
6º - Não pecar contra a castidade
7º - Não furtar
8º - Não levantar falso testemunho
9º - Não desejar a mulher do próximo
10º - Não cobiçar as coisas alheias

Os Doze Meses do Ano

Janeiro:    homenagem ao Deus Janus, protetor dos lares
Fevereiro:    mês do festival de Februália (purificação dos pecados), em Roma;
Março:   em homenagem a Marte, deus guerreiro;
Abril:    derivado do latim Aperire (o que abre). Possível referência à primavera no Hemisfério Norte;
Maio:    acredita-se que se origine de maia, deusa do crescimento das plantas;
Junho:    mês que homenageia Juno, protetora das mulheres;
Julho:   No primeiro calendário romano, de 10 meses, era chamado de quintilis (5º mês). Foi rebatizado por Júlio César;
Agosto:   Inicialmente nomeado de sextilis (6º mês), mudou em homenagem a César Augusto;
Setembro:   era o sétimo mês. Vem do latim septem;
Outubro:    Na contagem dos romanos, era o oitavo mês;
Novembro:   Vem do latim novem (nove);
Dezembro:   era o décimo mês

Os Doze Apóstolos

1 - Simão Pedro
2 - Tiago (o maior)
3 - João
4 - Filipe
5 - Bartolomeu
6 - Mateus
7 - Tiago (o menor)
8 - Simão
9 - Judas Tadeu
10 - Judas Iscariotes
11 - André
12 - Tomé.
(Após a traição de Judas Iscariotes, os outros onze apóstolos elegeram Matias para ocupar o seu lugar.)

Os Doze Profetas do Antigo Testamento
1 - Isaías
2 - Jeremias
3 - Jonas
4 - Naum
5 - Baruque
6 - Ezequiel
7 - Daniel
8 - Oséias
9 - Joel
10 - Abdias
11 - Habacuque
12 – Amos

As Musas da Mitologia Grega

(a quem se atribuía a inspiração das ciências e das artes)

1 - Urânia (astronomia)
2 - Tália (comédia)
3 - Calíope (eloqüência e epopéia)
4 - Polímnia (retórica)
5 - Euterpe (música e poesia lírica)
6 - Clio (história)
7 - Érato (poesia de amor)
8 - Terpsícore (dança)
9 - Melpômene (tragédia)

Os Sete Sábios da Grécia Antiga:

1 - Sólon
2 - Pítaco
3 - Quílon
4 - Tales de Mileto
5 - Cleóbulo
6 - Bias
7 - Períandro

As Datas de Casamento:

1 ano - Bodas de Algodão
2 anos - Bodas de Papel
3 anos - Bodas de Trigo ou Couro
4 anos - Bodas de Flores e Frutas ou Cera
5 anos - Bodas de Madeira ou Ferro
10 anos - Bodas de Estanho ou Zinco
15 anos - Bodas de Cristal
20 anos - Bodas de Porcelana
25 anos - Bodas de Prata
30 anos - Bodas de Pérola
35 anos - Bodas de Coral
40 anos - Bodas de Rubi ou Esmeralda
45 anos - Bodas de Platina ou Safira
50 anos - Bodas de Ouro
55 anos - Bodas de Ametista
60 anos - Bodas de Diamante ou Jade
65 anos - Bodas de Ferro ou Safira
70 anos - Bodas de Vinho
75 anos - Bodas de Brilhante ou Alabastre
80 anos - Bodas de Nogueira ou Carvalho

Os Sete Anões

. Dunga
. Zangado
. Atchin
. Soneca
. Mestre
. Dengoso
. Feliz

Você Sabia ?

1 - Durante a Guerra de Secessão, quando as tropas voltavam para o quartel após uma batalha sem nenhuma baixa, escreviam numa placa imensa: " O Killed " (zero mortos).. Daí surgiu a expressão " O.K. ". Para indicar que tudo está bem.

2 - Nos conventos, durante a leitura das Escrituras Sagradas, ao se referir a São José, diziam sempre " Pater Putativus ", ( ou seja: "Pai Suposto" ) abreviando em P.P .". Assim surgiu o hábito, nos países de colonização espanhola, de chamar os "José" de "Pepe".

4 - No Novo Testamento, no livro de São Mateus, está escrito " é mais fácil um camelo passar pelo buraco de uma agulha que um rico entrar no Reino dos Céus "... O problema é que São Jerônimo, o tradutor do texto, interpretou a palavra " kamelos " como camelo, quando na verdade, em grego, "kamelos" são as cordas grossas com que se amarram os barcos. A idéia da frase permanece a mesma, mas qual parece mais coerente?

5 - Quando os conquistadores ingleses chegaram a Austrália, se assustaram ao ver uns estranhos animais que davam saltos incríveis. Imediatamente chamaram um nativo ( os aborígenes australianos eram extremamente pacíficos ) e perguntaram qual o nome do bicho. O índio sempre repetia " Kan Ghu Ru ", e portanto o adaptaram ao inglês, " kangaroo" ( canguru ). Depois, os lingüistas determinaram o significado, que era muito claro: os indígenas queriam dizer: "Não te entendo ".

6 - A parte do México conhecida como Yucatán vem da época da conquista, quando um espanhol perguntou a um indígena como eles chamavam esse lugar, e o índio respondeu " Yucatán ". Mas o espanhol não sabia que ele estava informando " Não sou daqui ".

7 - Existe uma rua no Rio de Janeiro, no bairro de São Cristóvão, chamada "PEDRO IVO". Quando um grupo de estudantes foi tentar descobrir quem foi esse tal de Pedro Ivo, descobriram que na verdade a rua homenageava D.Pedro I, que quando foi rei de Portugal, foi aclamado como "Pedro IV" (quarto). Pois bem, algum dos funcionários da Prefeitura, ao pensar que o nome da rua fora grafado errado, colocou um " O " no final do nome.

O erro permanece até hoje.

Acredite se quiser...

Continua

Atenção Professores: Mapa Mundi Digital

MAPA MUNDI DIGITAL - IBGE - FANTASTICO ( é PRA GUARDAR)

Taí até que enfim um bom trabalho de um órgão do governo

MUITO LEGAL...

Esse é pra guardar!

Recentemente o IBGE lançou um mapa-mundi digital, com síntese, histórico, indicadores sociais, economia, redes, meio ambiente, entre outras curiosidades, vale a pena conferir!

E tudo o que é bom deve ser divulgado e espalhado pela web, podem copiar e divulgar, muito interativo, excelente para aprendizado em sala de aula e um ótimo guia para os curiosos de plantão.

Para quem quiser, segue aí o link:

http://www.ibge.gov.br/paisesat/main.php

O melhor: é de graça !

Continua

Como Inserir Nuvem de Tags em flash (que funcione) no blog.

Um dos efeitos mais procurados pela grande maioria dos blogueiros (pelo menos é o que eu vejo no google); trata-se do efeito em flash dos marcadores, a famosa “nuvem de tags” animada.

Eu cheguei, logo no início do blog, a postar algo deste tipo, porém, por problemas de hospedagem de scripts em js. a tal nuvem, sem aviso prévio, parou de funcionar em vários blogues.

Confesso que isto me deixou um pouco chateado, e sai à caça de novos códigos que em fim funcionassem de verdade e resolvessem definitivamente este problema, por isso estou reeditando esta postagem logo abaixo:

Realizem alguns testes para verificar seu funcionamento, caso contrário entrem em contato comigo.

Siga os seguintes passos: Vá em Layout, HTML (não é necessário expandir modelos de widgets);

Procure por:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Abaixo desta linha copie e cole este código:

<b:widget id='Label99' locked='false' title='Label' type='Label'>
<b:includable id='main'><b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><script src='http://mopheat.site40.net/recources/tagcloud/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://mopheat.site40.net/recources/tagcloud/tagcloud.swf", "tagcloud", "300", "260", "7", "#fafcfa");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333440");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "150");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script><b:include name='quickedit'/></div>
</b:includable>
</b:widget>

Visualize para verificar se esta tudo ok, se estiver, salve o modelo;

A sua nuvem de tags já estara aparecendo em sua sidebar;

Agora, você poderá movê-la de lugar: vá em "Elementos de página"

e verifique a widget "Label" que apareceu. Arraste-a para onde desejar;

Se você quise poderá movê-la de lugar: vá até

"Elementos de Página" e veja onde se encontra o widget com o título "Label"; você pode nomea-lo a seu gosto e arrastá-lo para onde desejar.

Observações importantes:

1 - Largura e altura respec. da widget: width = "240" height = "300"
2 - Cor do plano de fundo da widget: &quot; #ffffff &quot;);
3 - Cor do Texto: 0x333333 (não inclua #)
4 - Tamanho do texto: style='12'

A partir desta informações, configure de acordo com suas necessidades.

Mais uma vez lembrando: Faça teste antes de por em funcionamento, qualquer coisa, relatem em comentário se tudo ocorreu ok.

Por enquanto, é só.

Continua

Baixe muitos livros que já estão sob domínio público

Existem muitos livros que já estão sob domínio público. Isso que dizer que você pode baixar e distribuir esses livros de graça, sem pagar nada.

Baixar livros é o modo mais fácil e econômico para você conhecer obras da literatura clássica e autores consagrados. Como é tudo grátis, você pode fazer o download à vontade de todas as obras que quiser. Por isso, lembre-se de compartilhar esse tesouro com as outras pessoas: estimule a leitura em seus amigos, filhos e familiares.

Aqui está uma lista de livros para download grátis. Todas as obras estão completas e você pode imprimir ou ler no computador, como quiser.

http://novomercadointernet.blogspot.com/2010/05/baixe-muitos-livros-que-ja-estao-sob.html

Existem muitos livros que já estão sob domínio público. Isso que dizer que você pode baixar e distribuir esses livros de graça, sem pagar nada.

http://novomercadointernet.blogspot.com/2010/05/baixe-muitos-livros-que-ja-estao-sob.html

Autor: djakson caetano de santana

Continua

Adicione transparência - Imagem com "Efeito Hover"

Este efeito é um dos mais comuns e mais popular em termos de efeitos hover, provavelmente você já deve ter visto em outros blogs, incluindo no meu. Basta colocar o cursor nas imagens, veja os exemplos abaixo:

O truque é muito simples, uma pequena alteração de código CSS o nível de opacidade das imagens, sempre que você colocar o cursor do mouse sobre estas imagens.
Embora pareça um pouco difícil, o truque é bem simples, apenas precisamos realizar algumas inserções de código CSS no template e nada mais.

Caso você queira adicionar este efeito nas imagens do seu blog, siga este procedimento:

Vá até a página do blogger, ir até Layout e expandir modelos html;

Localize a tag:

</ Head>

E antes dela, adicione o seguinte código:

<style type="text/css">
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

Visualize, se tudo ocorreu bem, salve.

Agora, sempre que você quer mostrar o efeito de qualquer uma das suas imagens (seja em qualquer post ou na barra lateral), você tem que modificar o código ligando assim:

Normalmente, o código que você utiliza, para vincular qualquer imagem ficará assim:

<A href = http://twitter.com/blogdomijadinha t "target =" _blank "alt =" >
<img src ="http://3.bp.blogspot.com/_4fVBL4fjrFI/ScemDyDCVoI/AAAAAAAAC2c/
2konYKMmSks/s320/twitter.png " /> </ a>

Se você deseja adicionar o efeito hover para a imagem , em seguida, adicione este código simples (em negrito) para que, como este:

Se você deseja adicionar o efeito hover para a imagem , em seguida, adicione este código simples (em negrito) para que, como este:
<A href = "linkopacity" href = url do seu blog "target =" _blank "alt ="> <img src ="url da imagem"/> </ a>

Em outras palavras , o código em questão ficará desta forma:

Para que você entenda e visualize melhor logo abaixo, eu coloquei os dois códigos referentes às imagens do inicio:

Importante:

“Tome cuidado, pois em imagens já “linkadas”, em alguns casos pode ser que não funcione, daí a importância de você realizar alguns testes antes de por definitivamente em funcionamento.”

E só.

Continua