domingo, 29 de agosto de 2010

0 Dividir um gadget em duas colunas

Vamos mostrar como colocar duas imagens lado a lado ou então criar duas colunas dentro do mesmo gadget e também como fazer para mostrar vários acessórios diferentes no final de cada postagem um do lado do outro. Com esse código é possível dividir um gadget em duas colunas e assim aproveitar melhor o espaço na sua página.

dividir gadgets

Exibir acessórios um do lado do outro no final das postagens ou em qualquer gadget pode ser muito útil, veja, por exemplo, no final de nossas postagens, mostrarmos o botão retweet, link da pagina e o link para enviar a postagem por email.

Lembramos que esse código é para ser utilizado como um gadget de html (pagina layout > adicionar gadget > html/javascript) ou então para mostrar acessorios um ao lado do outro no final de cada postagem neste caso entre na pagina editar html, clique para expandir o modelo e coloque o código após post.body, como neste tutorial sobre mostrar o link da postagem.

Isso é feito com o seguinte código:

esquerda

direita

embaixo

Esse código faz como se fossem 3 caixas: uma a direita outra a esquerda e uma terceira embaixo, você pode colocar o que desejar dentro de cada uma delas. A parte padding:2px;text-align:center repete-se em todas para centralizar e dar uma pequena margem(2px) dentro das “caixas”. Se quiser pode retirar esse trecho e apenas perderá o alinhamento ao centro e a margem, o posicionamento continuará o mesmo.

Se achar que o conteúdo das duas colunas ficaram muito distantes uma da outra pode corrigir isso trocando o padding:2px por padding-left:5px, claro que usando o valor que achar melhor e fazendo a mesma coisa nas duas colunas, ou seja na coluna onde tem float:right use padding-right:5px.

É com um código parecido com esse que fazemos nossos contadores do Feed eTwitter um do lado do outro no inicio da pagina, claro que antes disso tivemos que dividir o cabeçalho do blog em duas partes.

Esperamos que gostem de mais essa dica sobre layout do blog. Apenas tome cuidado para não colocar imagens ou objetos largos demais dentro deste código isso poderá gerar erros.

Fonte: Dicas para Blogs

0 Antes e Proximo

Tutorial:
Como trocar o atalho "POSTAGENS MAIS ANTIGAS" e "POSTAGENS MAIS RECENTES"por Antes e Próximo.
1º Design > Editar HTML e depois clique em Expandir modelos de widget.
2° Procure pelo código:
Substitua o código por Anterior.
3°Procure pelo código:

Substitua o código por Proximo.
4°Procure pelo código:
Substitua o código por Início
Salve e está Pronto.

Usando um template Mínima do Blogger como base para este tutorial, entenda que a estrutura das colunas se apresenta desta forma, no CSS:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Onde Outer-Wrapper é a maior DIV do template e contém todas as outras (header, main, sidebar, footer) Main-wrapper é a coluna do post e sidebar-wrapper é a coluna lateral (perfil).

Para adicionar uma nova coluna oposta a sidebar, é necessário primeiro criar espaço para ela dentro de Outer-wrapper. No template Mínima a largura de Outer-Wrapper (a largura de uma coluna está em width) é de 660px e a soma da largura de main-wrapper (410px) e sidebar-wrapper(220px) dá um total de 630px Veja a imagem abaixo:

Então, para acrescentar uma nova coluna é preciso aumentar o espaço, a largura de Outer-Wrapper.

Para acrescentar uma nova sidebar, copie o código abaixo e acrescente logo após os códigos para sidebar-wrapper:

#newsidebar-wrapper {
margin-left: 0px;
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Note que sidebar-wrapper tem float:right (flutua à direita) e newsidebar-wrappertem que ter float:left (flutuação à esquerda).

Lembre-se: a soma da largura do post mais as duas colunas laterais tem que sermenor do que o valor width de Outer-Wrapper. Não esqueça de somar bordas e o espaçamento que talvez você deseje que tenha entre as colunas.

Agora desça a página até encontrar esta parte do código (HTML):

e cole imediatamente ANTES este:

Importante: No HTML os elementos (DIVs) precisam ser dispostos na ordem estabelecida no CSS. Ou seja, se Newsidebar tem float: left; (flutuação à esquerda) deve ser colocado no HTML antes da DIV Main-Wrapper, ficando assim:

0 Tirar o (1) dos Marcadores

Todas as pessoas que criam seus Marcadores não sabem porque ficam os Macadores com o numero 1 entre Parenteses.

EXEMPLO:

Programas (1)

Para tirar isso é simples:

1º Layout > Elementos da Página ou Design

2º Selecione o seu Marcador e clique em Editar.

3º Desmarque a caixa que mostra o nome:

Mostra o número de postagns por marcador

Pronto agora é só desmarcar e Salve!

0 Template - Damla

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 31.39 KB
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 11 KB
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 13.55 KB
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 10.86 KB
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 21.96 KB
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 11.33 KB
Formato: Rar

Demo Download

Servidor: 4Shared
Plataforma: Blogger
Formato: Rar

Download

Servidor (es): Multiupload
Plataforma: Blogger
Tamanho: 20.04 KB
Formato: Rar

Download

Pack de novos ícones Feed RSS para blogs e sites.

Servidor (es): Multiupload
Tamanho: 31.08 KB
Unidade: 20 Icones
Formato: Rar

» Download

0 Criando Web Rádio

existe muito segredo
basta ter atenção e não terá nenhuma duvida
1° Entre neste site e crie uma conta (SITE)
2° Clique em Login e Logue na sua conta
3° Agora no painel clique em "radio installation"
4° Agora vai aparecer um lugar , preencha os seus dados e clique em "Install"
5° Depois de instalado vai aparecer a seguinte mensagem e clique agora em "PRESS HERE" o 1°
6° Depois de clicado em "PRESS HERE" vai aparecer o IP e PORT veja na imagem abaixo como é
7° Copie o IP e Port , Salve num bloco de notas
8° Entre no seu URL (o meu é http://radiohardmix.listen2myradio.com)
9° Ciga a imagem para não ocorrer duvidas
10° Copia o URL como mostra na imagem abaixo
11° Viu que esse URL é o mesmo que pedi para anotar no bloco de notas
então esse são os negocios de como fazer conexao
Está Pronto o tutorial
---------------------------------------
Agora vamos aprender a conectar para transmitir nossas musicas
Você deve ver os dois video ensinando assim você terá uma noção de como conectar
Download Sam Broadcaster
Este Programa é usado para transmitir musicas
Video Aula
Tutorial Sam2 Broadcaster Parte 1
[ame="http://www.youtube.com/watch?v=6rlvILB_ptM"]Parte 1[/ame]
Tutorial Sam2 Broadcaster Parte 2
[ame="http://www.youtube.com/watch?v=P5_9wYsiKEk"]Parte 2[/ame]
Tutorial Como Conectar Sam2 Broadcaster ao Skype
[ame="http://www.youtube.com/watch?v=KJL-9FmOcJc"]Tutorial[/ame]
Bom , Agora ultima passo
Depois de ter visto tudo , feito e testado , você precisa de um site neh? ^^
vai em www.hd1.com.br entre lá , crie sua conta , qualquer duvida acesse a area de F.a.q
Você deve conectar ao ftp caso tenho duvida ao conectar
vai em F.a.q e tem um tutorial ensinando lá
Baixe um site clicando aqui
Depois transfira seu site para o ftp e estará pronto
Recomendações : Recomendo comprar um streaming , hospedagem e Dominio assim sua rádio ficará 24 horas Online.
Empressa : InSuperHost (Recomendo)

Espero que gostem do tutorial e façam bom aproveito

Gostei do tutorial agora vou agradescer

0 Ganhar dinheiro com seu blog

Bem, sempre venho trazendo downloads de jogos, filmes, programas e tudo mais o que vocês podem ver no menu ao lado. Más hoje quero falar de um assunto diferente que muitos blogueiros procuram por aí.

Estou falando de "Ganhar Dinheiro Com Site ou Blog!", sim tem como e é muito facil, primeiramente cadastre-se no site Cursos 24Horas, no cadastro você mesmo terá creditado em sua conta R$ 10,00.
Mas estará bloqueado até que o grau de comissão seja de 40%, não se preocupe, pois, quando atingir este grau, o dinheiro é transferido automaticamente para o campo "Comissão Total", após isso já poderás sacar o seu dinheiro. Mas não para por aí, existem várias formas de ganhar dinheiro com o Cursos 24Horas, uma delas é você divulgar os sistemas de afiliados, e o de promotores.

Suas comissões serão de 30% sobre a comissão que os Afiliados ou Promotores indicados
por você acumularem vendendo os cursos.

Não sabe como conquistar seus visitantes para que eles façam cursos? Aqui mando 10 motivos!

	Rápido e Prático
	Fazer Cursos Online é uma forma rápida e prática de aprender. É possível iniciar um curso em qualquer dia, não é necessário apresentar documentos ou participar de processos burocráticos para iniciar as aulas.

	Valores Acessíveis
	Nossos cursos variam entre R$ 20,00 e R$ 60,00. Um treinamento parecido em outras instituições pode custar mais de R$ 500,00. Nossa eficiência e alto volume de alunos possibilitam oferecer cursos de alta qualidade por valores reduzidos. Além disso, não há nenhuma cobrança de mensalidade em nossos cursos, eles são pagos uma única vez.

	Flexibilidade
	O processo é totalmente flexível: Flexibilidade de Local, Flexibilidade de Horário, Flexibilidade de Duração do Curso. Estude de onde preferir, da sua casa, trabalho, faculdade, lan-house ou de qualquer computador, faça nos seus horários disponíveis e conclua os cursos em quanto tempo desejar. Tudo é feito de acordo com seu ritmo, sem compromisso com prazos e horários fixos.

	Não necessita se locomover
	Fazendo nossos Cursos Online você não gasta com locomoção até uma escola presencial, não perde tempo no trânsito. Isso significa mais tempo livre para estudar, resultando em um melhor aproveitamento.

	Banco de Currículos
	Diversas empresas contatam-nos e solicitam indicações de alunos para vagas de emprego. Ao estudar conosco, você pode incluir seu currículo no Banco de Currículos e ser indicado para vagas relacionadas aos cursos feitos.

	Certificado Válido em Todo o Brasil
	O Certificado é válido em todo o Brasil e em vários outros países, ele pode ser utilizado em faculdades, empresas públicas e privadas, concursos e provas de título, entre outros.

	Empresa Mantenedora da ABED
	O Cursos 24 Horas é uma empresa mantenedora da ABED - Associação Brasileira de Educação a Distância. Nosso nome e logo é exibido na página de Mantenedores da ABED.

	Funcionários treinados conosco
	Outra prova de qualidade do sistema de ensino é o número de empresas que já tiveram funcionários treinados conosco. Veja na imagem ao lado algumas dessas empresas.

	Seu Currículo fica Atualizado
	Todos os cursos podem ser incluídos em seu currículo. As pesquisas comprovam que manter o currículo atualizado é uma das formas mais eficientes para ser promovido, conseguir um novo emprego, ou até mesmo evitar uma demissão do emprego atual.

	Professores Altamente Qualificados
	Uma equipe de professores altamente qualificados fica à disposição para atender aos alunos, corrigindo exercícios, enviando material adicional e tirando todas as dúvidas que possam surgir durante o curso.

DICAS RETIRADAS DE CURSOS 24HORAS

0 Como Capturar Vídeos do Youtube

Os vídeos do Youtube são muito apetecíveis, mas para transferirmos esses vídeos para o nosso blog/site ou para simplesmente guardar no nosso computador, só nos é permitido tirar o link desse mesmo vídeo, o que por vezes se torna muito incómodo. Uma das formas mais fácil de o fazer é esta que lhe vou explicar neste artigo.

Capturar Vídeos do Youtube

- Abra o vídeo desejado na própria página do Youtube, e na barra de endereços substitua a palavra Youtube por voobys.
- Confirme este endereço e de imediato se inicia a transferência deste vídeo, no formato nativo, o FLV ou Flash.

Pode também apreciar os vídeos do Youtube numa janela independente, portanto fora do próprio Youtube, com uma simples dica.

0 Fazer Abrir uma Página num Tamanho Determinado

No exemplo a seguir vamos a uma galeria de fotos em uma nova janela de 680x470 de tamanho. Evitando assim, que a pagina abra inteira ocasionando o desconforto.
O código pode ser usado para abrir qualquer tipo de pagina, desde simples janelas á Player de rádios.

 Confira a galeria de fotos

*URL da galeria: é aonde voçe colocará o link da galeria de fotos.
*IMAGEM INDICATIVA: é o URL da imagem do tipo "clik aqui" ou "confira as fotos"(pode ser gf",dando mais um charme especial ao seu site.

Obs: So mude os URLS, as palvras chaves("galeria de fotos" ,"Galeria") e o os numeros, outras mudanças podem ocasionar no mal fucionamento do mesmo.

0 Mudando o Cursor do Mouse de Links

1 - Usando os cursores padrão -

É muito simples, com isso você pode fazer aparecer o cursor como se estivesse carregando, ocupado, ajuda, e outros ao passar o mouse sobre uma imagen/texto. EX:

bastando apenas inserir

style="cursor:XXX"

dentro da TAG, onde XXX é o nome do cursor. Abaixo estão os nomes:

style="cursor:hand"

style="cursor:crosshair"

style="cursor:text"

style="cursor:wait"

style="cursor:move"

style="cursor:help"

style="cursor:n-resize"

style="cursor:s-resize"

style="cursor:e-resize"

style="cursor:w-resize"

style="cursor:ne-resize"

style="cursor:nw-resize"

style="cursor:se-resize"

style="cursor:sw-resize"

2 - Usando cursores personalizados -

Nesse caso deve se substituir o nome do cursor pela URL do cursor personalizado. Como no exemplo abaixo...

style="cursor: url(http://www.urldocursor.com/seucursor.cur)"

Bom pessoal por hoje é isso até mais.

0 Mural de Recados

Conectar o mural ao servidor ou seja ao banco de dados pois é a porta para a conecção do mysql com os dados que seram enviados para o mesmo.

conecta.php

 < ?php     $server ="localhost";     $user="root";     $password="";     $dbname="mural_de_recados";     mysql_connect($server,$user,$password) or die(mysql_error());     mysql_select_db($dbname) or die(mysql_error()); ? >

Agora vamos criar um banco de dados para o nosso mural

cria_banco.php

 < ?php     $server ="localhost";     $user="root";     $password="";     $dbname="mural_de_recados";     mysql_connect($server,$user,$password) or die(mysql_error());     $query= "CREATE DATABASE mural_de_recados";     mysql_query($query) or die (mysql_error()); ?>

Para criarmos uma tabela precisaremos apenas rodar mas uma vez o arquivo cria_tabelas.php

cria_tabelas.php

    include("conecta.php");    $query = "CREATE TABLE recados                 (id int NOT NULL AUTO_INCREMENT,                  titulo varchar(256),                  comentario text,                  email varchar(256),                  PRIMARY KEY(id))";    mysql_query($query) or die(mysql_error());    mysql_close();                                       ? >

Pronto pessoal o nosso banco de dados ja foi criado com sucesso, agora vamos para a parte onde os internaltas iram postar os recados.

index.php

 <>     <>         <>Mural de Recados em PHP     < /head>     <>         <>Mural de Recados< /h1>         < method="POST" action="cadastra.php">             Titulo: < type="text" name="titulo">               E-mail: < type="text" name="email">                          Recado: < name="recado">Deixe seu recado!< /textarea>              < type="submit">                                     <>Recados Postados: < /h2>             < ?php                 include("conecta.php");                                $query = "SELECT * FROM recados ORDER BY id DESC";                 $resultado = mysql_query($query) or die(mysql_error());                 while ($row = mysql_fetch_array($resultado)) {                     echo "<>".$row["titulo"]."< /b>";                     echo "<>";                     echo $row["comentario"];                     echo "<>";                                    echo "E-mail: <>".$row["email"]."< /b>";                     echo "<><>";                                                }                 mysql_close();             ? >         < /form>     < /body> < /html>

Agora terminado iremos criar a pagina responsavel por salvar os recados.

cadastra.php

 < ?php     include("conecta.php");     $titulo = $_POST['titulo'];     $email = $_POST['email'];     $recado = $_POST['recado'];             $query = "INSERT INTO recados (titulo,email,comentario) VALUES ('$titulo','$email','$recado')";     mysql_query($query) or die (mysql_error());         mysql_close();         header("location:index.php") ? >

Bem pessoal, é isso ai tutorial completo de PHP. Espero que seja util para vocês e tenham aprendido alguma coisa com isso aprendido com ele. Ele foi testado e está funcionando certinho. Só mais uma coisa: como o blogger não aceita que postemos tags html e php, eu coloquei um espaço entre os símbolos <> e as tags. Por exemplo em <>. Logicamente você devem tirar esses espaços para o programa funcionar. A ordem de execução dos arquivos é:

1. cria_banco.php
2. cria_tabelas.php
3. index.php

Lembrando que os dois primeiros são apenas executados na primeira vez.

Vou tentar passar um pouco sobre funções em JavaScript. Elas são muito utilizadas e devem ser bem aproveitadas pelos seus aspectos positivos, não só em JavaScript, mas como em qualquer outra linguagem de programação, que são: O código fica bem organizado, você ganha tempo e espaço, o seu código é executado com melhor desempenho e você pode executar quantas vezes desejar a sua função.

Para a criação de uma função em JavaScript, devemos fazer seguindo o modelo:

function nome-da-função { // Function é o parametro utilizado para a criação da função, portanto é uma palavra reservada para criação da função em JavaScript. ação da função // Aqui se executa as funções que deseja. }

E para executar essa função posteriormente basta usar:

nome-da-função();

Muito simples. E muitas pessoas quando falamos: "Precisar usar função!" fica desesperada. Vamos para um exemplo bem simples para facilitar ainda mais o seu entendimento.

Agora que ja sabemos como criar uma função em JavaScript, vamos dar um exemplo mais interessante, onde o cliente clica em um botão e é executada uma função.

Vamos melhor o código acima? Imaginemos que você precisa, para todo botão enviar de seu website, mandar a mesma mensagem do exemplo anterior. Para isso, precisamos colocar a função em um arquivo separado de sua página (arquivo.js) e iremos chamá-lo nas páginas que necessitarmos, seja ela HTML e/ou PHP.

Crie o arquivo: funcao.js

function clica() { document.getElementById("texto").innerHTML="Voce clicou no botao!"; }

Agora no arquivo exemplo.html

Existem também funções do javascript já predefinidas, são elas:

atob(base64)	Converte um texto codificado em base64 para binário. Função inversa ao btoa(texto)
btoa(texto)	Converte um texto para base64. Função inversa ao atob(base64).
decodeURI(url)	Função inversa ao encodeURI
decodeURIComponent(url)	Função inversa ao encodeURIComponent
isFinite(valor)	Identifica se o numero é finito.
isNaN(valor)	Identifica se o valor não é um numero
encodeURI(url)	como o escape ele faz substituições no texto para compatibilizar transferencia em links, mas não faz conversão para os caracteres *!()'**
encodeURIComponent(url)	como o escape ele faz substituições no texto para compatibilizar transferencia em links, mas não faz conversão para os caracteres *!@#$&()=:/;?+'**
escape(url)	Ajusta url para que possa ser passada em chamadas e links, convertendo os caracteres especiais para formato hexadecimal e espaço para o sinal de +, não faz mudança nos caracteres *@/+** que ficam inalterados
eval(expressao)	Interpreta expressão de JavaScript, ex: eval(“1+2”), resultado = 3
parseInt(String) ou parseInt(String, base)	Converte a string num valor inteiro, ou converte uma string na base passada para inteiro.
Number(objeto)	Converte a string num valor ponto flutuante
parseFloat(String)	Converte a string num valor ponto flutuante
String(objeto)	Retorna a representação string do objeto
unescape(url)	Função inversa ao escape(url)

Agora é com você! Continue aprimorando os scripts, e descubra quantas coisas são possíveis se fazerem utilizando funções usando a sua criatividade.

Fonte: http://pt.wikibooks.org/

0 Seja nosso parceiro

► Web Dicas Online ◄

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQhxQwIf4y3BmIz_Dqtononjf_k8gIAOv4x6vOUuHbxp23BIfVjHaiD4_o-HtVrO_GtV5OovVpU5GbF2JYYKjZwchy6A5an4dSRRZghxCMEG_cziAwwh8EuRJgV5TGvdjzN2BE9Wl6mYf/s400/parceria.jpg

Atenção! se você esta querendo parceria com a Web Dicas Online você deve seguir algumas regras:

► Ter + de 1000 diárias para banner (caso nãotiver mais de 1000 diárias e que fazer parceria. Entre em contato que atenderemos você)

► Ter + de 300 diárias para link
► Ter Page Rank 1 ou superior
► Ter um Blog ou Site organizado e adicionar nosso banner na Página Principal
► Adicionar nosso banner em ótima posição
► Antes de pedir parceria verifique

► Atualizar o Blog ou Site pelo menos 4 vezes na semana.

► Para uma parceria mais vantajosa entre em contato:

► webdicasonline@hotmail.com.br

(Pedidos em geral e Parceria)

Banner 120x60

<a href="http://web-dicas-online.blogspot.com/" target="_blank"><img src="http://img153.imageshack.us/img153/1363/banner120x60p.gif" border="0" /></a>

Banner 125x125

Banner 468x60

Deixe aqui seu pedido de parceria!

0 Novo código para desabilitar botão direito do mouse

Neste tutorial explicarei como criar um sistema que protege o seu site contra cópia de conteúdo.

Obs.: Este protege não significa que vai proteger 100%, porque essa proteção não assegura o seu site totalmente contra cópias, mas dá uma proteção relativamente boa.

Eu irei repassar dois códigos para a proteção contra cópia: um para que ira proteger o seu site de modo que o visitante não possa clicar com o botão direito do mouse e o outro que ira proteger o seu site de modo que o visitante não possa teclar nada no teclado. Vamos aos códigos:

Proteção contra clique com o botão direito do mouse:

Download do arquivo clique aqui

Agora, veremos as partes do código que você poderá configurar e alterar para deixar o sistema do jeito que você necessita:

alert("Sem cópias.");

A parte que se tem a editar, nos dois códigos, é apenas essa. No lugar de "Sem cópias.", você coloca o aviso que aparecerá quando a pessoa clicar com o botão direito ou teclar algo no teclado.
A parte que você deve alterar limita-se a isso que foi repassado. Não aconselho a mudança em outras partes do código, a não ser as que foram relatadas mais acima, pois uma mudança errada pode fazer com que o código não funcione.

Caso você queira adicionar um texto, para aparecer quando o visitante clicar o botão direito do mouse ou teclar algo no teclado, como, por exemplo: na primeira linha "Sem cópias."; e na segunda linha, abaixo desta primeira linha, "Por favor."; você deve usar a tag: /n - que funciona como o
; ai, o código ficaria da seguinte maneira:

alert("Sem cópias./nPor favor.").

Você deve adicionar o código, já pronto, entre as tags e .
Exemplo dos códigos na página: