Home Office

Como Colocar Links de Download no Seu Blog ClickGratis


Hoje em dia muitos blogs oferecem conteúdo para download, seja música, vídeo, texto ou programas, por isso existem vários serviços de hospedagem de arquivos disponíveis, serviços como o Megaupload, Rapidshare, MediaFire e muitos outros.

Nesse tutorial você aprenderá como hospedar um arquivo no MediaFire. O MediaFire oferece número ilimitado de uploads e downloads, arquivos de até 200MB, armazenamento ilimitado e outras vantagens.

 


Entre no endereço do MediaFire em www.mediafire.com. Lá você terá a opção de criar uma conta ou de fazer o upload sem a necessidade de se criar uma conta. A vantagem de criar uma conta é que futuramente você poderá gerenciar todos os seus arquivos. Nesse tutorial vamos fazer um upload da maneira mais rápida e simples, sem criar uma conta.


Depois de clicar em "UPLOAD to MediaFire (without an account)" uma janela pedirá para que você clique nela para selecionar os arquivos que você quer fazer upload. Depois de clicar uma janela abrirá para que você selecione o arquivo a ser feito o upload.


Se você quiser fazer upload de mais de um arquivo clique em "Add More Files" e adicione quantos arquivos você quiser.


Quando terminar de escolher todos os arquivos eles estarão em uma lista contendo o tamanho e a opção para removê-los antes de começar o upload.


Para começar o upload clique em "Begin Uploading Files".


Uma barra de progresso será exibida com o tempo estimado para o termino do download e o nome do arquivo que está sendo feito o upload


Depois de terminado você verá a lista dos seus arquivos. Você poderá comparilhar ou copiar o link clicando em "Copy Link".


Se você quiser ver mais detalhes e opções dos seus arquivos clique em "Go To My Files".


Você poderá ver a lista de todos seus arquivos e terá opções de download e comparilharmento em redes sociais.


Para postar o link no seu blog vá até as configurações do seu blog e clique em "Adicionar Postagem".


Para inserir o link clique no ícone onde está "Insert/Edit Link".


Escolha um nome para o seu link e coloque o endereço em "URL", depois clique em "Adicionar Link".

Pronto! Você pode colocar quantos links quiser e depois terminar o seu post clicando em "Adicionar Novo Post". Agora o seu post está publicado e com os seus links para download.



Como Alterar O Plano de Fundo do Seu Blog


O Blog do ClickGratis permite que você personalize a sua página alterando o código da página. Algumas pequenas modificações e você tem um novo visual no seu blog, e o melhor de tudo é que você pode fazer essas alterações em apenas poucos minnutos.

Acompanhe os passos a seguir para conseguir para realizar pequenas modificações no visual do seu blog ClickGratis. Usaremos como exemplo o blog oficial do ClickGratis.



1. Vamos alterar a cor do plano de fundo do blog. Para isso vamos alterar apenas 1 linha do código fonte da página.


 

Como você pode ver, o fundo está branco. E alterando o valor de "background" (caso não existe o valor background você pode adicioná-lo logo após o campo 'body') para #000000 teremos o seguinte resultado:


 

O código #000000 representa a cor branca. Para descobrir o valor para outras cores basta olhar nesse site http://www.efeitosespeciais.net/tabela.htm e você encontrará o código para todas as cores.

2. Se ao invés de apenas alterar a cor você quiser adicionar uma imagem ao plano de fundo do seu blog basta alterar o campo "background" para o endereço de uma imagem. Nesse exemplo vamos usar o logo do Google com o seguinte endereço:


 

"repeat" indica que a imagem será repetida até completar a tela toda. Outros comando também podem ser usados: repeat-y, repeat-x e no-repeat. Depois de feita a alteração o resultado será este:


 

Com pequenas alterações conseguimos personalizar o visual da página. No código da página ainda existem muitos outros atributos que podem ser modificados, e você pode testá-los um a um para ver o resultado, sempre lembrando de salvar uma cópia do seu código e Pré-Visualizar as Alterações antes de salvá-las.


Como Alterar a Barra Lateral do Layout do Seu Blog


O Blog-BR oferece para usuário vários templates, que são modelos de blog prontos, com planos de fundo, links de navegação e outras funcionalidades. Alguns desses templates são mais simples, tendo apenas a área onde estarão as postagens. Outros templates acompanham barras laterais, imagens de cabeçalho e outros.

Nesse tutorial você vai aprender a alterar o seu template para deixá-lo mais personalizado, alterando a barra lateral. São alterações rápidas e práticas que você mesmo pode fazer seguindo os seguintes passos:

1) Acesse a sua conta, depois entre nas configurações do seu blog.

2) Clique em Template.


3) Por padrão o seu blog vem com o template mais simples, então para alterar o seu template entre em "Escolher um novo template". Para este tutorial vamos escolher o template "noir". Você pode escolher qualquer outro template que tenha uma barra latera. Uma mensagem pedira a confirmação de que você quer substituir o template anterior. Clique em "OK".


4) Essa é parte da sua barra lateral antes de alterá-la.


5) Nas aba “Template”, clique em "Editar template".Agora você tem o código fonte do seu blog. Não se assuste! Você não precisa saber tudo o que está lá. É esse código que diz como a sua página vai aparecer e como ela vai se comportar.

6) Agora vamos adicionar um link na barra lateral, junto aos links "Home", "Perfil", "Arquivos", etc. Para isso encontre o trecho com o código abaixo.


7) Vamos adicionar um link para o Google adicionando a seguinte linha ao código:
• <a href='<www.google.com>'>Google</a><br>


8) Salve as alterações e confira como ficou o seu blog.


Pronto! Com apenas uma linha de código você adicionou um link ao seu blog. Lembre-se de sempre pré-visualizar a página antes de fazer as alterações e em último caso basta você escolher novamente o template para restaurar as configurações originais. Isso é só uma parte do que você pode fazer no seu blog. Fique atento para mais tutoriais que ajudarão você a criar um blog melhor.


Turorial de Como Colocar um Contador de Visitas no Seu Site


Este turorial explica como inserir um contador de visitas ( http://www.contadordevisitas.net.br/ ) ou um contador de visitas únicas ( http://www.contadorparasites.com.br/ ), o processo é o mesmo para ambos os casos.

Para adicionar nosso contador de visitas no seu site você deve seguir os seguintes passos:

 Vamos selecionar a cor de fundo e cor do texto, para que o seu contador combine com seu site.

Selecione a cor de fundo, clicando sobre a caixa como mostra a figura.

 

Uma janela como esta aparecerá:

Agora utilize a barra vertical para trocar a cor.

 

Em seguida troque o tom da sua cor movendo o pequeno circulo sobre o quadrado.

 

Agora que já escolheu sua cor de fundo clique sobre o circulo colorido na parte inferior direita para confirmar.

 

O próximo passo é selecionar a cor da fonte, clique sobre a caixa de cor do texto, conforme figura:

 

Repita o mesmo processo, utilize as barras verticais para trocar a cor, e mova o circulo sobre o quadrado para escolher o tom da cor.

Clique sobre o círculo na parte inferior direita para concluir.

Agora para visualizar o seu contador antes de por no site, clique sobre o quadrado que exibe a prévia do contador:

 

Se você não gostou da combinação volte ao primeiro passo, caso contrário clique em gerar código.

 

Uma janela com código será aberto logo abaixo, selecione todo o código e aperte ctrl + c.

 

Agora você pode colar este trecho de código no seu site apertando ctrl + v.

Pronto, seu contador já começara a contar suas visitas.

Caso tenha duvidas entre em contato conosco.

 


Como Inserir no seu Post a Widget de Compartilhmento em Redes Sociais


Para que seus visitantes compartilhem seu conteúdo nas principais redes sociais como o Twitter, Blogger, Delicious, Facebook, Linkninja, disponibilizamos uma widget que pode ser inserida nos seus posts. Para isso devemos inserir um trecho de código no layout do post do blog.
 
Primeiramente devemos fazer o login pela home do site:
 
 login.jpg
 
Em seguida selecione o blog que deseja fazer a inserção:

blog.jpg
 
Clique em layout para que possamos alterá-lo:

layout.jpg
 
Agora devemos buscar no código do layout o seguinte trecho, “<IfMainPage>”
 
 
O Código deve ser semelhante ao mostrado logo abaixo:
 
<!-- MAIN PAGE --->
<IfMainPage>
<Entry>
<div class='entry'>
                <h2><%EntryTitle%></h2>
 
...
 
</div>
 
Após encontrar este trecho devemos adicionar o código antes do último </div> do trecho acima:
 
<style type='text/css'>
#CompartilhePost{ margin: 20px 0 10px }
#CompartilhePost span{ float:left; font-weight:bold }
</style>
<%CompartilhePost%>

 
ficando com a seguinte configuração:
 
<!-- MAIN PAGE --->
<IfMainPage>
<Entry>
<div class='entry'>
                <h2><%EntryTitle%></h2>
 
...
 
<style type='text/css'>
              #CompartilhePost{ margin: 20px 0 10px }
#CompartilhePost span{ float:left; font-weight:bold }
</style>
<%CompartilhePost%>
</div>
 
Agora busque por ‘<IfEntryPage>’ e repita o mesmo processo, insira novamente o código como exemplificado acima.
 
Agora clique em salvar alterações. Pronto, todos os seus posts podem agora podem ser compartilhados pelas principais redes sociais.


Como Inserir em sua Sidebar a Widget de Compartilhamento do Blog em Redes Sociais


Para que você possa dar a opção aos seus visitantes de compartilhar o blog pelas principais redes sociais, devemos inserir um pequeno trecho de código no layout do seu blog.

 
Primeiramente faça o login através da home do blog.cligratis.com.br
login.jpg
 
Em seguida selecione o blog que deseja alterar
blog.jpg
 
Agora clique na guia ‘Layout’
layout.jpg
 
Em seguida devemos buscar pelo ponto onde será feita a alteração, procure por <td class='rightside'... se sua sidebar esta localizada na direita do seu blog ou <td class='leftside’... se for na esquerda.
 
Agora logo após o código <td class='rightside'... adicione:
 
<style type='text/css'>
#CompartilheBlog{ margin:10px 0 }
#CompartilheBlog span{ font-size:12pt; font-weight:bold }
#CompartilheBlog .addthis_button_email{ margin:10px 2px  }
</style>
<%CompartilheBlog%>
 
Assim o trecho de código ficará:
 
<td class='rightside' width='170'>
<!-- BEGIN RIGHTSIDE CONTENT -->
<style type='text/css'>
#CompartilheBlog{ margin:10px 0 }
#CompartilheBlog span{ font-size:12pt; font-weight:bold }
#CompartilheBlog .addthis_button_email{ margin:10px 2px  }
</style>
<%CompartilheBlog%>
 
Agora clique em salvar alterações e pronto, na sua sidebar agora você poderá ver a widget que permite que seus visitantes divulguem seu blog pelas principais redes sociais.


Como inserir a Widget que exibe seus amigos no seu blog ClickGrátis


Para inserir uma caixa que exibe seus amigos no seu Blog Clickgrátis é muito simples. Para isso vamos inserir um trecho de código no layout do Blog.
Primeiramente faça o login na página inicial do blog.clickgratis.com.br
 
login.jpg
 
Após ser feito o login você entrará no gerenciador dos seus blog, clique no blog que deseja inserir a widget.
blog.jpg
 
agora clique na aba em ‘layout’.
 
layout.jpg
 
Devemos então procurar pelo trecho de código <td class='rightside'... se sua sidebar esta localizada na direita do seu blog ou <td class='leftside’... se for na esquerda.
 
 
Agora logo após o código <td class='rightside'... adicione:
<!-- LISTA DE AMIGOS -->
<style type='text/css'>
#amigos ul { list-style-type: none; }
#amigos li { display:inline; margin: 2px; }
#amigos img { height: 40px; width: 40px; border: 1px solid #000; }
</style>
<br />
<h2>Amigos</h2>
<%ListaSeguidores%>
<!-- FIM LISTA DE AMIGOS -->
 
 
Assim o trecho de código ficará:
 
<td class='rightside' width='170'>
<!-- BEGIN RIGHTSIDE CONTENT -->
<!-- LISTA DE AMIGOS -->
<style type='text/css'>
#amigos ul { list-style-type: none; }
#amigos li { display:inline; margin: 2px; }
#amigos img { height: 40px; width: 40px; border: 1px solid #000; }
</style>
<br />
<h2>Amigos</h2>
<%ListaSeguidores%>
<!-- FIM LISTA DE AMIGOS -->
 
Agora clique em salvar alterações. Pronto, sua widget que exibe seus amigos está instalada.

 

 


Alterando a Senha do Seu Blog Clickgrátis


Primeiramente, clique no link "Perfil" que se localiza no menu superior. Role a página para baixo, até encontrar a seguinte frase : "Caso queira alterar sua senha ou pergunta secreta, clique aqui.". Clique no link destacado.

Agora que você está em "Alterar Senha", é só preencher os campos com sua senha atual, e sua nova senha. Clique no botão "Alterar Senha" e agora em "Retornar".

Na próxima vez que se logar a sua conta, ja pode utilizar a nova senha.


Incluindo Um Vídeo do Youtube em Seu Blog Clickgrátis


Na página do vídeo desejado, clique em "<Incorporar>". Será aberta uma pequena caixa de texto, com o código do vídeo, então selecione tudo que está dentro, dê um click com o botão direito do mouse e vá em "Copiar".

Voltando a caixa de texto do seu post, selecione a opção "Código-Fonte". Dentro da caixa de texto, dê um click com o botão direito do mouse, e aperte em "Colar". Clique em "Código-Fonte" novamente, seu vídeo ja estará inserido.

Continue editando seu post como desejar, e para finalizar, é só ir em "Publicar postagem".

Ainda não tem seu blog no Clickgrátis ? Clique aqui e crie um já !


Editando o Layout do Seu Blog Clickgratis






Entre com a sua conta e no menu principal mude para a aba "layout". Você verá uma caixa de texto com todo o código da página do seu blog. Se precisar de alguma ajuda para a edição com o código, é só clicar em "Ajuda de Layout". Depois das modificações desejadas, salve suas alterações.

Agora, clique em "Escolher novo modelo" para ver as opções de layouts disponíveis. Escolha o seu clicando em "Usar este layout". Clique em "OK" para confirmar.

Para conferir como ficou é só clicar no botão "Editar Layout", e agora na aba "Visualizar blog" .

Vá editando e visualizando como fica o seu blog, até chegar a algo que goste.


Como Adicionar Uma Foto Usando Um Link Da Internet


 

No blog ClickGratis você pode adicionar fotos da internet às suas postagens. Com apenas o link da imagem você pode adicionar quantas imagens quiser e criar uma postagem mais interessante para os visitantes do seu blog.

1. Na tela de gerenciamento do blog click em nova postagem.

2. Na tela de nova postagem click na área de post e então no ícone indicado para adicionar a figura no local selecionado.

3. Na janela formatar figura clique na aba Informações da Figura e preencha o campo URL com o endereço da imagem a ser adicionada então clique em OK.

4. Agora é só concluir a postagem e pronto.


Como Incluir Uma Foto do Computador em Seu Post


Primeiramente, depois de estar logado com a sua conta, clique em "Nova Postagem". Selecione em que área deseja que sua imagem fique, então clique no ícone da imagem , será aberta uma janela com o titulo "Formatar Figura". Clique na opção "Enviar Arquivo...", vá até o local que está a imagem no seu computador, selecione e clique em "Abrir". Agora clique na opção "Enviar ao Servidor".

Se ocorreu tudo corretamente, você receberá uma mensagem dizendo "Sua imagem foi carregada com êxito". E o ultimo passo, clique em ok ! Pronto, sua imagem foi inserida ao seu post.


Como Incluir Um Post nos Blogs Clickgrátis?


 

Entre com seu usuário e senha e clique em "Acessar". Após estar logado com a sua conta, clique no link que estará com o nome do seu blog. Nas opções em cima, escolha "Entradas" e depois "Adicionar Entrada".

Antes de tudo, digite o título desejado para seu post na caixa "Título" . Agora abaixo, você poderá criar o conteúdo do seu post como desejar. No editor de texto você encontra um menu com vários tipos de formatção como, texto em negrito ou itálico, centralizar seu texto, mudar fonte, tamanho e cor da letra.

Também há a opção de inserir uma imagem ao conteúdo do seu post. Basta clicar no icone com o nome "Imagem" ( no canto direito, ao lado do smile ). Clique em "Procurar" para selecionar a imagem desejada e clique no botão "Carregar". Se ocorreu tudo certo, você receberá um aviso escrito "Sua imagem foi carregada com êxito" , apenas clique em "OK" . Agora é só clicar em "Inserir Imagem".

Depois de editar o seu post e quiser concluí-lo, é só ir clicar no botão "Adicionar Nova Entrada". Pronto, seu post está feito.

Se você ainda não tem seu blog grátis crie um blog agora mesmo.


Como Criar um Fotolog Grátis no Clickgrátis


O Fotolog Clickgrátis é um serviço onde você pode criar o seu álbum de fotos online de graça. Ele oferece a opção de adicionar as suas fotos diretamente no Orkut. Além disso, você tem acesso a vários outros recursos que vão te ajudar a gerenciar o conteúdo e criar um álbum de fotos mais interessante.

Aqui você vai aprender como criar o seu Fotolog Clickgrátis em poucos minutos. E em breve mais dicas sobre como utilizar as ferramentas do Fotolog Clickgrátis.

1.Clique em qualquer lugar da figura para ir para a página de cadastro.

2. Preencha o cadastro com seus dados pessoais. Os campos com asterisco são obrigatórios.

3. Escolha um login e senha para o seu blog. O login será o endereço do seu flog no eFlog. Ele deve ser único. Clique em “Criar meu eFlog”.

4. Se ao fazer o cadastro o seu login escolhido já estiver sendo usado então será pedido para que você entre com um novo login e senha. Clique em “Criar meu eFlog”.

Parabéns, Seu eFlog foi criado!

 


Como Criar Um Blog no blog.clickgratis


Para criar um blog grátis no Clickgratis bastam alguns minutos.  Neste tutorial você aprenderá como criar a sua conta em 4 passos.  Em breve um outro tutorial ensinará como usar todos os recursos disponíveis para o seu blog.

1. Clique em “Criar um Blog” ou então digite o nome do blog que deseja criar e clique em “criar”.

criar blog

2. Preencha os detalhes da sua conta como o endereço e título do seu blog, categoria e todos os outros campos obrigatórios marcados com asterisco.

criar blog

3. Preencha os seus dados pessoais nos campos obrigatórios marcados com asterisco.

criar blog

4. Escolha o visual da sua página.

criar blog

Parabéns!

A sua conta foi criada com sucesso.