Creating Blogs

[Tutoriais] AdSense para team blogs

2011-01-16T16:47:00.001-08:00

O uso das condicionais para a tag data:post.author permite várias utilizações para blogs com equipe de autores. Neste artigo veremos alguns exemplos do que pode ser feito.

É importante observar nesses hacks que o nome do autor deve ter exatamente a mesma grafia que consta como nome de exibição no perfil do autor, por exemplo, ao colocar meu nome é necessário escrever Rô, com inicial "R" em maiúscula, a letra "o" em minúscula e acento circunflexo no "o". Se eu escrever RO, Ro ou RÔ, o hack não funciona.

Também é importante que você fique atento ao fechamento das tags b:if que sempre devem corresponder ao número de "b:if" que você abre.

1) Linkar o nome do autor do post à página de descrição ou "Sobre" (About me)

Alguns blogs de equipe possuem páginas que descrevem cada autor. Para que o leitor conheça melhor o autor do post, pode-se colocar um link em seu nome que direcione à essa página. Ou o administrador pode usar esses links para direcionar à página do Twitter do autor do post, ou ao blog individual de cada um.

Para isso, localize o código do autor do post (abaixo da linha do título do post ou no rodapé):

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Acrescente as condicionais, como no exemplo abaixo:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<b:if cond='data:post.author == &quot;AUTOR-1&quot;'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'>NOME DO AUTOR 1</a>
<b:else/>
<b:if cond='data:post.author == &quot;AUTOR-2&quot;'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'>NOME DO AUTOR 2</a>
<b:else/>
<b:if cond='data:post.author == &quot;AUTOR-3&quot;'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-3'>NOME DO AUTOR 3</a>
<b:else/>
<b:if cond='data:post.author == &quot;AUTOR-4&quot;'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-4'>NOME DO AUTOR 4</a>
<b:else/>
<data:post.author/> <! -- para postagens do administrador --- >
></b:if></b:if></b:if></b:if>
</span>
</b:if>
</span>

2) Colocando um "avatar" com informações sobre o autor do post no rodapé da postagem

O raciocínio é semelhante, porém você deverá criar algumas class para poder aplicar estilos ao "avatar". Vejamos no exemplo:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:post.author == &quot;AUTOR-1&quot;'>
<div class='individual'><div class='autor-img'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'>
<img alt='' height='74' src='http://ENDEREÇO-DA-IMAGEM-DO-AUTOR-1' width='64'/></a>
</div>
<div class='autor-text'>
<h3><a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'> NOME DO AUTOR 1 </a></h3>
<p>Texto descritivo </p>
</div>
<div style='clear:both'/>
</div>
</b:if>
<b:if cond='data:post.author == &quot;AUTOR-2&quot;'>
<div class='individual'><div class='autor-img'>
<a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'>
<img alt='' height='74' src='http://ENDEREÇO-DA-IMAGEM-DO-AUTOR-2' width='64'/></a>
</div>
<div class='autor-text'>
<h3><a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'> NOME DO AUTOR 2 </a></h3>
<p>Texto descritivo </p>
</div>
<div style='clear:both'/>
</div>
</b:if>
<!--- abra quantas condicionais precisar ---->
</div> <!--- fechamento da div para post-footer-line post-footer-line-1 --->
</div> <!--- fechamento da div para post-footer --->

Exemplo de estilos aplicados às class criadas:

/*  estilo para o container  */
.individual {  
background: #F1F0EB;
border-top: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
margin: 0 2px 9px 0;
padding: 5px;}
/*  estilo para a imagem do avatar  */
.autor-img {   
float: left; margin-right: 3px;}  
/* estilos para o texto  */
.autor-text {  
color: #333;
font-size: 12px;}
/* estilos para os links nos textos  */
.autor-text a:link, .autor-text a:visited {
color: #CC0000;
font-size: 12px;
text-transform: uppercase;}
.autor-text a:hover {  
color: #CC0000; 
text-decoration: underline;}

3) Separar as publicidades do adSense de acordo com o autor do post

Pode-se usar os anúncios da conta de cada autor, ou uma conta única. No segundo caso, para que se possa administrar os resultados das páginas de cada autor, o primeiro procedimento é criar um critério nas configurações do AdSense, por exemplo, nomeando esse critério com o nome do autor:

Feito isso, ao criar o anúncio inclua o critério com o nome do autor. Isso irá gerar um google_ad_slot diferenciado para cada critério. O administrador da conta poderá obter um relatório classificado por critério.

<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxx";
/* 234x60, post-title, autor Rô */
google_ad_slot = "123456789";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

3.1.) Adicionando o código nas postagens

Para adicionar o código nas postagens, o raciocínio também é semelhante ao dos ítens anteriores. Seja o código da conta individual do autor do post ou o código da conta geral com o critério, basta inserir cada código entre as condicionais. No exemplo o código está na linha abaixo do título dos posts:

<div class='post-header-line-1'>
<b:if cond='data:post.author == &quot;AUTOR-1&quot;'>
<!--- código do AdSense para o AUTOR-1 --->
<b:else/>
<b:if cond='data:post.author == &quot;AUTOR-2&quot;'>
<!--- código do AdSense para o AUTOR-2 --->
<b:else/>
<!--- código do AdSense do administrador --->
</b:if></b:if>
</div> <!--- fechamento da div post-header-line-1 --->

Lembre-se de alterar os caracteres (parse) de seu código para o perfeito funcionamento ( use a ferramenta do Blogcrowds )

3.2.) Adicionando o código em um widget - sidebar, header, crosscol, etc

Este caso já é mais complicado, pois o Blogger não irá "entender" a tag data:post.author fora do widget "Blog".

A solução é criar um novo widget Blog (veja artigo do Fernando do Quite Random), onde poderemos colocar os includable necessários.

Escolha o local onde você quer adicionar o widget (sidebar, header, crosscol);
Em "Editar HTML" deixe desmarcada a opção "Expandir Modelos de Widgets";
Inclua o código no local escolhido, abaixo da abertura da b:section. No exemplo, coloquei o widget na sidebar:

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Blog99' locked='false' title='Blog Ads' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</b:if>
</b:includable>
<b:includable id='post' var='post'>
<center>
<div class='ads-per-author'>
<b:if cond='data:post.author == &quot;AUTOR-1&quot;'>
<!--- código do AdSense do AUTOR-1 --->
<b:else/>
<b:if cond='data:post.author == &quot;AUTOR-2&quot;'>
<!--- código do AdSense do AUTOR-2 --->
<b:else/>
<!--- código do AdSense do administrador --->
</b:if></b:if>
</div>
</center>
</b:includable>
</b:widget>
</b:section>

Essas foram algumas utilizações que já precisei desenvolver usando as condicionais para data:post.author, mas provavelmente existem muitas outras onde hacks semelhantes podem ser aplicados.

[ Tutoriais ] - Vários Idiomas

2010-04-26T05:00:00.001-07:00

Receber visitas de outros países é bastante comum, pois, pessoas de todo o mundo sempre estão em busca de informações na internet. Desta forma, um recurso que se torna necessário para melhor interação com o leitor estrangeiro é o tradutor, que por sua vez, traduzirá o seu blog no idioma solicitado.

A Juliana Sardinha Disponibilizou no Dicas Blogger, os procedimentos para implementação de Widget que disponibilizará ao visitante a opção de traduzir o seu blog. Os procedimentos são bastante fáceis de serem executados, portanto, clique AQUI, siga as orientações do artigo e ofereça seu blog em outras línguas.

Até a próxima!

[ Tutoriais ] - Utilizando FTP

2010-04-26T04:57:00.001-07:00

é muito fácil usar o ftp , Execute os seguintes passos

Baixar um Gerenciador ftp

Existem varios gerenciadores de ftp, + eu recomendo o filezilla, q é fácil e o qual vamos trabalhar

Baixe o fillezila e instale nesse link

conectar-se ao servidor

Host : O Servidor, Nome de usuário : Seu usuário Senha: Sua_Senha Porta : deixe em branco

Depois clique em Conexão rápida

Depois de conectado, jogue tudo que quiser, para a caixinha

[ Tutoriais ] - Trocar de Template

2010-04-26T04:55:00.001-07:00

VIDEO AULA EXPLICATIVA :

[ Tutoriais ] - Troca de Dominio

2010-04-26T04:52:00.001-07:00

Quando o assunto é colocar um domínio próprio no blog sempre aparecem algumas duvidas sobre como fazer, o que realmente precisamos ou não pagar, o que mudará na hora de fazer postagens ou editar o blog e outras coisas. Então aqui estão algumas das perguntas mais que mais recebemos sobre o assunto.

Preciso contratar uma hospedagem quando registrar o domínio?

Não. Para utilizar um domínio no blog você só precisa registrar o endereço que usará no blog, não é necessária nenhuma hospedagem, alias se contratar isso provavelmente terá problemas na hora de configurar o domínio no seu blog.

Existe algum jeito de usar o endereço .com.br ou .com sem pagar nada?

Que eu sabia não existe registro de domínio grátis, alguns sites oferecem o serviço, mas o endereço não será .com.br ou qualquer outro que você precisa pagar. Minha opinião é que se não quer pagar por um domínio próprio deveria continuar usando o endereço blogspot.com no seu blog para evitar problemas com sites de redirecionamento ou domínios grátis.

Depois de colocar o domínio no blog o que mudará na hora de fazer postagens ou editar o template?

Nada muda para fazer novas postagens ou editar o layout do blog, você continuará fazendo tudo como faz hoje pela pagina do blogger. A única coisa que mudará no seu blog é o endereço dele.

Já fizemos outras postagens sobre o tema, então veja aqui: como registrar um dominio, registrando um domínio no UolHost e configurar o dominio no UolHost

[ Tutoriais ] - Titulo do Site

2010-04-26T04:46:00.001-07:00

1°Entre em : Layout>> Editar HTML
2°Aperte CTRL+F e Procure por :

Apague o Que Está escrito dentro das tags e Substitua Pelo seu Titulo de preferencia.
4°Clique em Salvar Modelo e Está Feito.

[ Tutoriais ] - Tirar (1) dos Marcadores

2010-04-26T04:44:00.001-07:00

Todas as PESSOAS Que CriaM Seus Marcadores Não Sabem Porque Ficam os Macadores com o numero 1 entre Parenteses.

EXEMPLO

Downloads(1)

Para Tirar Isso é Simples Vá Em : Layout > Elementos da Página

2° Selecione o Seu Marcador e Clique em Editar.

Agora Irá Abrir uma Caixinha se tiver um Quadradinho Selecionado Desmarque-o

PRONTO AGORA É SO DESMARCAR E SALVAR QUE O (1) DESAPARECERÁ!

[ Tutoriais ] - Tirar "Mostrando Postagens"

2010-04-26T04:40:00.001-07:00

Quando clicamos em um dos marcadores do blog sempre aparece à mensagem avisando que estamos vendo somente as postagens daquele marcador e um link para mostrar todas as postagens (pagina inicial), por exemplo: Mostrando postagens com marcador Twitter. Mostrar todas as postagens.

Muitas pessoas não gostam disso e escreveram perguntando como retirar esse aviso sobre mostrar somente um marcador, o código para fazer isso é muito simples e fácil de usar, entre na pagina editar html e antes de ]]> coloque esse código:

.status-msg-wrap{display: none;}

Clique para salvar e já está pronto, agora quando clicar em um dos marcadores do blog não aparecer mais a mensagem nem o link para mostrar todas as postagens. Outra coisa que já perguntaram algumas vezes é como não mostrar o Assinar: Postagens (Atom), o procedimento é basicamente o mesmo, entre na pagina editar html e procure por:

.feed-links {
clear: both;
line-height: 2.5em;
display: none;}

No seu blog não tem a linha display: none; é justamente ela que faz ocultar o link para assinar o feed, se não achar esse trecho é só colocar no html do blog e pronto. E já que estamos falando sobre como não mostrar coisas no blog vale a pena relembrar a dica sobre como ocultar a barra padrão do blogger que fica no topo da pagina.

Se quiser trocar a frase Mostrando postagens com marcador Responsabilidade Social. Mostrar todas as postagens, entre na pagina editar html, clique para expandir o modelo e procure por:

Apague o trecho e coloque no lugar o texto que desejar, agora é só salvar e visualizar uma das paginas do marcadores que já aparecerá a nova mensagem. Porém isso retira também o link para sua pagina inicial, portanto se quiser manter o link precisa colocar o código pagina inicial quando alterar a mensagem.

[ Tutoriais ] - Texto Deslizante

2010-04-26T04:38:00.001-07:00

Aprenda a colocar um texto Deslizante igual o nosso Em Baixo do XAT
obs : Mude o Texto conforme preferir.

Tutorial de Como Colocar :
1°Vá Em Layout >> elementos da Página
2°Crie um novo Gadget e Selecione HTML/Javascript
3°Cole o Código e Salve

Download :
[[ SHARE X ]] [[ 4 SHARED ]]
[[ RAPID SHARE ]]

[ Tutoriais ] - Sites Uteis

2010-04-26T04:36:00.001-07:00

Já demos muitas dicas para blogueiros, mas uma coisa que faltava em nosso blog é reunir os links de sites com serviços úteis e grátis para blogs. Então veja na lista abaixo alguns sites que podem ajudar a melhorar o seu blog.

Hospedagem de Imagens
Imageshack
Photobucket
ImageBoo
TinyPic

Contadores de Visitas
Google Analytics
Site Meter
Feedjit
Who's amung
BlogUtils
MegaContador
TrendCounter

Musicas para Blogs
My Space Music
Rádio Fusion
Rádio Rox
iJigg
Goear
Mixpod

Hospedagem de arquivos para Download
Megaupload
RapidShare
4shared.com
Easy Share

Formulários de E-mail e Mural de Recados
AnderForm
Wufoo
Contactify
Cbox - Mural de Recados
JotForm
123 Contact Form

Como Ganhar Dinheiro com o seu Blogspot
HotWords
Adsense

Esses serviços gratuitos podem ser bem aproveitados no seu blogspot, wordpress ou qualquer outro tipo de blog que tenha.

[ Tutoriais ] - Sistema de Noticias

2010-04-26T04:33:00.001-07:00

[[ MZ NEWS ]]

obs: Só server para sites !(nao blogger)

O que é o MZn²?

O MZn² é um sistema de gerenciamento de notícias. Com ele fica muito mais fácil adicionar artigos, manusear as últimas notícias do seu site, e permitir que vários usuários usem o sistema ao mesmo tempo, cada um em uma área específica.

[[ DOWNLOAD ]]

Por que usar o MZn²?

O MZn² já é usado em centenas de sites por toda a Internet. Com ele, você pode restringir o acesso de um usuário à apenas uma área de notícias, ou permitir um controle maior, tudo de acordo com as suas preferências.
Acompanha o MZn² um sistema simples de envio de arquivos, que auxilia no envio de imagens para serem usadas nas notícias, um sistema de backup, que faz uma cópia de segurança de todos os arquivos do banco de dados para um único arquivo; e funções extras, como um melhor controle de categorias para que suas notícias fiquem no lugar certo, uma lista super organizada, permitindo que você edite múltiplos itens ao mesmo tempo, um sistema completo de gerenciamento de smilies, e muito mais.

Qual a qualidade do sistema?

A versão atual está classificada com um alto índice de aprovação no Superdownloads. Até agora só recebemos opiniões positivas sobre o sistema, e ficamos contentes com reconhecimento.

[ Tutoriais ] - Rolagem de Banners

2010-04-24T13:08:00.001-07:00

Eae pessoal Hoje Vou ensinar a voces como Colocar um rolagem de banner de parceiros.

Entao primeira coisa baixe o codigo para fazer :

Downloads : (4-Shared) (Rapid-Share)

1°PRONTO Após Baixado Vá em LAYOUT>ELEMENTOS DA PÁGINA

2°Crie um gadget HTML/JAVASCRIPT e cole o codigo que voce baixou !

3° No Final do código estará escrito :

naquele lugar voce apaga essa mensagem e coloca o codigo do seus banners e Salva !

[ Tutoriais ] - Resumo da Postagem

2010-04-24T13:06:00.001-07:00

O Blogger colocou a opção leia mais na sua pagina de postagem, entre nas configurações do seu blog e veja no final da pagina selecionar editor de postagem, selecione a primeira opção (Editor atualizado) e clique para salvar.

Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem

Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.

Vamos até a pagina editar html, clique para expandir o modelo e procure por:

[ Tutoriais ] - Reflexo em Banners

2010-04-24T12:58:00.001-07:00

Tutorial como fazer Reflexo em Banners

Feito por mim mesmo : SHOT

[ Tutoriais ] - Proteger Textos

2010-04-24T12:54:00.001-07:00

Uma forma de impedir plágio no seu blog é protejendo seu conteúdo de copia. Então para desativar o botão direito do mouse siga o post abaixo:

1º - Faça login no Blogger, depois entre em "Layout" -> "Elementos da Página". Escolha a opção: "Adicionar um Gadget".

2º - Escolha adicionar "HTML/Java Script". E cole o seguinte código abaixo:

<SCRIPT language=JavaScript>

</SCRIPT>

3º - Salve.

[ Tutoriais ] - Opções de Marcadores

2010-04-24T12:51:00.001-07:00

Fazendo um blog descobri que agora o Blogger implementou algumas ferramentas nos marcadores. Agora com simples cliques é possível deixar os marcadores com numeração de postagens e nuvem de tags, mostrar apenas os marcadores que quiser, Para fazer as modificações basta clicar em "Marcadores" em "Elementos de página" e selecionar os itens de acordo com sua vontade.

Agora é possível colocar os marcadores em forma de nuvem de tags direto pelo Blogger, retirar a numeração dos marcadores, ecolher quais os marcadores serão mostrados

Selecionando "Marcadores selecionados" é possível esconder do visitante qualquer marcador que quiser

[ Tutoriais ] - Opções de Postagens

2010-04-24T12:49:00.001-07:00

Atualmente existem 3 modos de fazer as postagens do seu blog, ou melhor, dizendo três maneiras de exibir a pagina para criar e editar as postagens do blog são elas: editor atualizado, editor antigo e ocultar modo escrever.

O modo atualizado mostra a opção resumo da postagem (inserir jump break) a ultimo botão da barra de ferramentas, além disso, é permite publicar códigos HTML para fazer isso clique em opções abaixo de onde digita a postagem e selecione a opção Mostrar HTML literalmente, infelizmente nem tudo é perfeito nesta versão não aparece mais a ferramenta para postar vídeo que no editor antigo permite publicar seus vídeos diretamente pelo blog, mas isso pode ser facilmente resolvido usando o colocando os vídeos no Youtube.

A ultima opção é igual ao editor antigo apenas sem mostrar a opção editar HTML. Nos 3 casos é muito fácil usar basta editar (escolher as cores, tamanhos e tipo de letras como num editor de texto qualquer que tenha no seu computador), mas lembramos que é mais recomendável fazer uma edição geral das postagens pela pagina editar HTML assim se quiser modificar alguma coisa nas postagens todas elas ficaram iguais o que não acontece se formatar seu texto na hora de publicar. Por exemplo, se quando publicar o texto escolher a cor da letra como azul escuro e depois de algum tempo resolver mudar a cor de fundo do seu blog para um cor escura precisará editar essas postagens com letras escuras uma por vez.

Por esse motivo sugerimos entrar na pagina editar html e procurar por .post{....} e se não encontrar adicionar esse estilo junto com os demais estilos CSS(#main, #sidebar, body, ...) que já tem no seu blog, e assim fazer a formatação de todos seus textos de uma vez só deste modo facilitando futuras alterações. Onde colocamos os pontinhos dentro das chaves veja aqui como formatar o texto do blog usando CSS. Isto é muito mais fácil e útil do que parece.

[ Tutoriais ] - Nuvem de Tags

2010-04-24T12:46:00.001-07:00

Colocar uma nuvem de tags no blog é muito mais fácil do que parece, sempre pensei que eram códigos grandes, mas na verdade dá pra deixar tudo pronto em 3 minutos. Essa nuvem faz com que os titulos dos marcadores do blog fiquem em movimento como se estivessem girando em torno de uma bola, veja esse código em funcionamento em nosso blog Frases Curtas.

Para colocar um igual no seu blog vocé só precisa copiar esse código e fazer algumas alterações:

Antes de colocar no blog vamos entender como personalizar aparência dele, veja as seguintes partes:

Largura e altura da widget: width = "240" height = "300"
apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog

Cor de fundo " #ffffff ");
as letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras

Cor do Texto: 0x333333
idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar

Tamanho do texto: style='12'
o numero 12 é o tamanho da letra então altere como quiser

Agora que já deixou o código como queria entre na pagina editar html (não clique para expandir o modelo) procure por

[ Tutoriais ] - Numerar Páginas

2010-04-24T12:41:00.001-07:00

Em atendimento ao pedido do Leitor Felipe, fui em busca de tutoriais para inserir os números das páginas de um blog da plataforma Blogger, abaixo dos artigos.

Esse tipo de enumeração é bastante interessante, pois, facilita e vida o leitor ao navegar pelo blog, onde ele verá uma estrutura organizada e consequentemente diminuirá sua taxa de rejeição.

Pois bem, encontrei no Dicas para Blogs, um extenso tutorial, entretanto, é muito bem explicado pelo Fabiano Roberto, que detalha passo a passo de como realizar os procedimentos.

DICAS

Clique aqui para acessar o tutorial;
Realize um backup, antes de começar as alterações no template;
Utilize o atalho CTRL + F para localizar textos em seu navegador.

[ Tutoriais ] - Notificação de Comentários

2010-04-24T12:36:00.001-07:00

Tenho recebido alguns e-mails e comentários no blog GF Soluções perguntando como receber os comentários que são feitos nos artigos do blog por e-mail. Esse procedimento é muito simples. Basta entrar na área administrativa de seu blog escolher o menu Configurações - Comentários e no final da página em e-mail de notificação de comentários colocar o e-mail, ou e-mails, que deseja que recebam os avisos de comentários. Agora clique em salvar configurações e pronto.

[ Tutoriais ] - Música no Blog

2010-04-24T12:31:00.001-07:00

Um site que achamos muito fácil de usar para colocar musica no blog é o Goear, basta procurar pela musica que deseja depois copiar o código do player que está na caixinha This song in your site, e colocar no seu blog pela pagina layout, adicionar gadget, html/javascript.

Além disso, se quiser pode fazer um cadastro clicando em Login / Register e depois hospedar (fazer upload) de suas próprias musicas ou qualquer arquivo de som. Isso pode servir até mesmo para colocar sua voz falando algo no seu blog. Tudo isso de maneira muito simples e rápida de fazer.

[ Tutoriais ] - Mural de Recados

2010-04-24T12:28:00.001-07:00

Veja como é fácil colocar um mural de recados ou chat no seu blog, isso pode servir como uma forma de manter contato mais direto com seus leitores ou ainda como uma sala de bate papo no blog, afinal como todos podem ler os recados poderão conversar uns com os outros. Além disso, se não quiser deixar o mural no blog para que não demore para carregar o site cria automaticamente uma pagina individual para o seu mural.

O primeiro passo é entrar no site http://www.cbox.ws, clicar para criar uma conta (sign up), se já tiver cadastro é só fazer login. Para fazer o cadastro escolha bem o que vai digitar na primeira linha no campo Cbox name, porque esse será o endereço do seu mural de recados se quiser usar separadamente do blog.

Após fazer um cadastro simples verá uma mensagem dizendo que foram enviados alguns detalhes sobre seu cadastro para o email que usou e já está pronto. Agora é só fazer login e pegar o código do seu mural de recados, clique em Publish! e verá essa tela:

Nela você pode escolher se colocará o mural aparecendo no blog ou como um link para um pop up (janelinha com o mural, como em alguns blogs usam os comentários) para isso marque a opção Popup Cbox que está sobre a caixa do código. Depois é só copiar o código e colocar no blog pela pagina layout, adicionar gadget, html/javascript.

Mas ainda na pagina onde pegou o código do mural veja no final daquela pagina Remember that you..... na linha abaixo tem o link da pagina do mural, ou seja, se quiser pode criar um link para esse endereço como se fosse para qualquer outra pagina na internet e assim usar o mural em uma pagina individual separadamente do blog.

Agora que já está tudo instalado e funcionando se quiser pode navegar no site Cbox e certamente achará muitas opções interessantes para personalizar esse mural de recados que acabamos de criar. Por exemplo, clicando em LooK & Feel >> Style Gallery poderá achar vários modelos só precisa clicar sobre um deles e confirmar (botão aparece sobre o modelo). Outra coisa interessante é entrar em Options >> Posting opitions, lá você poderá definir se permite ou não as pessoas deixarem seus links, o tamanho maximo da mensagem e outras coisas. Enfim quando mais mexer no site mais coisas poderá encontrar para incrementar seu blog.

[ Tutoriais ] - Menus Laterais

2010-04-24T12:21:00.003-07:00

1° Antes de Tudo você Já Precisa ter Postagens no Blog
2°Clique em Layout depois Elementos da Página
3°Clique em Adicionar um Gadget.
4°Selecione "Marcadores"
5°Deixe Nessa Configuração

6°Onde está Escrito Nome Do Menu Coloque o Nome do Seu Menu Tipo Downloads e Etc.

7°Clique em Editar onde está um Circulo em Volta.

8° Selecione somente os Marcadores que voces quer e clique em "Concluido" e Pronto Menu Feito

9°Se kiser mudar o Menu de Lugar Vá em Layou>>Elementos da Página e Clique e Arraste o Gadget para onde quiser e Salve.

[ Tutoriais ] - Menus Laterais

2010-04-24T12:21:00.002-07:00

6°Onde está Escrito Nome Do Menu Coloque o Nome do Seu Menu Tipo Downloads e Etc.

7°Clique em Editar onde está um Circulo em Volta.

8° Selecione somente os Marcadores que voces quer e clique em "Concluido" e Pronto Menu Feito

9°Se kiser mudar o Menu de Lugar Vá em Layou>>Elementos da Página e Clique e Arraste o Gadget para onde quiser e Salve.

[ Tutoriais ] - Menu em Flash

2010-04-24T12:18:00.001-07:00

Site : www.flashvortex.com
Video Aula :

[ Tutoriais ] - Link Leia Mais

2010-04-24T12:13:00.001-07:00

Conforme anunciado pelo Gustavo, meu nome é Vitor Zucon e a partir de hoje estarei juntamente com ele, apresentado dicas e tutoriais dos procedimentos implementados neste blog e mostrando que é possível ter um blog de sucesso usando a plataforma Blogger/Blogspot.

Inicio com esta primeira postagem, demonstrando como inserir o link "Leia mais...", abaixo do resumo do post, para que seja clicado e então mostre o artigo completo.

Esse procedimento é extremante é interessante porque o leitor terá que clicar no link para ler o post completo. Dessa forma será possível identificar mais facilmente os artigos mais lidos (populares).

No blog Template Novo Blogger encontrei um tutorial detalhado, explicando passo a passo dos procedimentos.

Caso queira utilizar outro termo que não seja Leia mais..., siga os seguintes procedimentos:

Acesse o menu Layout;
Opção Editar HTML;
Marque Expandir modelos de widgets;
Pressione CTRL+F para seu navegador abrir a caixa de busca;
Digite leia mais; automaticamente o trecho correspondente será encontrado;
Substitua para o termo desejado;
Clique em Salvar Modelo.

Pronto, Qualquer dúvida, deixem nos comentários.

Até a próxima!

[ Tutoriais ] - Importar Backup

2010-04-24T12:08:00.001-07:00

Para Colocar de Volta as Postagens do Seu Blog é Facil.
Clique em :
Configurações>>Importar Blog
Preencha todos os Campos e clique na caixinha
Publicar todas as Postagens Automaticamente.
Assim as postagens serão Publicadas Automaticamente.

[ Tutoriais ] - Imagem no Titulo da Postagem

2010-04-24T12:01:00.001-07:00

titulo das postagens, isso serve para deixar bem localizado o inicio de cada um dos textos afinal tem alguns modelos de template que as coisas ficam juntas demais, portanto seria bom ter algo que destacasse o inicio de cada um dos posts do blog.

Fazer isso é bem simples entre na pagina editar HTML e procure por H3{... } ou o estilo que controla o titulo do blog que também pode ser h2 em alguns casos, em nosso blog de Dicas de Sites é assim:

post h3 a, .post h3 a:visited, .post h3 strong{….}

Para ter certeza que está modificando o estilo certo antes de começar faça um teste, coloque border: 1px solid #000000; dentro das chaves no estilo que você acha que é o certo no seu modelo isso faz aparecer uma borda preta em volta do estilo, então clique para visualizar o blog se apareceu a borda nos títulos da postagem é porque este é o lugar certo. Caso o fundo do seu blog seja preto ou escuro faça o teste usando ffffff em vez de 000000 para a borda ficar branca.

Agora vamos colocar uma imagem ao lado do título da postagem insira o seguinte código:

background-image: url(http://img195.imageshack.us/img195/668/iconebig.jpg);

background-repeat: no-repeat;text-indent: 30px;

background-position: left top;

Você só precisa hospedar uma imagem e colocar o endereço no lugar desta que está no exemplo, cuidado na hora de fazer a imagem para que ela não seja grande demais senão aparecerá somente uma parte dela. Outro ajuste necessário é o valor 30px no final da segunda linha, isso é um recuo de texto, ou seja, quando maior o numero mais espaço terá o texto da margem esquerda no caso de não usar o texto centralizado, então é só modificar esse numero para que o título não fique sobre a imagem. Agora é só visualizar e se ficou como você queria salvar as alterações no blog.

[ Tutoriais ] - Link Favoritos

2010-04-24T12:00:00.001-07:00

Apesar de oferecer para o visitante a possibilidade de assinar os feeds do blog, ainda existem muitas pessoas que utilizam o bom e velho favoritos do browser para guardar seus endereços web que ele não quer perder de vista. Por esse motivo é interessante ter no blog um link para que o visitante possa adicionar o blog automaticamente nos seus favoritos. Quanto mais fácil melhor para nosso leitor.

Saí então a procura de um código que possibilitasse ao visitante adicionar o blog aos favoritos e encontrei um no Como Fazer Web que tem um acabamento muito legal.Com ele se o browser for o Firefox irá abrir o blog em uma nova aba, se for o Internet Explorer abrirá uma nova janela. Vamos ao código.

Para que o código apareça no seu blog como aparece no meu ao lado na sidebar, acesse a área de administração do blogger, clique em layout - elementos da página - adicionar um Gadget. Escolha Html/Javascript, copie o código acima e cole nesse Gadget. Agora onde estiver escrito "Aqui a url do seu blog" substitua pela url de seu blog e onde estiver escrito "Nome do seu blog" coloque o nome do seu blog. Salve e veja o resultado em seu blog. Teste o código clicando nos ícones para ver seu funcionamento.

[ Tutoriais ] - Icones Para Blog

2010-04-24T11:58:00.001-07:00

Segue um pacote com ícones de primeira qualidade para você colocar no seu blog, no lugar que achar mais prático. Mas eles também podem ser usados como favicon de seu blog. Se não sabe como fazer leia aqui o artigo Crie seu Favicon.

Para fazer o download do pacote de ícones basta clicar na imagem abaixo.

Segue um pacote com ícones de primeira qualidade para você colocar no seu blog, no lugar que achar mais prático. Mas eles também podem ser usados como favicon de seu blog. Se não sabe como fazer leia aqui o artigo Crie seu Favicon.

Para fazer o download do pacote de ícones basta clicar na imagem abaixo.

[ Tutoriais ] - Fazer Categorias no Blog

2010-04-24T11:53:00.001-07:00

Esse Tutorial Ensina a voce separar seu site por categorias por exemplo só tutoriais , so downloads tudo separado tutorial feito por mim : SHOT bom proveito !

[ Tutoriais ] - Fazendo Backup

2010-04-24T11:51:00.007-07:00

Aprenda a Fazer Backup das Suas Postagens no Blog.
Video Aula :

[ Tutoriais ] - Fazendo Backup

2010-04-24T11:51:00.006-07:00

Aprenda a Fazer Backup das Suas Postagens no Blog.
Video Aula :

[ Tutoriais ] - Fazendo Backup

2010-04-24T11:51:00.005-07:00

Aprenda a Fazer Backup das Suas Postagens no Blog.
Video Aula :

[ Tutoriais ] - Fazendo Backup

2010-04-24T11:51:00.004-07:00

Aprenda a Fazer Backup das Suas Postagens no Blog.
Video Aula :

[ Tutoriais ] - Fazendo Entradas

2010-04-24T11:43:00.001-07:00

TUTORIAL ENSINANDO COMO CRIAR ENTRADAS PARA SEU WEB-SITE
PASSOS:

1° CRIAR UM NOVO BLOG [[ TUTORIAL]]
2°ESCOLHER ALGUMA ENTRADA E BAIXAR.
3°SUBSTITUIR O TEMPLATE ATUAL PELO DA ENTRADA [[ TUTORIAL ]]
4°ALTERAR AS IMAGENS QUE VOCE Ñ QR NA SUA ENTRADA [[ TUTORIAL ]]
5° ESCOLHA UM DOS NOSSOS DOMINIOS FREE E COLOQUE EM SUA ENTRADA.
6°ALTERAR O REDIRECIONAMENTO DA ENTRADA PARA MANDAR PARA SEU BLOG
COMO FAZER ISSO :
1° Vizualize a sua entrada e veja para qual site voce será redirecionado se voce for mandado para o site por exemplo "www.youtube.com.br"
Você vai no seu Blog entra Em : Layout > Editar HTML
Aperte Ctrl+F e coloque o site para qual voce foi enviado ai voce procura o site e substitui pelo seu site.

SHOT PORTAIS ™

[ Tutoriais ] - Espaço Entre as Colunas

2010-04-24T11:42:00.001-07:00

Uma grande dificuldade que vejo entre os blogueiros é acertar a distancia entre as colunas e a postagem do blog, ou seja, às vezes os menus ficam encostados um no outro ou muito distante, isso acontece tanto em relação às colunas como os posts do blog afinal todos são colunas. Para corrigir esse problema é só colocar padding-left ou padding -right no código da coluna que deseja dar um espaço.

Fazer essa correção pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, além disso, as variações de lado também podem confundir na hora de alterar os códigos, então vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, você pode entrar na pagina editar HTML e procurar por:

#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;….

E colocar padding -left:15px, se já tiver algo assim no seu blog apenas altere o valor (não repita o mesmo código duas vezes) isso fará surgir um espaço de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espaço ocupado pela coluna (mais 10 px) então isso pode fazer que uma das colunas do seu blog vá parar no final da pagina por falta de espaço então normalmente quando fazemos esse tipo de alteração devemos reduzir a largura da coluna que em nosso exemplo é 490 isso está logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.

O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que está no código, geralmente a margem deve ser do mesmo lado. Outro detalhe é que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) então o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o código. Apesar de funcionar do mesmo padding e margin não são exatamente a mesma coisa você pode ver aqui a diferença entre usar padding ou margin, outra dica relacionada com esse tema é como alterar as larguras do blog.

Outra coisa que não poderíamos deixar de falar é que é muito bom visualizar seu blog em vários navegadores (pelo menos Internet Explorer e Firefox), pois é possível haver uma variação na aparência do seu blog entre eles.

[ Tutoriais ] - Enquetes

2010-04-24T11:38:00.001-07:00

Site Útil Também : www.enquetes.com.br

Criar uma enquete no blogger é uma tarefa muito simples. Para isso basta entrar em sua área administrativa e ir em Layout - Elementos de página e clicar em Adicionar um gadget. Clique em Enquete e Escreva a pergunta que deseja que seus leitores respondam. Coloque as respostas e determine uma data e hora para fechamento da enquete. Agora clique em Salvar e pronto, você já tem uma enquete no seu blog.

Uma enquete pode ser útil em várias situações. Para questionar os leitores sobre o assunto que mais gostariam de ver no blog, como qualificam os artigos escritos no blog, entre outros.

[ Tutoriais ] - Efeito Neve

2010-04-24T11:35:00.001-07:00

Colocar Efeito Neve no Blog OBS: PODE SER USADA QUALQUER IMAGEM NO LUGAR DA NEVE !

Chegando o final de ano algumas pessoas pediram um código para colocar neve caindo no blog, então preparamos esse código:

Copie e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript. Este gadget pode ficar em qualquer parte da sua pagina. Você pode usar com a imagem que desejar, ou seja, não é necessário utilizars somente com imagens que simulem neve poderiam ser corações caindo pelo blog ou qualquer outra imagem, você só precisa hospedar a imagem e colocar no lugar indicado no código. Abaixo temos 4 imagens que podem servir como neve para utilizar alguma delas sugerimos salvar, depois hospedar no ImageShack e colocar o endereço da imagem no código no lugar que está http://img42.imageshack.us/img42/5508/neve1.png, se precisar de ajuda veja aqui como hospedar e usar o endereço certo da imagem.

Não fizemos o código já com o endereço de cada imagem, pois se muitas pessoas usarem a mesma imagem isso pode fazer com que ela seja removida do site de hospedagem por se tratar de um serviço grátis. Espero que esse código seja útil para enfeitar o seu blog para o Natal e outras ocasiões também, afinal como já dissemos você pode colocar qualquer imagem flutuando pelo seu blog de maneira bem fácil e rápida.

Quando visualizar seu blog pode ter a impressão que os flocos de neve passam apenas uma vez, mas não é isso que acontece, na verdade eles percorrem a pagina inteira até o final e não somente a parte que aparece na tela, então depois de aparecer a primeira vez os flocos demoram alguns segundos para começar novamente, mas isso é normal, veja que após ficar na pagina alguns segundos o efeito fica muito melhor que no inicio.

[ Tutoriais ] - Editar Menus de Cima

2010-04-24T11:32:00.004-07:00

VIDEO TUTORIAL :

[ Tutoriais ] - Editar Menus de Cima

2010-04-24T11:32:00.003-07:00

VIDEO TUTORIAL :

[ Tutoriais ] - Dividir Rodapé

2010-04-24T11:30:00.001-07:00

Dividir o rodapé do blogspot (footer do blog) é mais fácil do que parece, basta trocar algumas linhas de códigos e pronto. Sugerimos que antes de começar entre na pagina layout e remova tudo que tiver no rodapé do blog, você não precisa excluir apenas arrasta para a coluna do blog ou embaixo das postagens, pois em poucos minutos vamos colocá-los no lugar novamente.

Mas para começar a divisão do footer em 3 partes o primeiro passo é entrar na pagina editar html (não clique para expandir o modelo), mas antes de começar é bom fazer um backup do blog para não perder nada no caso de imprevistos. Agora que não corremos mais o risco de estragar nada vamos começar.

Procure por esse trecho no html do seu blog (está quase no final):

Quando achar apague, tome cuidado para não tirar ou deixar nenhum sinal no inicio ou fim do código e coloque esse no lugar:

E já está tudo pronto, agora é só entrar na pagina layout e arrastar os gadgets para cada uma das colunas do rodapé do seu blog e assim usar melhor o espaço disponível.

Se a parte do rodapé ficar sem cor de fundo podemos colocar esse código:

#footer-wrapper{background-color: #ffff66;border: 1px solid #0000FF}

junto com os outros estilos CSS do blog, isso fica no começo do html. É fácil de achar porque no blog tem muitos códigos parecidos com esse. Para trocar a cor é só mudar o final ffff66, veja aqui o código de outras cores. E as bordas você pode ver nosso tutorial sobre colocar e alterar bordas que tem explicações detalhadas.

Note que neste código que colocamos apareceu 3 vezes width: 32%; isso é a largura de cada uma das colunas no rodapé do blog, portanto altere os valores como desejar, mas claro que a soma das 3 chegar até 100% provalemente uma das colunas passará para linha debaixo, então se tiver esse problema é só reduzir um dos valores (sempre é bom deixar algum espaço sobrando).

[ Tutoriais ] - Diminuir Postagens do Inicio

2010-04-24T11:27:00.003-07:00

Eae pessoal hoje vou ensinar a voces como Tirar as Postagens da sua pagina inicial ou se voce nao quiser tirar diminuir o tanto de postagens q aparecera na pagina inicial.

1°Vá Em Configurações e clique em formatação.

2°Note Que tera um numero dentro de uma caixinha esse numero é o tanto de postagens que vao ter na sua pagina inicial entao altere como voce desejar o meu no caso fica em 9 postagens.

3°Depois de Voce Ter Alterado Salve e Pronto Visualize que terá na sua pagina incial somente o tanto de postagens que voce escolheu!

[ Tutoriais ] - Cursor do Mouse

2010-04-24T11:25:00.001-07:00

Muita gente procura como mudar ou trocar o cursor do mouse por uma imagem, encontramos um jeito bem fácil de fazer isso. Usando os cursores que o site Totally Free Cursors oferece, e como o próprio nome diz são grátis.

Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.

A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.

Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.

Veja também como colocar uma imagem seguindo o ponteiro do mouse.

[ Tutoriais ] - Criando XAT

2010-04-24T11:24:00.001-07:00

Site : WWW.XAT.COM
1° Acesse o Site
2° Clique em Make a Chat Box Escolha uma imagem de fundo.
3° Pronto Xat Criado Agora Copie o mesmo código da Imagem.

4° Acesse Seu Blog Clique Em : Layout>>Elementos Da Página

Agora : Adicionar um Gadget >> HTML/JavaScript

Coloque o Código do XAT e Clique e Arraste o Gadget

Pra onde Quiser .

[ Tutoriais ] - Criando Blog

2010-04-24T11:22:00.001-07:00

Aprenda a Criar um Blog Facil e Rápido.

[ Tutoriais ] - Criar Barra de Ferramentas

2010-04-24T11:20:00.001-07:00

Vamos criar uma barra de ferramentas para o blog, deste tipo que as pessoas instalam no navegador (Internet Explorer, Firefox, Chrome e outros), você pode colocar diversos acessórios na sua barra inclusive as últimas atualizações do seu blog, esta é uma boa maneira de conseguir mais divulgação e visitas para seu blog.

Para fazer isso utilizamos o Conduit, depois de fazer um cadastro simples então irá para a tela onde vai criar a barra de ferramentas para o seu blog, lá encontrará coisas básicas como colocar o seu logotipo na barra (basic components, your logo) e muitas outras funções é um site relativamente simples de utilizar.

Note na imagem acima que no topo da pagina tem Your toolbar's download page esse é o endereço para download da sua barra de ferramentas, então crie um link para essa pagina e coloque no seu blog, este link pode ser de texto ou imagem o jeito que você achar melhor para divulgar sua barra de ferramentas e claro seu blog junto com ela, veja o exemplo com o link da barra de ferramentas Dicas para Blogs:

Instale nossa Barra de Ferramentas

Naturalmente se quiser poderá editar sua barra quantas vezes desejar e a pagina de instalação se atualiza automaticamente. Agora que já está tudo pronto você ainda pode acompanhar as estatísticas da sua barra de ferramentas, ou seja, saber quantas pessoas baixaram, estão utilizando a barra, note que no menu principal do site Conduit tem a opções analytics, como o próprio nome sugere são as estatísticas da barra de ferramentas.

[ Tutoriais ] - Criar Banner

2010-04-24T11:12:00.003-07:00

[ Tutoriais ] - Conteudos e Acessorios

2010-04-24T11:02:00.001-07:00

Onde achar coisas legais e interessantes para colocar no blog, quais são os melhores acessórios para colocar no blog e também como incrementar o visual do blog, recebemos essas e outras perguntas semelhantes com freqüência e respondemos da mesma maneira o melhor modo de encontrar coisas para seu blog é visitando outros blogs, assim verá contadores, relógios, previsão do tempo, mural de recados e muitas outras coisas. Se clicar sobre a maioria dessas ferramentas encontrará como coloca-las no seu blog também.

Porém isso não quer dizer para colocar tudo aquilo que ver por ai no seu blog, lembre-se que nem todas as pessoas ficarão esperando seu blog carregar (aparecer) porque tem coisas demais nele. Uma coisa que devemos fazer é excluir todo o histórico de internet e depois entrar em nosso blog para ver o real tempo que ele demora, pois sabemos que quando visitamos mais de uma vez o mesmo site o computador usa o histórico fazendo que do segundo acesso em diante o site apareça mais rápido. Isso acaba nos dando a ilusão que o nosso blog não demora para carregar.

Outro ponto precisa ser esclarecido quando dizemos para encontrar coisas em outros blogs não queremos dizer para fazer um blog igual ao de ninguém, mas apenas achar um ou outro acessório interessante e não copiar um modelo completo.

Uma maneira bem fácil de ter um conteúdo sempre atualizado e diferente é adicionar feeds de outros sites como, por exemplo, noticias esportes, fofocas, piadas e muitas outras coisas. Inclusive se quiser adicionar nossas dicas no seu blog o endereço do nosso feed é http://www.dicasparablogs.com.br/atom.xml

[ Tutoriais ] - Como Roubar Templates

2010-04-24T10:19:00.001-07:00

[ Tutoriais ] - Como Roubar Sites

2010-04-24T10:18:00.001-07:00

Nós da EQUIPE SHOT PORTAIS estamos Colocando Uma Novidade Para voces Usarem e Abusarem é o HTT Rack Que rouba Sites Bom Proveito !

[[ DOWNLOAD ]]

Como Usar :

[ Tutoriais ] - Como Modificar Blog

2010-04-24T10:16:00.001-07:00

Vamos começar uma serie de postagens para blogueiros iniciantes, nós sabemos que ao criar o primeiro blog as pessoas têm vontade de mudar tudo do seu novo blog no primeiro dia, mas certamente isso não é possível afinal é preciso aprender a dar os primeiros passos antes de começar a correr. Já publicamos algumas coisas para iniciantes até criamos um marcador para isso em nosso guia rápido, aqui estão algumas delas:

Programas grátis para editar imagens
Onde e como hospedar imagens
Formatar o texto das postagens ou colunas (sidebar)
Criar ou modificar bordas

Mas como já dissemos é preciso começar por algum lugar, então vamos falar sobre trocar a cor de fundo do blog. Quando entrar no painel do blog clique em layout e depois em fontes e cores.

Normalmente nesta pagina basta procurar no menu por cor do plano de fundo da pagina, clicar nele e depois clicar na cor desejada e pronto. Você visualizará a mudança no seu blog que aparece na parte inferior da tela. Esse texto plano de fundo pode variar um pouco pode ser fundo da pagina ou background. Outra coisa se você não gostar das cores que aparece pode colocar o código de outra cor na caixa Editar código de cor hexadecimal, onde na imagem acima aparece ffffff, veja aqui o código hexadecimal das cores.

Se por acaso no seu blog não funcionar entre na janela editar html e procure por body{...} está logo no começo do código, veja se tem algo parecido com isso lá:

body {background-color: #0000FF;
...
...

Caso não tenha pode colocar se já tiver background mais alguma coisa altere para ficar igual o exemplo acima e a cor no final novamente usando código hexadecimal das cores você pode colocar a cor que desejar. Para colocar uma imagem de fundo use esse código:

body {background-color: #0000FF;
background-image: url(endereço da imagem)

Mesmo usando uma imagem é bom colocar a cor, assim caso haja algum problema e a imagem de fundo não aparecer o blog ficará com um fundo numa cor próxima da imagem. Veja mais detalhes sobre imagens de fundo.

Talvez alguns achem essa postagem simples demais, mas devemos lembrar aos mais experientes como foi difícil começar e quantas perguntas simples sofremos tanto para descobrir a resposta.

[ Tutoriais ] - Como Hospedar Seu Site

2010-04-24T10:15:00.001-07:00

Nome Download

Filezilla (link1)

Video Aula Basica de Como Hospedar seu Web Site
Video Aula:

[ Tutoriais ] - Como Criar Seu Template

2010-04-24T10:13:00.001-07:00

Ola Galera eu Aqui de novo hehehe ! Agora To Postando um video encinando a Edita um Template esse Vidio e muito Massa Poucas Pessoas Sabe edita e ainda Tem muitas Duvidas
nesse Vidio aula voce Vai ter um poco de noçao como faz isso

Criaçao de template blog aula

[ Tutoriais ] - Como Criar Estatísticas

2010-04-24T10:11:00.001-07:00

Muita Gente Me pergunta como fazer estatisticas igual o do shot portais entao hoje vou ensinar.

PRIMEIRO BAIXE ESSE ARQUIVO COM O CODIGO QUE VOCE IRA USAR PARA FAZER AS ESTATISTICAS :

(RAPID-SHARE) (4-SHARED)

ABRA O DOCUMENTO FAÇA ISSO :

AONDE ESTIVER ESCRITO:

CODIGO DE USUARIOS ONLINE : Coloque o codigo de usuarios online

CODIGO CONTADOR DE VISITAS: Codigo do seu contador de visitas

DATA DO SEU BLOG: Data em que voce criou seu blog

PRONTO AGORA VÁ EM LAYOUT>ELEMENTOS DA PÁGINA

Crie um Gadget HTML/JavaScript e Cole o codigo do seu contador e Salve.

[ Tutoriais ] - Colocar Web Radio

2010-04-24T10:10:00.001-07:00

Para Colocar Uma Web-Rádio no Seu Blog é Facil.
1°Acesse Qualquer Site de WebRadio.
2°Clique em Players.
3°Copie o Código do Player e Vá Em : Layout>> Elementos Da Página
4°Clique em Adicionar um Gadget>>HTML/JavaScript
5°Cole o Código e Clique em Salvar.
6°Agora clique e Arraste e Deixar em Qualquer lugar do Seu Site.

[ Tutoriais ] - Colocar Alert

2010-04-24T10:09:00.001-07:00

Baixar Codigo JavaScript.
Download
Video Aula :

[ Tutoriais ] - Caixinha Link-me

2010-04-24T10:08:00.001-07:00

Como Criar Sua Caixinha Link-Me

[ Tutoriais ] - Botão "Topo"

2010-04-24T10:06:00.001-07:00

(Download)
1° Baixe o Arquivo
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.

Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com

para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.

[ Tutoriais ] - Bloquear CTRL + C

2010-04-24T10:05:00.001-07:00

Baixar Codigo JavaScript.
[[ 4 Shared ]]
[[ Download ]]

[ Tutoriais ] - Basico HTML

2010-04-24T10:03:00.001-07:00

Curso Básico de HTML

Breve Vou Postar um Curso Completo - Lembrem-me

[ Tutoriais ] - Banner Propaganda

2010-04-24T10:02:00.001-07:00

Aprenda a Fazer Banners Para seu Site.

[ Tutoriais ] - Assuntos Relacionados

2010-04-24T10:00:00.001-07:00

Mostrar as postagens relacionadas com uma miniatura da imagem, isso é no final de cada um de seus textos aparece o link de alguns outros textos do seu blog com uma imagem, isso é muito útil para gerar trafego entre suas paginas, pois mantêm as pessoas mais tempo no seu blog e isso faz melhorar sua classificação nos sites de busca. Podendo até gerar mais visitas.

É muito fácil de fazer usando o site LinkWithin você só precisa digitar o seu email, endereço do seu blog, escolher a plataforma (sugerimos escolher a opção Other e não a opção Blogger) assim poderá pegar o código em vez de adicionar diretamente no blog, isso é útil, pois dependendo do seu template se usar a opção blog poderá ter alguns problemas como aparecer um gadget vazio, mas se quiser fazer o teste usando a opção blog pode dar certo. e o numero de links que mostrará(Width:). Caso seu blog tenha um fundo escuro e letras claras marque a opção My blog has light text on a dark background, depois é só clicar em Get Widget e copiar o código para colocar no seu blog.

Agora que já copiamos o código para mostrar os assuntos relacionados no Blogger entre na pagina editar html, clique para expandir o modelo e procure por:

Quando encontrar coloque o código que copiou exatamente abaixo dessa linha, clique para visualizar e se estiver tudo certo é só salvar e já está pronto. Agora seu blog mostra o link de algumas postagens com miniaturas no final de cada um dos textos. Se você achar que esses links ficaram muito juntos com sua postagem ou dos comentários pode colocar
antes e depois do código, isso faz deixar uma linha em branco, pode repetir quantas vezes quiser, ou seja, cada
é uma linha em branco.

Para fazer esse tutorial instalei LinkWithin no blog Frases Curtas.

Já dissemos algumas vezes que não era possível mudar o teste em inglês You might also like que aparece em alguns blogs, mas encontramos como fazer isso, então fizemos uma nova publicação(05/01/2010) sobre o assunto, veja como personalizar o texto mostrado nas postagens relacionadas.

[ Tutoriais ] - Arquivos Relacionados

2010-04-24T09:58:00.001-07:00

Exibir conteúdo relacionado de um artigo, certamente é uma maneira muito eficiente para diminuir a taxa de rejeição do seu blog. Pois bem, hoje venho mostrar como inserir artigos relacionados comimagens, que certamente chamará ainda mais a atenção do leitor. Vamos aos passos:

Estando logado no painel de controle do Blogger, Clique AQUI para acessar o site LinkWithin;
Preencha o formulário com seu e-mail, endereço do seu blog, plataforma (no nosso caso Blogger) e a quantidade de artigos relacionados que deseja exibir;
OBS.: Caso seu blog contenha um fundo escuro e letras claras, marque a caixa My blog has light text on a dark backgroun;
Clique em Get Widget;
Clique em Install Widget;
Altere o título que será exibido, de acordo com sua preferência;
Clique em Adicionar Widget;
Arraste o Widget para baixo das postagens, conforme imagem abaixo:
Clique em Salvar.

Pronto! fácil não?

Até a próxima!

[ Tutoriais ] - Alterar Imagens

2010-04-24T09:55:00.002-07:00

VIDEO AULA :

[ Tutoriais ] - Alterar Favicon

2010-04-24T09:51:00.001-07:00

Para colocar um Favicon no seu blog, ou seja, a imagem que fica na barra de endereços ao lado da url do seu blog, precisamos criar e hospedar uma imagem e depois colocar um código no html do blog. Mas vamos explicar por partes e você verá que é fácil de fazer.

Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endereços, ela deve ser quadrada, lembre-se que a imagem ficará bem reduzida (16 x 16 pixels), portanto não adianta usar uma cheia de detalhes pequenos. Aconselhamos já salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e conversão para o formato ícone.

Depois que tiver a imagem pronta entre no site Free Online Icon Editor nele é possível desenhar seu ícone se quiser (para aqueles que são bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um ícone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.

Agora clique no botão save icon e escolha um lugar para salvar o ícone no seu computador. Essa parte já está pronta, agora vamos hospedar o favicon (colocar a imagem do ícone na internet).

Vamos até o site Image Boo Hosting clique no botão enviar arquivo e localize o ícone, envie também a imagem original (que usou para converter no outro site para o formato ícone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o código da ultima linha (Direct) das duas imagens que enviamos.

Até o momento já temos nosso ícone criado e hospedado na internet, agora só falta colocar no blog. Entre na pagina layout > editar html e procure por , antes dessa linha coloque o código abaixo substituindo os endereços das imagens que você acabou de hospedar.

No final da segunda linha troque png pelo formato da imagem original gif, jpg, se achar mais fácil poderia fazer isso já com uma imagem png desde o inicio. Clique para salvar e já está tudo pronto o resultado final é esse:

Fizemos e testamos esse tutorial no Firefox e Internet Explorer que são os navegadores mais utilizados atualmente.

[ Tutoriais ] - Adicionar Colunas

2010-04-24T09:42:00.001-07:00

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á emwidth) é 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-wrapper tem que terfloat:left (flutuação à esquerda).

Lembre-se: a soma da largura do post mais as duas colunas laterais tem que ser menor 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:

[ Dicas ] - Mudar Fundo do XAT

2010-04-24T07:56:00.001-07:00

Todos se Perguntam como mudo aquele fundo do chat que nao combina com meu site e talz..
entao pessoal hoje eu SHOT vou ensinar a Voces Como Resolver esse Problema ^^.

1°Já Com o seu Xat Colocado no Seu Site entre Nesse Site : www.tinypic.com
agora clique em "Arquivo" e Selecione sua Imagem e clique em "Upload".

2° agora Copie Somente o Direct Link ou Seja Link Direto :

3°Agora Vá em Seu Chat e Clique em "Edit seu Chat" ou se Estiver em Ingles "Edit Your Chat".
4°Clique em Change Background ou Mudar Fundo.
5°Coloque o Codigo da Sua Imagem na Caixinha e Clique em Get Images.

6°Sua Imagem Irá Aparecer Pronto é So Clicar Em cima Dela que o Fundo Do Chat Estará Mudado!

[ Dicas ] - Mais Avatares Para XAT

2010-04-24T07:49:00.001-07:00

[ Dicas ] - Main Owner de Volta

2010-04-24T07:46:00.001-07:00

Olá pessoal venho aqui com mais um tutorial exclusivo do site [SP]

vou ensinar como pegar se Main Owner de novo no Chat quando se passa o CC CLEANER pra tirar o ban

1- Antes de voçe passa o CC CLEANER vá no seu Chat ondi vc é Main Owner
2- Clique em Edite seu Chat se estiver em inglês fica ''Edit your xat''
3- Clique em Funcionalidades Extras se estiver em inglês é Extra features
4- Vai abrir outra página do explorer no caso outra ''aba'' ou se vc estiver o firefox a msm coisa. aquela página que abrir , aaquele endereço Copia ele e salva em um bloco de notas
5- Pronto agora se vc passar o CC CLEANER basta ir naquela pasta copiar e cola no endereço ondi fica o WWW e aperta o ENTER
6- Depois clique em Update & Get código do lado esquerdo, espere carregar o xat e pronto se Main owner de volta

[ Dicas ] - Fundos Para XAT

2010-04-24T06:25:00.001-07:00

[ Dicas ] - Days de Graça

2010-04-24T06:22:00.001-07:00

Tutorial Exclusivo , Nao Copie!

Primeiro instale isso no seu Firefox

Temper Data Download

Segundo crie conta no A.W.Survey

[ Clique aqui ]

Terceiro crie conta no PayPal

[ Criar Conta ]

Vamos ao tutorial (Com vídeo)

[ Dicas ] - Registrar-se em XAT

2010-04-24T06:14:00.003-07:00

Entre no link

www.xat.com/register

bote login e uma senha se estiver vai tentando outrase o e-mail

depois será enviado para seu e-mail ai confirme , dps de alguns segundos vc ja está com seu register

[ Dicas ] - Cor Nas Mensagens do XAT

2010-04-24T06:14:00.002-07:00

Primeiro de Tudo Acesse Esse Site : [[ Site ]]
Vamos Lá
Obs: Só Serve Para Owners e Main Owners Do Xat

1°Escolha Umar Cor e Copie e Código Dela !

2°Agora Comece para por a Mensagem Coloque Isso:

/s Seu Texto

exemplo:

/s SHOT PORTAIS

3°Após ter feito isso Cole o Código da Cor após a Mensagem Exemplo:

/s SHOT PORTAIS #7CFC00

4° Aperte Enter e Pronto

5° Resultado Final :

[ Dicas ] - Codigos do XAT

2010-04-24T06:07:00.001-07:00

Vermelho = ainda não está em uso

/ A --
/ B --
/ C --
/ D --
/ E --
/ F - adicionar um amigo à sua lista de contactos para ID (1)
/ G - o escalão mais baixo em todo o convidado do chat (requer GUESTSELF)
/ H - mudo o bate-papo (requer HUSH)
/ I informações - sobre o seu bate-papo
/ J --
/ K --
/ L --
/ H, a bordo de um mod por um tempo limitado (requer TEMPMOD) (1)
/ N - punir um mod (requer SINBIN)
- ou alterar a cor padrão e estilo de smilies amarelo
/ P - para proteger o chat (1)
/ Q --
/ R --
/ S - alterar a mensagem de rolagem de bate-papo (1)
/ T - ignorá-la com um beijo livre (requer TTTH).
/ U --
/ V --
/ W --
/ X --
/ Y --
/ Z --

[ Dicas ] - Avatares Para XAT

2010-04-24T06:05:00.001-07:00

Creditos Shot-Portais.DaHora.Net

http://i37.tinypic.com/2z6cdjq.png

http://i38.tinypic.com/ve25au.png

http://i36.tinypic.com/289gbqt.png

http://i38.tinypic.com/2i9sdh2.png

http://i35.tinypic.com/2q8bn1t.png

http://i33.tinypic.com/111o12s.png

http://i38.tinypic.com/eqdzq0.png

http://i37.tinypic.com/icnzlz.png

http://i33.tinypic.com/iq98gx.png

http://i34.tinypic.com/16k3mgx.jpg

http://i34.tinypic.com/16lwswh.jpg

http://i33.tinypic.com/mszt68.jpg

http://i37.tinypic.com/2a681e1.png

http://i34.tinypic.com/2s7tag1.png

http://i37.tinypic.com/315h5vq.png

http://i38.tinypic.com/33cal8y.png

http://i34.tinypic.com/34rdifa.png

http://i34.tinypic.com/f081hi.png

http://i34.tinypic.com/34e6g3t.png

http://i33.tinypic.com/2uq282v.png

http://i37.tinypic.com/33nwbpj.png

http://i37.tinypic.com/wk075c.png

http://i37.tinypic.com/10cixap.png

http://i37.tinypic.com/wv4e93.png

http://i34.tinypic.com/opvebb.png

http://i34.tinypic.com/v2wpi1.png

http://i37.tinypic.com/2a0gl14.png

http://i36.tinypic.com/ru79kw.jpg

http://i34.tinypic.com/rkc8zq.png

http://i34.tinypic.com/51v9uc.png

http://i37.tinypic.com/29yr43c.gif

http://i34.tinypic.com/16k3mgx.jpg

http://i33.tinypic.com/dd0ykj.png

http://i35.tinypic.com/2dtsz7l.png

http://i34.tinypic.com/a42237.png

http://i38.tinypic.com/fmmfdk.png

http://i35.tinypic.com/w8u72g.png

http://i33.tinypic.com/2wo8ub9.png

http://i37.tinypic.com/5e7rf7.png

http://i33.tinypic.com/11m9lps.png

http://i36.tinypic.com/121ai5i.png

http://i37.tinypic.com/scrfde.png

http://i36.tinypic.com/2qao5cg.png

http://i36.tinypic.com/i6l1e1.png

http://i35.tinypic.com/264ruqd.png

http://i35.tinypic.com/eqngh0.png

http://i34.tinypic.com/15yf6gm.png

[ Dicas ] - Alguns Powers

2010-04-24T06:03:00.001-07:00

PARA COMPRAR ACESSE O SITE www.xat.com

Power	Smilie	Cost each
Valentine smilies Unavailable, try trading	(valentine)
Make a temporary member	(tempmem)	15 days
Convert days to xats	(dx)	7 days
Stickman Animator	(stick)	300 xats
Countdown smilies	(count)	200 xats
Christmas smilies Unavailable, try trading	(christmas)
Snowy power Unavailable, try trading	(snowy)
Thanksgiving smilies Unavailable, try trading	(thanksgiving)
Status message	(status)	400 xats
Anime smilies	(anime)	300 xats
Halloween smilies Unavailable, try trading	(halloween)
Stop a chat talking	(hush)	25 days
Annotate smiley	(num)	400 xats
Sports smiley powers Unavailable, try trading	(sport)
Fruit flavoured smilies Unavailable, try trading	(fruit)
Personal radio	(radio)	250 xats
Silent ban	(mute)	40 days
Angel smilies Unavailable, try trading	(angel)
Import images to doodle	(dood)	250 xats
Devil smilies Unavailable, try trading	(six)
Costumes	(costumes)	300 xats
Gag instead of ban Unavailable, try trading	(gag)
Fade effect Unavailable, try trading	(fade)
Female hair	(hairf)	200 xats
Male hair	(hairm)	150 xats
Smilie hands	(hands)	300 xats
Talk to the hand	(ttth)	400 xats
Diamond shaped Smilies Unavailable, try trading	(diamond)
sinbin a moderator	(sinbin)	300 xats
Make your self a guest	(guestself)	250 xats
Pink guest and member	(pink)	500 xats
Invisible owner	(invisible)	40 days
Kick lower ranks	(superkick)	15 days
Show your xats and days	(show)	50 xats
Octogram shaped Smilies	(octogram)	150 xats
Boot a user to another chat Unavailable, try trading	(boot)
Smilies with no background Unavailable, try trading	(clear)
Hexagon shaped Smilies	(hexagon)	100 xats
Color Cycle Smilies	(cycle)	500 xats
Neon Glow Names	(nameglow)	400 xats
Square shaped Smilies	(square)	100 xats
Animated Avatar/Picture	(animate)	400 xats
Random Avatar/Picture	(shuffle)	25 xats
Heart shaped Smilies Unavailable, try trading	(heart)
Light/Dark Smilies	(light)	150 xats
Blue Color Smilies	(blue)	150 xats
Green Color Smilies	(green)	150 xats
Red Color Smilies	(red)	150 xats
Add a hat to your "pawn"	(hat)	100 xats
Owner can make temporary moderator	(tempmod)	50 days
Only PC from friends	(nopc)	200 xats
Hide registered (no star)	(reghide)	100 xats
Turn off audies sounds	(noaudies)	10 xats
Mirror smilies	(mirror)	100 xats
Upside down smilies	(invert)	200 xats
Friends can't follow you	(nofollow)	100 xats
Zoom avatar on mouse over	(zoom)	300 xats
Moderator ban 8 hours	(mod8)	500 xats
Hide subscriber (Black star)	(subhide)	100 xats
Go to top of section	(topman)	200 xats
AllPowers	(allpowers)
Epic Powers are rare because they are so expensive, a major proportion of their appeal comes from their rarity. They are a reward for master traders who have made their fortunes and a goal for others to work towards.
Purple Pawn	(purple)	25000 xats

[ Downloads ] - Zara Radio

2010-04-24T05:59:00.001-07:00

Zara Radio [[ DOWNLOAD ]]

[ Downloads ] - Web Sites

2010-04-24T05:58:00.001-07:00

Se Algum Download Pedir Senha Para Descompactar a Senha é : lotuszg

WEB SITES	FOTO	DOWNLOAD
SITE 01	[ FOTO ]	[ DOWNLOAD ]
SITE 02	[ FOTO ]	[ DOWNLOAD ]
SITE GO MIX	[ FOTO ]	[ DOWNLOAD ]
WEB SITE AR-DESIGN	[ FOTO ]	[ DOWNLOAD ]

Nome	Imagem	Donwload
Site Hard Mix	Ver

Site Radio Hunter	Ver
Site 01	ver
Site Mix Studio	ver

[ Downloads ] - Virtual DJ + Serial + Crack

2010-04-24T05:57:00.001-07:00

VirtualDJ+Serial+Crack DOWNLOAD

[ Downloads ] - Vinhetas

2010-04-24T05:54:00.001-07:00

AXEI UM SITE COM VARIAS VINHETAS PRA VOCES BAIXAREM É SO ENTRAR QUE O SITE JA EXPLICA COMO BAIXAR AS VINHETAS.

BOM PROVEITO :
http://www.pedroozorio.com.br/Vinhetas/vinhetas.asp

[ Downloads ] - Sam 2 + Serial

2010-04-24T05:53:00.001-07:00

SAM2+SERIAL [[DOWNLOAD ]]

[ Downloads ] - Players

2010-04-24T05:52:00.001-07:00

PLAYERS PARA TOPO

PLAYERS	DOWNLOAD	FOTO
PLAYER VERDE	[ DOWNLOAD ]	FOTO
PLAYER BRANCO	[ DOWNLOAD ]	FOTO
PLAYER PRETO	[ DOWNLOAD ]	FOTO
PLAYER ATOMIC MIX	[ DOWNLOAD ]	FOTO
PLAYER SCROOL	[ DOWNLOAD ]	FOTO

PLAYERS BOX

PLAYERS	DOWNLOAD	FOTO
PLAYER 01	[ DOWNLOAD ]	FOTO
PLAYER 02	[ DOWNLOAD ]	FOTO
PLAYER 03	[ DOWNLOAD ]	FOTO
PLAYER 04	[ DOWNLOAD ]	FOTO

[ Downloads ] - Painel V3

2010-04-24T05:50:00.001-07:00

VIDEO AULA
DOWNLOAD DO PAINEL V3

[ Downloads ] - Outros Downloads

2010-04-24T05:46:00.001-07:00

DOWNLOADS

FOTO PERSONALIZADA	[ DOWNLOAD]	[ FOTO ]
PAINEL V1	[ DOWNLOAD]	[ FOTO ]
ENQUETE	[ DOWNLOAD]	[ FOTO ]
PAINEL V3	[ DOWNLOAD]	[ FOTO ]

[ Host Free ] - Host hdfree.com.br

2010-04-24T05:45:00.001-07:00

Acesse o Site: http://www.hdfree.com.br/

[ Host Free ] - Host 6te.net

2010-04-24T05:44:00.001-07:00

Para Acessar o Site Clique Aqui : http://6te.net/

[ Host Free ] - Host zymic.com

2010-04-24T05:43:00.001-07:00

Acesse o Site : http://zymic.com/

[ Contadores ] - Usuários Online

2010-04-24T05:41:00.001-07:00

Melhores Contadores De Usuários Onlines.
http://www.opromo.com/servicos/usuariosonline/cadastro_useronline.php
http://whos.amung.us/

[ Contadores ] - Contadores de Visitas

2010-04-24T05:37:00.001-07:00

Contador De Visitas Melhor Contador.
Sites :
http://br.web-counter.net/?gclid=CP6Cjdi3154CFaM45QodhD_PrA
http://www.contador-de-visitas-gratis.com/?gclid=CMz5gYG7154CFYdd5QodjVFuqw
http://www.codigofonte.net/widgets/contador-de-visitas

[ Contadores ] - Conta Cliques

2010-04-24T05:36:00.001-07:00

Conta Cliques.
http://www.codigofonte.net/widgets/contador-de-cliques

[ Web Radio ] - Streaming Free

2010-04-24T05:29:00.001-07:00

Host Streaming Free

Bem galera a turma so conhece liste2music sei la como escreve , eu achei um massa
http://freestreamhosting.org/
Alem de ter uma capacidade de 1000 ouivintes a qualidade de musica sai em ate 128 kb
So cadastrar , configurar seu SAM BROADCASTER , e o player do teu site

Poremmm no player , como ele e dividido numa Iframe , voce tem que por uma propaganda do site do streaming , mas como assim ? propaganda ? que podre!

espere , como o player vai ser em iframe , você coloca a propaganda a baixo do player , ou seja , a propagando nao aparece , e o player vai tocar para todos os usuarios , se voce nao colocar a propaganda simplesmente a radio nao vai carregar do seu site e isso e chato..

[ Web Radio ] - Site Online

2010-04-24T05:27:00.001-07:00

• Configurando Site e Colocando Online

Como Instalar o AppServe e Como colocar o Site ON.
01º Baixe o AppServer. [ Download ]
02º Siga as instruções de como instala-lo.

De Next na Primeira tela que aparecer.

Na segunda de next tambem.

Na terceira escolha a opção custom e de next.

Na quarta desmarque a 2 e 4 opções e de next.

Na quinta coloque a port 8090 onde esta marcada na imagem e de next.

Na sexta espere instalar.

E na ultima desmarque as duas opções e de close

03º Configurando PHP do Windows

04º Abre c:\windows\php.ini
05º Procura a linha ";extension=php_mssql.dll"
06º Retire o ";" irar ficar assim "extension=php_mssql.dll"
07º Procure a linha "mssql.secure_connection = Off"
08º No lugar do Off coloque On
09º Salve
10º Vai em "Iniciar" - "Todos os Programas" - "AppServ" - "Apache Control Server" - "Restart".
11º Protinho esta configurado o PHP

12º Agora baixe algum site de webradio em php
13º Pegue os arquivos do site baixado, e os coloque na pasta www (C:\AppServ\www) substitua todos.