Criar Sites » PHP, HTML e JavaScript

Instale um Caixinha de parceria em seu site/blog

Celso Lemes — Thu, 29 Oct 2009 10:54:49 +0000

É muito comum webmasters e blogueiros fazerem parcerias com a idéia de aumentar o trafego de visitantes e para facilitar a parceria.

Alguns webmasters costumam deixar a amostra o código do banner ou link dentro de uma pequena caixinha, onde o parceiro interessado pode pegar o código e adicionar em seu blog para dar início a parceria. Confira a imagem abaixo.

O código de implantação desta caixinha é bem simples e pode ser adicionado em praticamente qualquer lugar do site que aceite HTML. Clique aqui para baixar o código.

Como modificar o código
Caso você tenha dificuldades para alterar o código com as informações do seu site/banner, confira a explicação…

Na imagem acima você pode ver que eu destaquei os campos que devem ser modificados com algumas cores. Abaixo você pode conferir o que cada uma delas quer dizer.

Azul: O endereço completo do site ou da página de destino.
Vermelho: Se você quiser que o site abra na mesma janela modifique o “_blank” para “self”.
Verde: Endereço completo do seu banner.
Marrom: Texto alternativo do banner.
Laranja: Medidas exatas do banner utilizado.

Depois que fizer as modificações necessárias, publique o código em um local do seu site que suporte HTML.

Gostou desta dica? Tem dúvidas? Deixe um comentário.

Dificulte a cópia do seu conteúdo desabilitando o botão direito do Mouse

Celso Lemes — Tue, 09 Jun 2009 13:56:02 +0000

A cópia do conteúdo por pessoas que querem se aproveitar de nossos trabalhos (alguns fazem por inocência, porque acham que isso não trará conseqüências para o autor) é um problema que uma hora ou outra todos nós webmasters enfrentamos e que infelizmente não existe um meio eficaz de impedir que isso aconteça.

No caso das páginas do site, o que nós podemos fazer é apenas dificultar a cópia utilizando um javascript que desabilita o uso do botão direito do mouse.

Porém repare que mesmo utilizando este script o seu conteúdo não estará 100% seguro contra cópias, por três simples motivos.

1 – Sempre que um visitante acessa o seu site, os arquivos que compõem a página é copiada para o computador do visitante. Desta forma, basta que ele olhe os arquivos temporários do navegador para ter acesso ao site inteiro.

2 – Se o visitante desabilitar o Javascript no navegador, este script não será carregado e conseqüentemente o botão direito estará novamente habilitado.

3 – O visitante pode ter acesso ao código fonte da página com a ajuda do próprio navegador clicando em Exibri e em Código Fonte.

Ou seja, se você não quer que ninguém copie seu conteúdo, a solução final seria “não publicar o seu conteúdo”.

Baixar o código
Você pode baixar o código do javascript aqui (clique com o botão direito e em salvar como).

Como instalar
Para instalá-lo em suas páginas, você deve copiar o código disponível na página de teste e colar entre as tags e do código de suas paginas que quiser bloquear.

Repare que este código somente pode ser implantado em editores de sites ou sistemas de criação de sites que permitam acesso ao código da página ou que pelo menos permitam inserir o código entre as tags e da página.

Página de teste
Infelizmente eu não posso instalar o código nesta página, por isso eu criei uma página de teste utilizando o DreamWeaver onde você poderá ver o código em ação e também . Se você quiser conferir este código em ação, visite esta página e tente clicar com o botão direito do mouse.

Código para instalar uma rádio Online no seu site

Celso Lemes — Thu, 26 Mar 2009 11:21:44 +0000

Hoje recebi um email de um visitante que adicionou uma rádio em seu site, porém sempre que uma nova página era carregada o player reiniciava.

Isso é muito comum de acontecer porque geralmente os webmasters colocam o player dentro das páginas do site, quando na verdade o player tem que ser colocado em uma página separada, que chamaria o restante do site utilizando um Frame.

Você pode conferir um exemplo aqui.

A estrutura
No exemplo do player que aparece no fórum, a página é formada por 2 páginas + a página do fórum.
1 – Index.html
2 – player.html
3 – Página inicial do fórum.

Você pode fazer o download dos arquivos do frame aqui.

Editando os arquivos
Para fazer com que seu site apareça no frame, edite o arquivo index.html em um editor de sites e troque o atual endereço pelo endereço do da página principal do seu site.

Neste exemplo foi utilizado a rádio oferecida pelo portal Rádio Nova, porém você pode adicionar qualquer outra rádio editando o arquivo player.html

Se quiser que a rádio seja acessada a partir do endereço principal “www.seusite.com”, terá que manter o nome do arquivo index.html e renomear o arquivos da página principal do seu site para index2.hmtl (ou outro nome de sua escolha).

Notas Este tipo de arquivo não pode ser hospedado em sites de criação de sites que não oferecem acesso via FTP como Webnode, Blogger, Ucoz, Weebly, etc.

Os arquivos do Frame foram escritos por Luigi do blog Tatiana Malafaia Fã Site.

A pedido dos visitantes eu resolvi criar uma vídeo aula ensinando a instalar a rádio

Créditos da imagem de João Pedro.

Mural de Recados que não precisa de Banco de Dados MySQL

Celso Lemes — Mon, 02 Mar 2009 16:39:18 +0000

Mural de Recados que não necessita de Banco de Dados MySQL.

Este mural foi desenvolvido pelo Willian do blog Pânico na Internata e necessita apenas que o servidor onde ele será instalado suporte PHP.

Seu funcionamento é bastante simples e ideal para webmasters que queiram disponibilizar uma área do site para os visitantes conversarem entre si.

Confira o resultado

Como instalar
Publique o mural em qualquer pasta de seu site e aplique a permissão chmod777 no arquivo recados.txt (se você não aplicar o chmode nesse arquivo, o mural não irá funcionar e retornará um erro).

Para adicionar o mural em suas páginas, você deve adicionar o seguinte código Iframe que será responsável por chamar o mural.

Nota
Caso a página em que pretende instalar o mural esteja em um local diferente de onde está aoljado o mural, será necessário adicionar o endereço completo do mural antes do texto index.php

Nota 2
Dentro dos arquivos do mural se encontram outras informações importantes. Recomendo que leia.

>> Faça o download do Mural de Recados do Pânico na Internata <<

Visite o site Pânido na Internata e prestigie o autor.

CuteNews – Sistema de Notícias que não precisa de Banco de Dados MySQL

Celso Lemes — Thu, 26 Feb 2009 17:16:47 +0000

O CuteNews é um sistema de Notícias gratuito que não precisa de banco de dados, a única exigência é que o servidor onde o sistema será instalado suporte PHP.

Todos os dados referentes as notícias, são gravados em arquivos presentes dentro da pasta em que o CuteNews for instalado.

Esta é uma ótima opção para webmasters e blogueiros que precisam de um sistema dinâmico para publicar notícias ou novidades rapidamente.

Confira o resultado “aqui“.

Painel de Controle
O CuteNews possui um painel de controle onde você poderá criar, editar e apagar as notícias e comentários deixados pelos visitantes.

Aparência
Embora o CuteNews permita editar o template (somente tente se você entender sobre PHP e HTML) por padrão ele não possui um template definido, apenas mostra as notícias e os comentários permitindo que você o adicione em qualquer página de seu site.

Comentários
Os visitantes poderão deixar comentários personalizados com emoticons nas notícias postadas.

Como instalar

Publique o CuteNews em uma pasta dentro do servidor;
Aplique chmode777 na pasta “data” e em todos os arquivos que estiverem dentro dela;
Termine a instalação acessando o endereço http://seusite.com/cutenews/index.php (troque pelo endereço em que se encontra o CuteNews em seu servidor) e siga as instruções na tela.
Inclua o seguinte código na página em que deseja que o sistema apareça (se não for possível adicionar o código abaixo, tente por Iframe).
include(“cutenews/show_news.php”);
?>

Pronto! Agora é só começar a inserir as notícias em seu site.

Nota
Dentro da pasta do CuteNews, você poderá encontrar um arquivo chamado Readme que contém maiores informações sobre como incluir o sistema de notícias em seu site. Você pode conferir uma versão traduzida aqui.

Confira um vídeo de como proceder na instalação

Nota 2
O sistema CuteNews foi indicado ao Criar Sites pelo visitante Willian que desenvolve o site Naruto Shippuuden.

>> Faça o download do Cute News <<

Templates Grátis para o Joomla

Celso Lemes — Wed, 13 Aug 2008 14:00:59 +0000

O Joomla é um dos melhores gerenciadores gratuitos de sites. Com ele é possível administrar um site de forma fácil de qualquer lugar do mundo, bastando apenas um computador com uma conexão com a internet.

Apesar de o Joomla ser gratuito, alguns dos templates existentes para ele são pagos. Por isso eu fiz uma pesquisa e descobri vários sites que disponibilizam templates gratuitos para o Joomla para que você crie seu site com a sua cara (não estou dizendo que você deve colocar sua foto no site) como os que podem ser vistos abaixo.

{Aperte o Shift enquanto clica no link se quiser que a página abra em outra janela}

File Graphic – Este site tem dezenas de templates.

Site Ground – O site tem 49 templates grátis.

Joomla Shack – Oferece 14 templates grátis para o Joomla.

Compass Design – Oferece 12 Templates grátis para o Joomla.

Joomla Templates – Oferece 12 Templates gratuitos para o Joomla.

Joomla 24 – Segundo o site, eles possuem mais de 1500 templates gratuitos para o Joomla.

Joomla Designs – Oferece 11 templates gratuitos.

Joomla TP – Oferece centenas de templates gratuitos.

Themza – Oferece 8 templates grátis.

Joomlart – Oferece 58 templates grátis.

Best of Joomla – Oferece centenas de templates gratuitos.

Themes Base – Oferece centenas de templates gratuitos.

Joomla 2 U – Oferece mais de 500 templates gratuitos.

Todos os sites listados acima possuem templates para as versões 1.0.x e 1.5.x

Se tiver dúvidas sobre o Joomla confira o artigo “Crie seu site com o Joomla”

Popup com tamanho controlado

Celso Lemes — Sun, 01 Jun 2008 00:06:51 +0000

Este pequeno Javascript que cria um link que ao ser clicado exibe uma popup com tamanho controlado.

Muito útil para mostrar páginas com informações extras, vídeos e imagens.

Repare que diferentemente dos popups que se abrem quando a página é aberta. Este código só abre a popup se o visitante clicar no link.

Copie e cole o seguinte código em seu site
<a href=”javascript:;” mce_href=”javascript:;” onclick=”window.open(‘http://www.criarsites.com/Arquivos/tutoriais/popup-controlado.htm’,'nome’,'width=300,height=300′);”><b>Exemplo de popup com tamanho controlado</b></a>

Confira o Javascript em ação
Exemplo de popup com tamanho controlado

Como intalar
Você deve criar a página que será aberta dentro da popup e hospedar em seu servidor.
Faça as alterações no código como o endereço da página, o tamanho e o texto que será exibido.
Depois é só coloar o código no local em que você deseja que o texto apareça.

Script para adicionar sites aos Favoritos do Internet Explorer

Celso Lemes — Tue, 20 May 2008 03:32:41 +0000

Script para adicionar site aos favoritos do Internet Explorer.

Este é um código em Javascript muito simples, mas que pode ajudar a aumentar as vistas em seu site.

Trata-se de um pequeno código que permite aos visitantes qeu acessarem seu site utilizando o Internet Explorer adicionar seu site aos favoritos para uma futura visita.

Baixe o código (clique com o botão direito e em salvar como) e insira em qualquer lugar do seu site/blog (geralmente no menu lateral) , o resultado será esse: Adicione aos Favoritos

Você pode fazer algumas configurações para adaptá-lo a seu blog como:
Endereço do site – Endereço do seu blog.
Texto visível - Texto que é exibido ao visitante.
Texto nos favoritos – Texto exibido nos favoritos

Nota
Este escript somente funciona no Internet Explorer, usuários de outros navegadores como o Firefox apenas verão o link, porém ao clicar não acontecerá nada.

Banner rotativo em Javascript

Celso Lemes — Thu, 08 May 2008 01:09:42 +0000

Sistema simples de rotacionamento de banners em Javascript para rotacionar Banners que permite rotacionar banners de vários tamanhos.

Esta é uma excelente forma de vender publicidade, rotacionar banners de programas de afiliados ou divulgar áreas específicas de seu site.

Aqui no Criar Sites eu utilizo o mesmo código mostrado no tutorial para rotacionar os banners 468×60 px. localizados no topo da página.

O tutorial
Eu criei um pequeno tutorial ensinando a alterar o código para ajustá-lo ao seu site.
Você irá aprender a modificar os links de destino, links dos banners, tamanho, texto alternativo e também a incluir quantos banners desejar.

O Código
Eu não incluí o código diretamente aqui no site por que o tutorial ficou muito grande e também porque o sistema de gerenciamento de conteúdo que estou utilizando poderia causar problemas de exibição na hora de exibir a página para os visitantes.

Você pode pegar aqui o tutorial “Javascript para rotacionar Banners”

Tabela de Cores HTML

Celso Lemes — Sun, 30 Mar 2008 12:15:42 +0000

Tabela de Cores em HTML
Sempre que precisar escolher uma cor para utilizar em seus trabalhos, utilize a tabela para encontrar a cor desejada, copie e cole o código referente em seu documento.

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

Confira Também
O que é HTML
Aprenda a criar Banners online
Hospedagem barate de sites com múltiplos domínios