Dicas para Blogs e Sites

Como e onde hospedar imagens para colocar no blog? Essa não é uma pergunta difícil mas é sempre bom ter alguma ajuda para tirar possíveis duvidas e principalmente evitar colocar endereços de imagens erradas no site.

Sugiro que use um desses sites para hospedar suas imagens:

http://www.imageshack.us

http://photobucket.com

Você precisa fazer um cadastro no site embora o primeiro(http://www.imageshack.us) permita hospedar a imagem sem cadastrar, acho que é recomendável fazer o cadastro pois assim você poderá apagar suas imagens caso mude de idéia sobre alguma delas.

Depois de feito o cadastro e você entrar no site que escolheu usando sua senha, procure por upload image ou botões escrito arquivo isso serve para você localizar a imagem no seu computador então clique em OK ou Upload, cada site usa de um modo mas fazem a mesma coisa.

Agora vamos pegar a url da sua imagem mas tenha cuidado pois o site fornece vários códigos além da url. Procure por direct link ou algo parecido. Mas vamos testar para saber se pegamos o código correto, abra o seu navegador(Internet Explorer, Firefox, Opera...), coloque o código que pegou na barra de endereço e clique enter, deve aparecer sua imagem, somente a imagem, sem borda, sem link. Se aparecer algo além da sua imagem você pegou o código errado.

Aqui parece um pouco complicado, mas você verá que na hora de fazer é bem mais simples do que parece.

Veja aqui uma explicação em video sobre como hospedar imagens.

Marcadores: Iniciantes

Para colocar uma barra de rolagem nas postagens vá até a pagina editar html procure por:

#main-wrapper {
width: 410px;
float: $startSide;
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 */
}

e coloque essa linha:
height: 400px;

O numero 400 é o espaço na vertical que suas postagens ocuparão, esse também será o tamanho da barra de rolagem (altura).

Depois na ultima linha tire a palavra hidden e coloque auto

Isso vai fazer aparecer a barra de rolagem nas postagens, depois você ajusta o numero 400 do tamanho que desejar.
Para fazer isso em outros blogs além do blogspot, você deve encontrar o código que controla as postagens e seguir o mesmo procedimento colocar: height: 400px; overflow: auto, que funcionará do mesmo modo.

Se tiver duvidas pode ver nosso outro tutorial sobre esse mesmo assunto: Colocar Barra de Rolagem nas postagens

Marcadores: Códigos

Enviar essa postagem para alguém (carta com setinha), edição rápida, data, comentários e outras coisas, você pode escolher exibir ou não no seu blog. Para alterar isso vá até a página editar layout e clique no quadro postagem (quadrado maior). Então você verá essa tela para você escolher o que será exibido e o local que irá aparecer.

Para mudar o lugar onde as coisas estão clique e arraste o que deseja mudar de lugar, por exemplo na figura ao lado onde está escrito "5 comentários" se você clicar e arrastar pode trocar de lugar ou até de linha que irá aparecer seus comentários e do mesmo modo pode ser feitos com tudo que está ali.
Outra coisa que podemos fazer nessa pagina é mudar a palavra comentários, você notou que na parte de cima é um campo de texto, ou seja se quiser pode digitar outra palavra em vez de comentários.

Impedir totalmente alguém de copiar seus textos ou imagens é praticamente impossível, pois sempre acabam achando um jeito de copiar....



Mas aqui tem um código para impedir que seus visitantes selecionem suas imagens e textos:

<script type="text/javascript">function disableselect(e){return
false;} document.onselectstart=new Function ("return false"); if (window.sidebar){document.onmousedown=disableselect;
document.onclick=reEnable;}</script>

Entre na pagina editar HTML e coloque esse código antes da tag </head> do seu site e não será possível selecionar seus textos e imagens.

Marcadores: Efeitos, Segurança

Algumas pessoas tentam evitar que copiem coisas do seu site ou blog bloqueando o botão direito do mouse, esse código abaixo bloqueia o botão direito do mouse no Internet Explorer e Firefox.

<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>

Você deve colocar esse código antes da tag </head> no seu site e pronto o botão direito não funcionará mais em nenhuma parte do seu site nem nas imagens nem nos textos. No Blogspot você coloca esse código pela pagina editar html, nos outros blogs deve ser parecido com isso afinal todos permitem algumas alterações no código html do blog.
Mas lembre-se que apesar de usar esse ou qualquer outro código de bloqueio de botão direito, impedir selecionar texto e outras coisas, nenhum deles é 100% seguro, portanto dependendo do conhecimento de código da pessoa que está querendo copiar algo ela sempre dará um jeito de conseguir.

Marcadores: Códigos, Segurança