Se voce estiver olhando para dar aos seus leitores ou ate mesmo usar no seu cantinho a opcao com um pouco mais de informacao ou de navegacao opcional, uma otima solucao e usar dicas de ferramentas. O usuario passa o cursor sobre um item, sem clicar nele, e uma pequena caixa aparece com informacoes adicionais sobre o item que esta sendo pairado.Dicas sao um "elemento de interface grafica comum", os quais sao utilizados em conjunto com um cursor, geralmente um ponteiro do rato.Para dar a sua dica: A unica diferenca que nao e um Java, e sim manual, podendo destacar seu post separadamente !.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip .tooltiptext {visibility: hidden;width: 77px;background-color: #000000;color: #fff;text-align: center;border-radius: 6px;border: 4px double #fff;padding: 0px 3px;position: absolute;z-index: 1;top: -3px;left: 123px;}.tooltip:hover .tooltiptext {visibility: visible;}.tooltip2 { position: relative; display: inline-block; border-bottom: 1px dotted black;}.tooltip2 .tooltiptext2 {visibility: hidden;width: 77px;background-color: #000000;color: #fff;text-align: center;border-radius: 6px;border: 4px double #fff;padding: 0px 3px;position: absolute;z-index: 1;top: -3px;left: -97px;}.tooltip2:hover .tooltiptext2 { visibility: visible;}.tooltip3 { position: relative; display: inline-block; border-bottom: 1px dotted black;}.tooltip3 .tooltiptext3 { visibility: hidden; width: 77px; background-color: black; color: #fff;border: 4px double #fff; text-align: center; border-radius: 6px; padding: 0px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -38px;}.tooltip3:hover .tooltiptext3 {visibility: visible;}.tooltip4 {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip4 .tooltiptext4 {visibility: hidden;width: 77px;background-color: black;color: #fff;text-align: center;border-radius: 6px;border: 4px double #fff;padding: 0px 0px;position: absolute;z-index: 1;bottom: -146%;left: 50%; margin-left: -38px;}.tooltip4:hover .tooltiptext4 { visibility: visible;}Para essa direcaoEncoste em mim !Gostou ?No Codigo Html do seu blog acima de /b:skin acrescente:.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip .tooltiptext {visibility: hidden;width: 77px; /LARGURA DA CAIXINHAbackground-color: #000000;/ COR DO FUNDOcolor: #fff;text-align: center;border-radius: 6px;border: 4px double #fff; /COR DA BORDApadding: 0px 3px;position: absolute;z-index: 1;top: -3px; / ALTURAleft: 123px; / POSICAO DIREITA/ESQ.}.tooltip:hover .tooltiptext {visibility: visible;}Dentro da sua Postagem acrescente:SUA FRASETITULO DO TOOLTIPPara essa direcaoEncoste em mim !Gostou ?No Codigo Html do seu blog acima de /b:skin acrescente:.tooltip2 {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip2 .tooltiptext2 {visibility: hidden;width: 77px; / LARGURA DA CAIXINHAbackground-color: #000000; /COR DO FUNDOcolor: #fff;text-align: center;border-radius: 6px;border: 4px double #fff;padding: 0px 3px;position: absolute;z-index: 1;top: -3px; /ALTURAleft: -97px;} /POSICAO DIR./ESQ.tooltip2:hover .tooltiptext2 {visibility: visible;}Dentro da sua Postagem acrescente:SUA FRASETITULO DO TOOLTIPPara essa direcaoEncoste em mim !Gostou ?No Codigo Html do seu blog acima de /b:skin acrescente:.tooltip3 {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip3 .tooltiptext3 {visibility: hidden;width: 77px; / LARGURA DA CAIXINHAbackground-color: #000000; / COR DO FUNDOcolor: #fff;border: 4px double #fff;text-align: center;border-radius: 6px;padding: 0px 0;position: absolute;z-index: 1;bottom: 100%;left: 50%;margin-left: -38px; /POSICAO DIR./ESQ}.tooltip3:hover .tooltiptext3 {visibility: visible;}Dentro da sua Postagem acrescente:SUA FRASETITULO DO TOOLTIPPara essa direcaoEncoste em mim !Gostou ?No Codigo Html do seu blog acima de /b:skin acrescente:.tooltip4 {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip4 .tooltiptext4 {visibility: hidden;width: 77px; /LARGURA DA CAIXINHAbackground-color: #000000; /COR DO FUNDOcolor: #fff;text-align: center;border-radius: 6px;border: 4px double #fff;padding: 0px 0px;position: absolute;z-index: 1;bottom: -146%;left: 50%;margin-left: -38px; / POSICAO DIR./ESQ}.tooltip4:hover .tooltiptext4 {visibility: visible;}Dentro da sua Postagem acrescente:SUA FRASETITULO DO TOOLTIPSomente faca as alteracoes na area destacada de CAPSLOCKEspero que tenham gostado, e que utilizem como quiser ... logo mas trarei outras posicoes seguidas de ( Margin-top ), grande beijo ! Hei povo, voltei hoje nao vou radicalizar na postagem, mas resolvi publicar algumas pequenas