Kássio Sousa | Programação Web

Solução problema UVA: 147 - Dollars (PYTHON)

noreply@blogger.com (Kassio Romulo) — Sun, 13 May 2018 11:08:00 -0300

O problema consiste basicamente em identificar, dadas as moedas existentes ($100, $50, $20, $10, and $5 notes and $2, $1, 50c, 20c, 10c and 5c) e dado um certo valor, de quantas formas diferentes pode-se obter este valor através das moedas citadas.

Link do Problema: https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&problem=83

Basicamente, a solução consiste de um contador de um contador de possibilidades individuais combinado, ou seja, quantas vezes cada moeda pode formar o valor de entrada.

Solução:

#retorna a quantidade de possibilidades
#moedas de 5, 10, 20, 50, 100, 200, 500, 1000, 2000, 5000, 10000 centavos
maxvalue = 30000+1
memo = [maxvalue]
N = 0
inteiro = 0
decimal = 0
cents = 0
i = 0
#sem usar nenhuma moeda (apenas o valor 0 eh obtido)
memo[0] = 1
for i in range(1, maxvalue):
memo.insert(i, 0)
#incluir moedas de $1
#for i in range(1, maxvalue):
# memo.insert(i, 1)

#incluir moedas de 5c
for i in range(5, maxvalue):
memo[i] += memo[i-5]
#incluir moedas de 10c
for i in range(10, maxvalue):
memo[i] += memo[i-10]

#incluir moedas de 20c
for i in range(20, maxvalue):
memo[i] += memo[i-20]
#incluir moedas de 50c
for i in range(50, maxvalue):
memo[i] += memo[i-50]
#incluir moedas de $1
for i in range(100, maxvalue):
memo[i] += memo[i-100]
#incluir moedas de $2
for i in range(200, maxvalue):
memo[i] += memo[i-200]
#incluir moedas de $5
for i in range(500, maxvalue):
memo[i] += memo[i-500]

#incluir moedas de $10
for i in range(1000, maxvalue):
memo[i] += memo[i-1000]
#incluir moedas de $20
for i in range(2000, maxvalue):
memo[i] += memo[i-2000]
#incluir moedas de $50
for i in range(5000, maxvalue):
memo[i] += memo[i-5000]

#incluir moedas de $100
for i in range(10000, maxvalue):
memo[i] += memo[i-10000]

cond = True
while cond:
N = input()
inteiro, decimal = N.split(".")
cents = (100 * int(inteiro) ) + (10 * int(decimal) )

if cents==0:
cond = False

if cents > maxvalue:
cond = False
else:
if cents>=0 and cents<=maxvalue:
print ( memo[cents] )
else:
cond = False

Algoritmo de média de um vetor (PHP)

noreply@blogger.com (Kassio Romulo) — Fri, 25 Apr 2014 20:39:00 -0300

Algoritmo simples para retornar a media de um vetor, para preencher, basta colocar os elementos do vetor separados por vírgula (,).

<?php
// Implementação do Método da Bissecção para zeros de funções
// Disciplina: Cálculo Numérico

if (!($_POST)) {
?>
<form method="post" action="5a.php">
<table>
<tr>
<td>Vetor <input type="text" name="vetor"></td>
<td><input type="submit" value="Enviar"></td>
</tr>
</table>
Preencher o vetor separando os elementos com ","
</form>

<?php
} else {
extract($_POST);

$auxVetor = explode(",", $vetor);
// double PontoFixo(double x0,funcao f,funcao phi,double eps=1.0E-6);
function vetor_calc($vetor) {
$soma = 0;
$qtdLaco = 0;
foreach ($vetor as $pos) {
$soma += $pos;
$qtdLaco ++;
}
$media = $soma/$qtdLaco;
return $media;
}
$media = vetor_calc($auxVetor);
echo "A média é: ".$media."";
}
?>

Curso HTML e CSS grátis

noreply@blogger.com (Kassio Romulo) — Sat, 22 Feb 2014 09:36:00 -0300

Abaixo estou disponibilizando (tardiamente) aqui no blog, um curso de HTML e CSS que ministrei entre 19 de Abril e 12 de Maio de 2012.

O conteúdo do curso aborda os principais conceitos de HTML, além das novidades do HTML5, a mais recente versão do HTML. Além, claro, de tirar o máximo proveito de CSS, também já conhecendo alguns dos novos recursos do CSS3.

As apostilas:

Abaixo o conteúdo programático e as apostilas utilizadas no curso:

Ementa HTML:

PARTE 1: (X)HTML
Introdução
1. O que é (X)HTML
2. Histórico e versões da HTML
3. World Wide Web consortium (W3C)
4. Web semântica e padrões web
Definições e Sintaxe Geral de Marcação
1. Browser e engines
2. Tags html e elementos vazios
3. Estrutura mínima do documento
4. Doctype
5. Elemento nível de bloco e inline
Elementos e atributos (X)HTML
1. Atributos comuns
2. Eventos intrínsecos
3. Principais tags e atributos
4. Codificação de caracteres
5. Validação de documentos (X)HTML
HTML 5

HTML 5 e semântica
Microformats e HTML 5
Novas tags

Ementa CSS:

PARTE 2: CSS
Folhas de estilo em cascata
1. Definição
2. Unidades CSS para medidas lineares
3. Vinculando folhas de estilo aos documentos
O modelo CSS
1. Efeito cascata
2. Box Model
3. Propriedades CSS para Box Model
4. Seletores simples e compostos
5. Pseudoclasse e pseudo-elemento
Elementos e atributos (X)HTML
1. Atributos comuns
2. Eventos intrínsecos
3. Principais tags e atributos
4. Codificação de caracteres
5. Validação de documentos (X)HTML
Estilização com CSS
Principais propriedades
Posicionamento CSS
1. Posicionamento Absoluto
2. Posicionamento Relativo
Layout CSS
1. Largura Fixa
2. Líquido
3. Elástico
4. Híbrido
CSS3
1. Definições gerais
2. Módulos
3. Módulos

SQL: Introdução

noreply@blogger.com (Kassio Romulo) — Wed, 4 Dec 2013 21:42:00 -0300

SQL - Strutured Query Language (Linguagem de consulta estruturada)

É uma linguagem simples para manipular dados de um banco de dados (BD). Banco de dados é um conjunto organizado de dados no qual existem relacionamentos entre os elementos (tabelas). Um banco de dados é utilizado em diversas linguagens para tornar dinâmica a programação e criar inúmeras possibilidades e aplicações com estes dados dinâmicos.

Desde o seu surgimento em 1974, a linguagem SQL foi bastante utilizada, diversas linguagens de consulta de dados surgiram, mas o SQL manteve-se entre as mais utilizadas. É uma linguagem declarativa, no qual o programador indica o objetivo através de parâmetros para obter o resultado pretendido do banco de dados.

SQL é uma linguagem de definição de dados, ou seja, ela cria tabelas em um banco de dados relacional e pode alterá-las ou removê-las. O que significa também que através dela você pode selecionar, inserir, alterar ou remover os dados de uma tabela de uma banco de dados relacional.

Alguns dos principais comandos SQL e que veremos nos artigos seguintes são:
INSERT (inserção), SELECT (consulta), UPDATE (atualização), DELETE (exclusão), JOIN (Junção), GROUPY BY (Agrupamento), WHERE (Condicao, onde), etc

Novas regras de parceria

noreply@blogger.com (Kassio Romulo) — Sun, 13 May 2012 21:12:00 -0300

Aos visitantes que desejam fazer parceria conosco, devem olhar as novas regras de parceria que visam proteger os nossos atuais parceiros e também os novos, abs e boa leitura.

http://kassioromulo.blogspot.com.br/2011/05/parceria.html

PHP: fopen

noreply@blogger.com (Kassio Romulo) — Thu, 22 Mar 2012 02:10:00 -0300

Dando prosseguimento nos artigos sobre php, no últimos vimos como utilizar sessões no php, neste a idéia é aprender a usar a função fopen, que serve para abrir arquivos, seja um arquivo guardado na pasta do servidor ou em uma url, pelo php.

Estrutura:
resource fopen ( string $filename , string $mode [, bool $use_include_path [, resource $context ]] )

$filename é o nome do arquivo com o seu devido endereço.
$mode é o modo de abertura do arquivo, abaixo a relação das aberturas de arquivo possíveis.

`mode`	Descrição
'r'	Abre somente para leitura; coloca o ponteiro do arquivo no começo do arquivo.
'r+'	Abre para leitura e escrita; coloca o ponteiro do arquivo no começo do arquivo.
'w'	Abre somente para escrita; coloca o ponteiro do arquivo no começo do arquivo e reduz o comprimento do arquivo para zero. Se o arquivo não existir, tenta criá-lo.
'w+'	Abre para leitura e escrita; coloca o ponteiro do arquivo no começo do arquivo e reduz o comprimento do arquivo para zero. Se o arquivo não existir, tenta criá-lo.
'a'	Abre somente para escrita; coloca o ponteiro do arquivo no final do arquivo. Se o arquivo não existir, tenta criá-lo.
'a+'	Abre para leitura e escrita; coloca o ponteiro do arquivo no final do arquivo. Se o arquivo não existir, tenta criá-lo.
'x'	Cria e abre o arquivo somente para escrita; coloca o ponteiro no começo do arquivo. Se o arquivo já existir, a chamada a fopen()falhará, retornando `FALSE` e gerando um erro de nível `E_WARNING`. Se o arquivo não existir, tenta criá-lo. Isto é equivalente a especificar as flags O_EXCL\|O_CREAT para a chamada de sistema open(2).
'x+'	Cria e abre o arquivo para leitura e escrita; coloca o ponteiro no começo do arquivo. Se o arquivo já existir, a chamada a fopen()falhará, retornando `FALSE` e gerando um erro de nível `E_WARNING`. Se o arquivo não existir, tenta criá-lo. Isto é equivalente a especificar as flags O_EXCL\|O_CREAT para a chamada de sistema open(2).

Exemplo do uso de fopen:

<?php
$handle = fopen("info.txt", "r");?>

Exemplo usando também uma url:

<?php
$handle = fopen("/home/rasmus/file.txt", "r");$handle = fopen("/home/rasmus/file.gif", "wb");$handle = fopen("http://www.example.com/", "r");$handle = fopen("ftp://user:password@example.com/somefile.txt", "w");?>

FONTE:
http://php.net/manual/pt_BR/reserved.variables.server.php

PHP: Sessões

noreply@blogger.com (Kassio Romulo) — Sat, 17 Mar 2012 22:43:00 -0300

No php é comum a utilização de sessões para a passagem de informações entre páginas e principalmente para um sistema de login, no qual é necessário constantemente a verificação do usuário.

Mas o que são sessões?
Basicamente, é uma forma de preservar os dados através de acessos sequenciais. isso permite a criação de aplicações personalizadas e aumenta a capacidade de um site ou sistema web. Confira mais no manual php de sessões: Referência sessões

Como usar?
Essa é a pergunta mais comum e a mais fácil de se realizar, para usar uma sessão você deve inicia-la e termina-la. Simples, no início de uma página php você inicia a sessão com: session_start(); e ao final da utilização, quando não for mais usar as informações você deve fechar com: session_destroy();

Mas como funciona?
Essa pergunta forma a essência das sessões, a sessão serve para armazenar dados enquanto o usuário estiver em seu site, então podemos facilmente capturar dados e armazena-los para futuras consultas, confira no exemplo abaixo:

Ex.: No exemplo queremos que o usuário digite o seu nome mostrar este nome em outra página:

Página 1:

envia.php

<html><head><meta charset="UTF-8" /><title>Teste</title></head><body><form action="recebe.php" method="post" >Nome: <br /><input type="text" name="nome" /><input type="submit" value="Enviar" /></form></body></html>

Esta página irá conter um simples formulário com um campo de texto pedindo ao usuário para digitar seu nome, ao digitar e clicar em enviar, o dado do campo nome será enviado via "Post" para a página "recebe.php" que irá receber este dado para então armazena-lo em uma sessão.

recebe.php

<?phpsession_start();
$nome_pessoa = $_POST['nome'];
$_SESSION['nome'] = $nome_pessoa;
header ("Location: mostra.php");?>

Esta página recebe via $_POST o nome e armazena na variável "nome_pessoa" (perceba que a sessão foi iniciada no início da página), logo após, o valor da variável "nome_pessoa" é guardada na sessão, repare nos colchetes o nome da variável da sessão, assim como no próprio php, a sessão cria variáveis para guardar os valores desejados, no caso acima ($_SESSION['nome'] = $nome_pessoa;) estamos criando uma variável "nome" dentro da sessão com o valor da variável php "nome_pessoa", assim a variável nome poderá ser chamada em qualquer página do site de agora em diante.

Repare que nesta página não chamamos "session_destroy()" pois esta função destrói todas as variáveis guardadas na sessão, ou seja, só chame esta função quando não desejar mais utilizar nenhuma variável que está guardada na sessão.

A seguir um exemplo de página php que pega o valor da sessão, mostra na tela e ao final da página destrói a sessão pois não a utilizaremos mais.

mostra.php

<?phpsession_start();
// Aqui, faz a variável nome receber o valor que estava guardado na sessão$nome = $_SESSION['nome'];
?><html><head><meta charset="UTF-8" /><title>Teste</title></head><body>
O seu nome é: <?php echo"$nome"; ?>
</body></html><?phpsession_destroy();?>

O que achou do artigo? comente, tire suas dúvidas.

Obs.: Com sessões é possível criar um sistema de login, passando os valores de "user" e "senha" por sessão e comparando com dados guardados no banco de dados do usuário, caso esteja certo, prossiga para uma página protegida.

Mostre ao visitante quando foi sua última visita no site/blog

noreply@blogger.com (Kassio Romulo) — Wed, 18 Jan 2012 12:47:00 -0300

Para que seu visitante saiba a última visita que fez ao seu site é bem simples, você só deverá acessar está página: http://www.gbotvisit.com/ e colocar o endereço de seu site/blog na caixa de texto como a imagem abaixo.

Após colocar o endereço basta clicar em "Check google bot last visit" que ele irá gerar automaticamente um código (Como na imagem abaixo), este código é o que mostra de acordo com seu IP real, a última visita realizada no site ou blog, para que mostre isso ao seu visitante, basta você copiar este código, depois vá em Design -> Adicionar um gadget -> HTML.
Basta agora colocar o código dentro do gadget, definir sua posição no layout e salvar.

Agora quando seu visitante entrar em sua página ele verá o marcador indicando em que data ele realizou a última visita ao seu site ou blog.

Como excluir sistema operacional linux Satux

noreply@blogger.com (Kassio Romulo) — Wed, 11 Jan 2012 11:46:00 -0300

Estou escrevendo este artigo como uma espécie de nota de utilidade pública, pois me deparei com um notebook com o sistema operacional Satux, quem já se deparou com ele deve ter tido a mesma dificuldade, ele é um sistema linux o qual não é reconhecido pela windows, ou seja, caso tente instalar um sistema windows na mesma máquina para que fiquem os dois So's não será possível (Porque?), simplesmente o windows tenta gravar nas primeiras trilhas disponíveis do disco rígido, mas como ele não reconhece o Satux tentará sem sucesso gravar por cima dele, por isso, no momento da gravação acontece sempre a temida Tela Azul.

O pior que também não é tão fácil exclui-lo quanto se pensa, não se pode utilizar o método convencional, você deve entrar no SO e digitar um código para que ele seja desinstalado, para melhor explicar encontrei este tutorial, espero que seja de grande ajuda.

http://www.cceinfo.com.br/adm/file/docmanual/Satux.pdf

Realizando backup no blogger

noreply@blogger.com (Kassio Romulo) — Mon, 9 Jan 2012 23:36:00 -0300

Muitas vezes precisamos guardar o que temos pronto para não correr o risco de perder o que nos levou tanto tempo e esforço, como o template de nosso blog hospedado no blogger por exemplo.

Neste tutorial será ensinado como realizar um simples backup, que pode parecer simples mas é bem útil.

1-> Faça login no blogger
2-> Acesse a aba Design
3-> Editar HTML
4-> Em seguida clique em Baixar modelo completo

Pronto, dessa maneira você estará salvando uma cópia de seu template para futuro uso, este backup é utilizado principalmente quando se deseja trocar o layout do blog, mas antes você salva uma cópia de segurança para o caso de acontecer alguma complicação ou erro com o novo layout.
O arquivo de template é do formato XML.

CSS: Unidades de medida linear

noreply@blogger.com (Kassio Romulo) — Sun, 18 Sep 2011 23:35:00 -0300

1. Unidades CSS para medidas lineares

As unidades de medida de comprimento CSS, referem-se a medidas na horizontal e vertical (e em sentido mais amplo, em qualquer direção).

O formato para declarar o valor de uma unidade de medida CSS é um número com ou sem ponto decimal imediatamente precedido do sinal ‘+’ (mais) ou do sinal ‘-‘(menos), sendo o sinal ‘+’(mais) o valor “default “ e imediatamente seguido por uma unidade identificadora (medida CSS válida).

Algumas propriedades CSS permitem que sejam declarados valores negativos para unidades de medida. A adoção de valores negativos pode complicar a formatação do elemento e devem ser usados com cautela.

Existem dois tipos de unidade de medida de comprimento CSS. Unidade relativa e Absoluta.

1.1. Unidade relativa

· em

· ex

· px - pixel

· % - percentagem

As unidades relativas são referenciadas a outras unidades como a seguir:

1.2. Unidade absoluta

· pt - point :1/72 in;

· pc - pica :12 points ou 1/6 in;

· mm - milímetro :1/10 cm;

· cm - centímetro :1/100 m;

· in - polegada :2,54 cm;

Unidade relativa é aquela tomada em relação a outra medida. Folhas de estilo em cascata que usam unidades de comprimento relativas são mais apropriadas para ajustes.

O valor é tomado em relação:

em: ...ao tamanho da fonte ('font-size') herdada;
ex: ...a altura da letra x (xis) da fonte herdada;
px: ...ao dispositivo (midia) de exibição;
%: ... a uma medida previamente definida.

Unidade absoluta é aquela que não é referenciada a qualquer outra unidade e nem é herdada. São unidades de medida de comprimento definidas nos sistemas de medidas pela física e em fim são os conhecidos “centímetros, polegadas,etc”.

Exemplos ilustrativos do uso destas medidas de comprimento CSS:

div { margin: 1.5em; }

h4 { margin: 2ex; }

p { font-size: 14px; }

.classe { padding: 90%; }

hr { width: 14pt; }

h1 { margin: 1pc; }

h2 { font-size: 4mm; }

p.classe { padding: 0.3cm; }

h5.classe { padding: 0.5in; }

Regra CSS: seletor {propriedade: valor;}

1.3. Entendendo as unidades de medida CSS

Abaixo a definição e análise com exemplo de cada uma das unidades de medida CSS.

1.3.1. A unidade de medida - pixel.

A unidade de medida pixel, é relativa a resolução do dispositivo de exibição (A tela do monitor). Normalmente o mínimo de resolução em uma tela é de 1024 x 768.

EX: font-size: 12px

1.3.2. A unidade de medida – em.

A unidade de medida em refere-se ao tamanho da fonte (letra) do seletor onde for declarada. Quando em for declarada para a propriedade font-size refere-se ao tamanho da fonte. Quando em for declarada para o elemento raiz do documento (<html> em documentos html por exemplo) referencia-se ao valor inicial (default) do tamanho de fonte (letra).

EX: h1 { line-height: 1.2em } line-height de <h1> será 20% maior do que o tamanho atual das letras de <h1>.

1.3.3. A unidade de medida – percentagem, %

Valores em porcentagem são relativos a outro valor anterior declarado. Este valor anterior há que estar bem definido e em geral esta definição está em uma determinada propriedade do mesmo elemento, na propriedade do elemento “pai” (por exemplo: uma medida css de comprimento) ou mesmo no contexto geral da formatação (por exemplo: a largura do bloco de conteúdo).

EX:

p { font-size: 10px }
p { line-height: 120% }/*120% de'font-size'=12px*/

CSS: Introdução e sintaxe

noreply@blogger.com (Kassio Romulo) — Sun, 18 Sep 2011 23:34:00 -0300

1. Folhas de estilo em cascata (CSS)

1.1. Definição: É uma linguagem de estilos utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Em vez de colocar a formatação dentro do documento, o desenvolvedor cria um link (Ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um site. Quando for necessário alterar a aparência do site basta portanto alterar apenas um arquivo.

1.2. Sintaxe: O CSS tem uma sintaxe simples e utiliza uma série de palavras em inglês para especificar os nomes de diferentes estilos de uma página. Uma folha de estilo consiste de uma lista de regras, onde cada regra ou conjunto de regras consiste de um ou mais seletores e um bloco de declaração. Um bloco de declaração é composto por uma lista de declarações enter chaves. Cada declaração em si é uma propriedade, dois pontos (:), um valor e então um ponto e vírgula (;).

Em CSS, seletores são usados para declarar a quais elementos de marcação um estilo se aplica, uma espécie de expressão correspondente. Os seletores podem ser aplicados a todos os elementos de um tipo específico, ou apenas aqueles elementos que correspondam a um determinado atributo.

Tipos: ID e CLASS

ID é declarado assim: #nome_do_seletor { propriedades }

CLASS: .nome_do_seletor { propriedades }

Pseudo-Classe é outra forma de especificação usada em CSS para identificar os elementos de marcação, e, em alguns casos, ações específicas do usuário para o qual um bloco de declaração especial se aplica.

HTML: Tabelas

noreply@blogger.com (Kassio Romulo) — Mon, 12 Sep 2011 15:50:00 -0300

Tabelas – atributos

A estrutura básica de uma Tabela é simples: iniciamos a Tabela com o comando <TABLE> e terminamos com </TABLE>; dentro da Tabela iniciamos cada linha com <TR> e terminamos com </TR> e dentro de cada linha iniciamos uma coluna com <TD> e terminamos com </TD>.

Uma Tabela 2 X 2 seria então:

</TR>
<TR>

</TR>
</TABLE>

a	b
c	d

Se quisermos que a Tabela tenha bordas acrescentamos o atributo BORDER no começo da Tabela, podemos também especificar a espessura da borda em pixels, por exemplo, se quisermos uma borda de 5 pixels de espessura fazemos BORDER=5 veja:

</TR>
<TR>

</TR>
</TABLE>

a	b
c	d

No lugar de <TD> </TD> para definir uma célula podemos usar <TH> </TH>, que indica que esta célula é uma cabeçalho (header).] O texto dentro de uma célula definida como cabeçalho é mostrado em negrito e centalizado. Um outro atributo é <CAPTION> </CAPTION>, que define a legenda da tabela:

<CAPTION> Exemplo </CAPTION>
<TR>

<TH> Título 1 </TH> <TH> Título 2 </TH>

</TR>
<TR> <TD> c </TD> <TD> d </TD> </TR>
</TABLE>

Exemplo
Título 1	Título 2
c	d

Podemos mudar os atributos de cada célula dentro de uma Tabela com os seguintes comandos:

Atributo	Descrição
ALIGN (LEFT, CENTER, RIGHT)	Alinhamento horizontal da célula
VALIGN (TOP, MIDDLE, BOTTOM)	Alinhamento vertical da célula
COLSPAN=n	Número (n) de colunas que uma célula ocupa
ROWSPAN=n	Número de linhas que uma célula ocupa
BGCOLOR=	Cor a ser usada para preencher a célula
WIDTH=	Largura da célula
CELLPADDING	Espaço a ser acrescentado entre uma coluna e outra

Exemplo:

Que resulta em:

aaa		bbb
ccc	ddd	eee
ccc	fff	ggg

Tabelas – Mesclando Linhas e Colunas

Mesclando células na horizontal:

Para mesclar células na horizontal (Em uma mesma linha), basta usarmos um parâmetro da tag <td> Chamado colspan.

Exemplo:

<title>Mesclando na hotizontal</title>

</head>

<body>

<TR> <td colspan=”3”>Tabeça de produtos</td>

</TR> <td>Categoria</td> <td>Produto</td> <td>Preço</td> </TR>

<TR> <td>Multimídia</td><td>Heardphone</td> <td>6</td> </TR>

<TR> <td>Multimídia</td> <td>Webcam</td> <td>13</td> </TR>

<TR> <td>Multimídia</td><td>Placa de vídeo 512 mb</td><td>85</td></TR>

</table>

</body>

</html>

Aqui, criamos a tabela contando 5 linhas e 3 colunas. Perceba agora, que a primeira linha (Primeiro <TR>) contém apenas uma célula (um <td>). Repare que nesse <td>, definimos o parâmetro colspan com valor “3”, com isso, informamos que a célula deve ser masclada com as próximas duas células da mesma linha (Célula atual + duas próximas células=3).

Mesclando células na vertical

Para mesclar células na vertical(Em uma mesma coluna), basta usarmos o parâmetro tag <td> chamado rowspan.

EX:

<html>

<head>

<title>Mesclando Células na Vertical</title>

</head>

<body>

<h1>Tabela de Produtos</h1>
<table border="1">

<tr>

<td>Categoria</td>
<td>Produto</td>
<td>Preço</td>

</tr>
<tr>

<td rowspan="3">Multimídia</td>
<td>Headphone</td>
<td>6</td>

</tr>
<tr>

<td>WebCam</td>
<td>13</td>

</tr>
<tr>

<td>Placa de Vídeo 512 MB</td>
<td>85</td>

</tr>

</table>

</body>

</html>

No código acima, é criada uma tabela com três colunas e quarto linhas. Definindo o parâmetro rowspan com valor “3” assim como foi feito com o parâmetro colspan. Informamos assim, que essa célula será mesclada com as primeiras próximas duas linhas abaixo. (Célula atual + duas células = 3).

HTML: Listas numeradas e não numeradas

noreply@blogger.com (Kassio Romulo) — Mon, 12 Sep 2011 15:40:00 -0300

Listas não numeradas

Para criar uma lista não numerada:

1. Comece com a marcação de início de lista: <UL>.
2. Insira a marcação <LI> antes de cada item da lista item. (Não é necessário fechar a marcação com </LI> )
3. Encerre com a marcação de fim de lista: </UL>.

Abaixo o exemplo de uma lista:

<UL>
<LI> maçãs</LI>
<LI> bananas</LI>
<LI> peras</LI>
</UL>

Vai aparecer assim:

maçãs

bananas

peras

Listas numeradas

Uma lista numerada - ou ordenada - é semelhante a uma lista não numerada, exceto porque utiliza marcação <OL> ao invés de <UL>. Os itens são identificados utilizando-se a mesma notação <LI> .

Uma lista criada assim:

<OL>
<LI> laranjas</LI>
<LI> peras</LI>
<LI> uvas</LI>
</OL>

Resulta neste formato:

laranjas

peras

uvas

HTML: Interligando páginas e hiperlink

noreply@blogger.com (Kassio Romulo) — Mon, 12 Sep 2011 15:30:00 -0300

Interligando páginas

O principal poder do HTML vem da sua capacidade de interligar partes de um texto (e também imagens) a outros documentos. Os clientes exibem em destaque estas áreas ou pontos chaves (normalmente com cores diferentes ou sublinhado) para indicar que se trata de um link, ou interligação, no hipertexto.

A marcação <A>, que define o ponto de partida para os links, é denominada de âncora.

Para incluir uma âncora em seu documento:

Inicie a âncora com <A (Há um espaço depois de A.) Especifique o documento a ser interligado, inserindo o parâmetro HREF="filename" seguido do sinal: > Obs.:(HREF significa Hypertext Reference). Insira o texto que vai funcionar como link no documento corrente. Anote a marcação de final da âncora: </A>.

Um exemplo de referência a um hipertexto:

<A HREF="index.html">Índice</A>
que resulta no LINK Índice

A palavra "Índice" é definida como o marcador do link para se chegar ao documento index.html, que está no mesmo diretório do documento corrente. Ou seja, "Índice" aparece em destaque (normalmente em azul) e se você clicar nessa palavra será exibido o documento apontado - index.html

Hyperlink

E possível interligar documentos em outro diretório especificando-se o caminho relativo a partir do documento corrente, em relação ao que está sendo interligado.
Por exemplo, um link para o arquivo link1.html localizado no subdiretório exemplos seria assim:

<A HREF="exemplos/link1.html"> Página Teste </A>

que resulta no link: Página Teste

Note que como neste exemplo o arquivo indicado não existe, se voce clicar nesse link receberá uma mensagem de erro indicando que o arquivo não foi encontrado.

Estes são dos denominados links relativos. Algumas regras que devem ser observadas são:

Utiliza-se a barra deitada / para separar diretórios e não a barra invertida \ .

Pode-se utilizar este mesmo método para redirecionar a documentos, textos, imagens ou outras páginas.

Exemplos:

Caso o arquivo que você esteja buscando, está um nível acima do diretório atual, devemos utilizar a seguinte sintaxe:

<A HREF="../exemplos/link1.html"> Página Teste </A>

que resulta no link: Página Teste

Significa que a partir do diretório atual, volte para o diretório anterior, vá para o sub-diretório exemplos deste diretório e leia o arquivo link1.html.

HTML: Inserção de imagens

noreply@blogger.com (Kassio Romulo) — Mon, 12 Sep 2011 15:20:00 -0300

Inserção de Imagens

Para efetuar a inclusão de uma imagem basta seguir o padrão abaixo da tag <img>:

Neste caso, o src indica o caminho/pasta onde se encontra a imagem a ser inserida.

Por exemplo:

insere o arquivo bola.jpg. Opcionalmente foi especificado também o tamanho (WIDTH e HEIGHT) em pixels da imagem, isto não é obrigatório, mas facilita o trabalho do Browser para desenhar a página e é recomendado usar. O item ALT="campainha" indica o texto alternativo que aparece no lugar da imagem se ela não for carregada por quem estiver vendo a página (por exemplo se a transmissão for interrompida antes da imagem chegar totalmente).

Toda imagem incluída pode ser posicionada (align=...) na tela das seguintes formas:

TOP, MIDDLE, BOTTOM, LEFT e RIGHT.
As três primeiras opções definem a posição vertical da imagem com relação ao texto. Veja os exemplos:

As duas últimas definem a posição da imagem na página, a direita ou esquerda:

Caso seja omitida a opção "align", a imagem aparecerá a esquerda da página.

Uma imagem pode ser ainda um botão sensível: Para isso basta incluir uma imagem no interior de um link:
<a href="index.htm"><img src="indice. jpg "></a>

Background

É possível usar uma imagem como imagem de fundo (background) da página, que o Browser usa para preencher toda a tela como um papel de parede usando um recurso chamado de Tiling.

Para definir uma imagem como plano de fundo, coloque no comando <BODY> no início da página:

HTML: Estilos da fonte

noreply@blogger.com (Kassio Romulo) — Mon, 12 Sep 2011 15:00:00 -0300

Estilos da fonte

O HTML permite que se apliquem estilos específicos a palavras ou sentenças, que alteram a forma como a fonte básica é apresentada na tela.

Vamos ver algumas opções:

<B> texto em negrito </B> resulta em texto em negrito
<I> texto em itálico </I> resulta em texto em itálico
<TT> fonte com espaçamento fixo </TT> normalmente produz texto na fonte Courier ou equivalente.

Temos também o comando <FONT> </FONT> que permite alterar o tamanho da letra e a cor do texto. Por exemplo:

<FONT color="#ff0000" SIZE=+5 > V</FONT>eja <FONT color="#00ff00" SIZE=1 > como ficou. </FONT>
Veja como ficou.

O tamanho da fonte é especificado em números de 1 (menor) até 7 (maior fonte possível) ou em números relativos (por exemplo +1 -2 +5), calculados em relação à fonte padrão do browser. O resultado destes comandos não são muito previsíveis, dependem do Browser que está sendo utilizado e da fonte padrão para a qual ele está configurado.

O método de descrição de cores do HTML consiste em indicar os valores das componentes Red, Green e Blue (RGB) em hexadecimal, variando de 00 até ff (equivalente a 255 em decimal e que seria o valor máximo desta cor). Também podemos especificar a cor pelo seu nome. Algumas cores são:

#000000 Black
#ffffff White
#ff0000 Red
#00ff00 Green

#0000ff Blue
#ffff00 Yellow
#c0c0c0 Grey
#ff7f00 Orange

Em geral, os Browsers possuem um conjunto de cores padrões para exibição da tela; são elas grey (C0C0C0) para o fundo da tela, black (00000) para texto, Blue (0000FF) para os links e purple (9900CC) para links visitados. Voce pode modificar esses valores para a sua página colocando no comando <BODY>, no início da página.

Por exemplo:
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="Pink" VLINK="#70DB93"> define uma página com fundo branco, letras pretas, links em Pink e links visitados em Aquamarine).

HTML: Formatação de parágrafos e linhas

noreply@blogger.com (Kassio Romulo) — Sun, 11 Sep 2011 23:14:00 -0300

Formatação de Parágrafos

A marcação <P> é utilizada para definir o início de um novo parágrafo, deixando uma linha em branco entre cada parágrafo. HTML não reconhece o caracter de quebra de linha dos editores de texto. Mesmo que exista uma linha em branco, os clientes Web só reconhecem o início de um novo parágrafo mediante a marcação apropriada.

Formatação de Linhas

A marcação <BR> faz uma quebra de linha sem acrescentar espaço extra entre as linhas. Veja a diferença do uso de <P> e <BR>:

Vamos separar esta sentença com marcação de parágrafo.<P> para verificar a diferença.

Vamos separar esta sentença com marcação de parágrafo.

para verificar a diferença.

Diferença quando separamos duas linhas utilizando <BR> a marcação de quebra de linha <BR>

Diferença quando separamos duas linhas utilizando

a marcação de quebra de linha

HTML: Trabalhando com tags

noreply@blogger.com (Kassio Romulo) — Sun, 11 Sep 2011 21:54:00 -0300

Conceito de Tag

A linguagem HTML utiliza Tags (Marcações) que informam ao browser como exibir o documento. As marcações do HTML consistem do sinal <, (“ menor que”) , seguida pelo nome da marcação e fechada por > (“Maior que).

De um modo geral, as tags aparecem em pares, por exemplo, <H1> Cabeçalho </H1>. O símbolo que termina uma determinada marcação é igual aquele que a inicia, antecedido por uma barra (/).

No exemplo, <H1> inicia a formatação do primeiro nível de cabeçalho e </H1> indica que o cabeçalho acabou. Há exceções a esse funcionamento em pares das marcações. Por exemplo, a que indica o final de um parágrafo <P>, não necessita de um Tag correspondente: <P>. A marcação que indica quebra de linha - <BR> - também não precisa de uma correspondente.

Obs.: A linguagem HTML não faz diferença entre maiúsculas e minúsculas (não é “case sensitive”). Então a notação <TITLE> é equivalente a <title> ou <TitlE>.

Tags de Título

Todo documento deve conter um conjunto básico de Tags. Deve ser identificado como HTML (<HTML> </HTML>), ter uma área de cabeçalho (<HEAD> </HEAD>) onde será colocado o título do documento (<TITLE> </TITLE>), e uma área definida como corpo (<BODY> </BODY>) onde estará o conteúdo do documento. Veja exemplo abaixo:

<HTML>

<HEAD>

<TITLE>HTML Básico</TITLE>

</HEAD>

<BODY>

<H1>Este é o primeiro nível de cabeçalho</H1>

Bem-vindo ao mundo do HTML.

Este é o primeiro parágrafo.<P>

E este é o segundo.<P>

</BODY>

</HTML>

Esta página irá aparecer assim:

Este é o primeiro nível de cabeçalho

Bem-vindo ao mundo do HTML. Este é o primeiro parágrafo.

E este é o segundo.

O título não aparece no corpo da página e sim no alto da tela do seu browser, e é utilizado para identificar o documento como se fosse um nome do arquivo. É interessante que o título possa sugerir claramente o conteúdo do documento.

A marcação utilizada para títulos é <TITLE> e seu par </TITLE>. Escrito desta forma:

<HTML>

<TITLE> Este é o título</TITLE>

<BODY>

</BODY>

</HTML>

Cabeçalhos

Cabeçalhos normalmente são usados para títulos e sub-títulos dentro de uma página.

O HTML possui seis níveis de cabeçalhos, numerados de 1 a 6, sendo o número 1 o maior destaque. Cabeçalhos são exibidos em letras maiores e em negrito. Ao definir o tamanho de um cabeçalho, você não está definindo o tamanho da letra (em pontos). Você apenas define que ele aparecerá com maior tamanho e destaque que o resto do texto. O tamanho exato com que ele será visualizado é definido pelo browser de cada pessoa que acessar a informação.

As notações relativas a cabeçalhos são: <HY> Texto do cabeçalho </HY> onde Y é um número entre 1 e 6 especificando o nível do cabeçalho.

O conjunto de notificações possíveis é o que segue:

`<H1>Headings</H1>`

<H2>Headings>/H2>

<H3>Headings</H3>

<H4>Headings</H4>

<H5>Headings</H5>

<H6>Headings</H6>

HTML: Introdução e histórico

noreply@blogger.com (Kassio Romulo) — Sun, 11 Sep 2011 11:58:00 -0300

Introdução ao HTML

A linguagem HTML é conhecida mundialmente como a linguagem padrão para criação de páginas para a web, é a mais básica na criação de sites. É utilizada para criar e organizar as informações que irão compor a página, como por exemplo, textos, imagens, vídeos, tabelas, etc.
Um documento HTML (Hyper text Markup Language) é um conjunto de instruções em formato ASCII, usada para criar documentos hipertexto e que podem ser visualizados por um browser (Firefox, IE, Chrome, Opera,etc), e por seguir este padrão pode ser editado em diversos editores de texto, desde os mais simples (bloco de notas) até os mais sofisticados (Dreamweaver).
Para criar uma página HTML você pode usar qualquer editor que possa salvar arquivos no formato ASCII com quebras de linhas, como por exemplo o Notepad++ do Windows, ou então qualquer editor HTML específico.

No presente momento a versão oficial do HTML em vigor é a 4.01 que foi publicada em 1999, porém o HTML 5.0 está sendo desenvolvido desde 2008, e em breve irá se tornar a versão oficial.

Algoritmo para exclusão de símbolos inúteis

noreply@blogger.com (Kassio Romulo) — Sun, 3 Jul 2011 20:32:00 -0300

Algoritmo apresentado para a cadeira de automatos na UFMA para obtenção da 3ª nota.
Algoritmo de exclusão de símbolos inúteis

#include <stdio.h>
#include <conio.h>
#include <string.h>
#include <stdlib.h>

int main(){
char o,m[26][300],aux[200];
int i,j,k,l,v,t,elem,pro,dg[26][200],contcoluna=0;

//Apresentação//
printf("-----------------------------------------------------\n");
printf("| Programa em linguagem C para: |\n");
printf("| Exclusao de simbolos inuteis |\n");
printf("-----------------------------------------------------\n");

printf("-----------------------------------------------------\n");
printf("| Kassio Romulo |\n");
printf("| CP09126-81 |\n");
printf("-----------------------------------------------------\n");
o=getchar();

system("cls");

//Pega a quantidade inicial de símbolos variáveis//
printf("Qual a quantidade de simbolos variaveis: \t");
scanf("%d",&v);

//Zera a matriz de ocorrências das produções//
for(i=0;i<200;i++){
for(j=0;j<v;j++){
dg[j][i]=0;
m[j][0] = '\0';
}
}
//2 for's para ler as produções da gramática
for(i=0;i<v;i++){
printf("Quantos elementos tem a linha %d:\t",i+1);
scanf("%d",&elem);

for(j=0;j<elem;j++){
printf("Qual o tamanho da producao %d: \t",j+1);
scanf("%d",&pro);

dg[i][j] = pro;
scanf("%s",aux);
strcat(m[i],aux);

}
}
//Limpa a tela
system("cls");
//------------------------------------------------------------------------------//
printf("\t\tG : (V,T,P,S)\n\n");
//Imprime todas as produções em suas respectivas linhas
for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
printf("%c",m[i][k]);
k++;
}
printf(" ");
}
printf("\n");
}
/*
a) Garante que qualquer símbolo é atingível a partir do símbolo inicial. Diretamente e indiretamente.
Contrução de v1
*/
//Primeiramente adiciona as variáveis que setem diretamente para terminais em V1
int cont=0; int flagt=0;
char aux2; char v1[200];

for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
if(m[i][k] >= 'A' && m[i][k]<='Z'){
flagt=1;
}
k++;
}
//Verifica se a variável já pertence a v1, se é a produção inicial sendo testada
for(l=0;l<cont;l++){
if(v1[l] == m[i][0]){flagt=1;}
}
if(flagt == 0){
v1[cont] = m[i][0];
cont++;
}
flagt=0;
}
}

//Agora adiciona as variáveis que setam indiretamente aos terminais
int contador1=strlen(v1)-1, flag=0;

while(contador1 != strlen(v1)){
contador1 = strlen(v1);

for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
if(m[i][k] >= 'A' && m[i][k]<='Z'){
for(l=0;l<cont;l++){
if(v1[l] == m[i][k]){flag=1;}
//Se encontrar um variável de v1 igual ao variável em questão flag=1
}
//Verifica se a variável já pertence a v1, se é a produção inicial sendo testada
for(l=0;l<cont;l++){
if(v1[l] == m[i][0]){flag=0;}
}
//Aqui faz a inclusão do novo símbolo variável a V1
if(flag == 1){
v1[cont] = m[i][0];
cont++;
}
flag=0;
}
k++;
}printf(" ");
}
}

}
printf("\n");

//Agora exclui-se as produções que não setam para nenhuma variável, não pertemcem
//Caso encontre algum variável entre as produções, que não pertença a gramática
//ele será retirado de P e a matriz de ocorrências será reorganizada, gerando então p1
int contaux=0; int contcolunaaux=0; flag=0;
for(i=0;i<v;i++){
k=1;contcoluna=1;
for(j=0;dg[i][j]!=0;j++){
contaux=k;
contcoluna=contcoluna+dg[i][j];
contcolunaaux = contcoluna-1;
while(k<contcoluna){
if(m[i][k] >= 'A' && m[i][k]<='Z'){
for(l=0;l<strlen(v1);l++){
if(v1[l] == m[i][k]){flag=1;}
}
if(flag == 0){
for(l=contaux-1; contcolunaaux < strlen(m[i]); l++){
m[i][l] = m[i][contcolunaaux];
contcolunaaux++;
}
contaux=dg[i][j];
for(l=j;dg[i][l]!=0;l++){
dg[i][l] = dg[i][l+1];
}

}
flag=0;
}
k++;
}printf(" ");
}
}
printf("\n");
//Imprime o vetor V1
printf("V1: ");
for(i=0;i<strlen(v1);i++){
printf("- %c ",v1[i]);
}
printf("\n\n");

//Imprime todas as produções em suas respectivas linhas
for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
printf("%c",m[i][k]);
k++;
}
printf(" ");
}
printf("\n");
}
printf("\n");

/*
b) Garante que qualquer símbolo é alcançavel a partir do incial (S).
Contrução de v2 e T2
*/
char v2[200];
v2[0]='S'; contador1=strlen(v2)-1; flag=0; cont=1;

while(contador1 != strlen(v2)){
contador1 = strlen(v2);

for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
if(m[i][k] >= 'A' && m[i][k]<='Z'){
for(l=0;l<cont;l++){
if(v2[l] == m[i][0]){flag=1;}
//Se encontrar um variável de v2 igual ao variável em questão flag=1
}
//Verifica se a variável já pertence a v2, se for não precisa ser inserida em V2
for(l=0;l<cont;l++){
if(v2[l] == m[i][k]){flag=0;}
}
//Aqui faz a inclusão do novo símbolo variável a V2
if(flag == 1){
v2[cont] = m[i][k];
cont++;
}
}
flag=0;
k++;
}printf(" ");
}
}

}

char t2[200];
int cont2=0, flag2=0; contador1=strlen(t2)-1;
//Construindo T2
while(contador1 != strlen(t2)){
contador1 = strlen(t2);

for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
if(m[i][k] >= 'a' && m[i][k]<='z'){
//Verifica se a variável ja está contida em T2, se for, flag2 = 0
for(l=0;l<cont2;l++){
if(t2[l] == m[i][k]){flag2=0;}
}
//Verifica se a variável pertence a v2, se for que o terminal é inserido em T2
if(flag2==1){
for(l=0;l<cont;l++){
if(v2[l] == m[i][0]){flag2=2;}
}
if(flag2 == 2){
t2[cont2]=m[i][k];
cont2++;
}
}
flag2=1;
}

k++;
}printf(" ");
}
}

}

printf("\n");
//Imprime o vetor V2
printf("V2: ");
for(i=0;i<strlen(v2);i++){
printf("- %c ",v2[i]);
}
printf("\n");
//Imprime o vetor T2
printf("T2: ");
for(i=0;i<strlen(t2);i++){
printf("- %c ",t2[i]);
}
printf("\n");
printf("\n");

//Imprime todas as produções em suas respectivas linhas do resultado final!
flag=0;
for(i=0;i<v;i++){
k=0;contcoluna=0;
for(j=0;dg[i][j]!=0;j++){
contcoluna=contcoluna+dg[i][j];
while(k<contcoluna){
for(l=0;l<strlen(v2);l++){
if(v2[l] == m[i][0]){flag=1;}
}
if(flag==1){
printf("%c",m[i][k]);
}
k++;
flag=0;
}
printf(" ");
}

printf("\n");
}
printf("\n");

printf("\n");
system("pause");

}

noreply@blogger.com (Kassio Romulo) — Sun, 5 Jun 2011 12:21:00 -0300

Editora: Makron Books

Área: MATEMÁTICA

Idioma: PORTUGUÊS

Número de páginas: 122

Edição: 1ª ED. 1997

ISBN: 8534606994

EAN: 9788534606998

Este livro introduz a Geometria Analítica utilizando a noção de vetor. Escrito por dois professores de comprovada experiência didática, ele apresenta, de maneira acessível, as idéias principais da Geometria Analítica, bem como aspectos básicos da teoria dos vetores livres.
Espero que gostem desse livro, deu muito trabalho para eu disponibilizar aqui,aproveitem!!
Download:
Opção 01 - Megaupload(Formato do livro está em JPG)
Opção 02 - Megaupload(Formato do livro está em PDF)

Opção 01

Opção 02

Por Jorge Luis
Twitter:@Jorgee_Luiss
Artigo postado no Blog Kássio com autorização do editor original, Jorge luís
Artigo em: http://megainteressantepravc.blogspot.com/2011/05/download-livro-introducao-geometria.html

Criando um banner rotativo

noreply@blogger.com (Kassio Romulo) — Sun, 29 May 2011 12:40:00 -0300

Alguns blog optam por colocar seus parceiros em forma de banner rotativo, no qual os banners giram de forma organizada em espaço determinado. Pessoalmente eu não utilizo para parcerias, porém existe outras muitas utilidades para este mesmo efeito, como para fotos, vídeos e etc.

A principal vantagem é a economia de espaço porém a desvantagem é que nem todos os banners serão vistos o tempo todo, o que para parceria pode não ser a melhor opção.

1º Adicionando o HTML

Acesse seu blog, e acesse a guia LAYOUT, depois clique em Adicionar um Gadget e então escolha o tipo HTML/JavaScript;

Então dentro do gadget, adiciona o seguinte código:

<marquee onmouseout="this.start()" direction="down" on () scrollamount="5" height="400" onmouseover="this.stop()" with="210">
<div align="center">
CÓDIGO
</div>
</marquee>

Propriedades:
direction: Altere esta propriedade de acordo com a direção da movimentação do gadget, neste está no sentido de cima para baixo, para usar o contrário basta subistituir down por up.
scrollamount: Altere este valor para modificar a velocidade da rotação, quanto maior mais rápido.
height: Esta propriedade refere-se ha altura do gadget, altere e vá testando qual a melhor.
with: Esta propriedade refere-se ha largura do gadget, recomendo que coloque da largura do local onde utilizar este código.
CÓDIGO: Aqui você coloca o código que deverá ficar em rotação, seja de banners, fotos, imagens, videos, etc.

Qualquer dúvida não deixe de comentar.

Configurando seu blog para a versão móvel

noreply@blogger.com (Kassio Romulo) — Sun, 29 May 2011 02:10:00 -0300

A modernidade chegou e hoje, em qualquer lugar é possível acessar a internet e visualizar as páginas da web com aparelhos cada vez menores e mais sofisticados. Hoje é possível acessar um blog ou site de um simples celular, para isso porém, você precisa adequar seu blog para esta modernidade, permitindo que seus leitores desta grande vertente possam visualizar corretamente seu conteúdo. Para tanto, o blogger segue as novidades e já disponibiliza esta form de seus leitores de aparelhos móveis visualizarem seu conteúdo de forma adequada e sem muita poluição visual, vamos seguir para o tutorial.

1º acesse o painel de configurações

Acesse o painel de configurações do seu blog como mostrado na imagem abaixo.

2º Acesse as confgurações de celular

Agora no painel de configurações acesse E-mail e celular como abaixo.

3º Ative

Abaixo da página existe a opção para ativar, agora ative as configurações de seu blog para funcionar também para as mídias móveis, e pronto, você está agora com um blog de alcance maior de leitores e audiência. Caso deseje obter maiores informações a respeito, clique no link que está marcado de verde na imagem abaixo.

Após efetuar estes passos bem simples, você poderá notar um certo aumento da audiência de seu blog, e ter a certeza que agora seu blog atende a todas as mídias fixas e móveis.

Botão para adicionar o blog aos favoritos

noreply@blogger.com (Kassio Romulo) — Sun, 29 May 2011 01:41:00 -0300

Uma ferramenta que acho indispensável para o relacionamento do seu blog com seu leitoré a disponibilidade de adicionar seu blog aos favoritos, desta forma sem complicações seu leitor poderá retornar ao seu blog sempre que lembrar e não precisando decorar o endereço em si.

Neste artigo será disponibilizado um código que serve para que ao clicar na imagem da estrela apareça a opção de adicionar seu blog aos favoritos, exceto para o Internet explorer este codigo funciona para qualquer outro navegador. Vamos ao código.

1º Código completo

<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Nome do seu blog","http://ENDEREÇO-DO-SEU-BLOG",""); }
else { window.external.AddFavorite("http://ENDEREÇO-DO-SEU-BLOG","Nome do seu blog"); } }
</script>
<div align="center">
<a href="javascript:void(favoritos());"><img border="0" alt="Adicionar aos favoritos" title="Adicionar aos favoritos" src="http://i38.tinypic.com/e81ief.png" /></a></div>

Nome do seu blog: Digite aqui o nome do seu blog que deverá ficar na guia dos favoritos de quem adicionar.
http://ENDEREÇO-DO-SEU-BLOG: Digite aqui o endereço de seu blog, não esqueça de manter o http:// senão o código não funcionará.

Bom este código funciona em qualquer lugar do seu blog que voce queira, bastando adicionar o código acima com as modificações de acordo com seu blog/site. Espero que este código seja útil para você, veja abaixo o código em funcionamento.