como colocar o player no site
Mostrando postagens com marcador Tutoriais blog. Mostrar todas as postagens
Mostrando postagens com marcador Tutoriais blog. Mostrar todas as postagens
Categoria:
Tutoriais blog
Qual é o maior inimigo de quem combate o plágio? O “CTRL+C”, é claro. O atalho padrão para o comando “Copiar” costuma ser o recurso mais difícil de bloquear, mas com essa dica é possível! No entanto, observe que o Script bloqueia todos os comandos que envolvem a tecla CTRL (Control) e não apenas o CTRL+C. Considere como alternativa, bloquear a seleção de textos e imagens.

O Bloqueador de Tecla CTRL funciona nos seguintes navegadores:
Internet Explorer, Firefox, Opera, Google Chrome e Safari.
Para bloquear o uso da tecla CTRL em seu blog, faça o seguinte:Internet Explorer, Firefox, Opera, Google Chrome e Safari.

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTMLpara entrar no modo de edição do código do seu Template.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

Então cole o seguinte código ANTES:

Agora vamos finalizar o bloqueio com um comando de proteção no código HTML. Então, encontre o seguinte código:

E ACRESCENTE o seguinte código entre < body e >:
O resultado deve se parecer com esse :

Visualize para ver se não há erros no template e clique em Salvar Modelo. Agora seus leitores não poderão mais usar os atalhos com a tecla CTRL em seu blog.

Se o bloqueio não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo. O bloqueio pode não funcionar no Firefox, dependendo da versão e extensões utilizadas.
efeito botão em imagens do blog
quando vc passa o mouse por cima da imagem ela fica transparente.
este codigo deve ser adicionado antes da tag /b:skin
download - codigo
quando vc passa o mouse por cima da imagem ela fica transparente.
este codigo deve ser adicionado antes da tag /b:skin
download - codigo
efeito transparencia em fundo da postagem.
este codigo e muito chique pra um blog com imagem de fundo pois permite ver atraves do fundo das postagems o plano de fundo do site.
este codigo deve ser substituido pelo que ha no html do seu site exemplo procure por post ou principal e substitua todo o codigo
este codigo e muito chique pra um blog com imagem de fundo pois permite ver atraves do fundo das postagems o plano de fundo do site.
este codigo deve ser substituido pelo que ha no html do seu site exemplo procure por post ou principal e substitua todo o codigo
ATENÇÃO ESTE CODIGO E PARECIDO COM O DO DICAS PARA BLOG MAIS FOI MODIFICADO POI O DO DICA PARA BLOGS ESTA INDO PRA ULTIMAS POSTAGEM E ESSE ESTA CORRIGIDO O BUG
Para colocar numeração nas paginas do blog parecido com a numeração das paginas de busca do Google ou Yahoo que no final da pagina mostra em qual página você está e quantas têm antes e depois dela, usamos um código em duas partes.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.
Entre na pagina editar HTML e cole o trecho abaixo: antes de /b:skin
Depois você pode personalizar facilmente apenas trocado as cores das letras, fundo e bordas, onde está:.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
border: 1px solid #ccc; é a cor e estilo da borda
background-color:#ccc; é a cor de fundo
Isso aparece varias vezes no código então sugerimos que modifique todos da mesma maneira senão quando exibir a numeração que não seja na primeira pagina, elas podem aparecer de cores diferentes, mas isso é uma questão de gosto, portanto depois que instalar a numeração façam os testes e deixem com as cores que gostarem mais.
Agora clique para VISUALIZE para verificar se nao a erros, vera que nada aconteu pois agora que vem o SEGREDO..
Va ate o final do html
codigo:
e coloque o codigo antes da tag de fechamento body igual na imagem.
Não adianta visualizar pois nada acontecera agora salve entre no seu blog vc ainda podera ver o antigo proxima postagens e so questao de tempo com 30 segundos no maximo aparecera a sua numeração de paginas é totalmente funcional sem bugs ok ;)
Modificações Possiveis
var pageCount=8; -- Numero de postagens em cada pagina
var displayPageNum=6; -- quantidade de numerações na barra (1-2-3-4-5-6)
var downPageWord ='Próxima'; -- botão proxima pagina
var upPageWord ='Anterior' -- botão pagina anterior
var displayPageNum=6; -- quantidade de numerações na barra (1-2-3-4-5-6)
var downPageWord ='Próxima'; -- botão proxima pagina
var upPageWord ='Anterior' -- botão pagina anterior
PS: aproposito sobre aparecer o antigo proxima postagens por alguns segundos é que o codigo da numeração esta no final do seu html entao o seu site tem que carregar por completo para aparecer a numeração
O que é preciso para ter um banner no meu blog?
Basta ter apenas uma imagem de propaganda para o seu blog e um local para hospedá-la. Não sabe como e onde hospedar? . então entre em www.imageshack.us e clique em browse.
Dicas importantes sobre a imagemdo banner:
* Utilize um programa específico para fazer sua imagem para o banner. Faço meus banners e trabalho com minhas imagens utilizando um programa que nem chega perto do Photoshop, mas que é muito útil e leve, é o Photofiltre (Tamanho 1,6MB). Vale a pena baixar e testar;
* Faça a imagem do seu banner em tamanho padrão, a blogosfera adota o padrão 120x60 px. Evite banners escuros ou claros demais e também os que piscam mais que árvore de natal;
Os códigos: O banner e a caixinha "Link-me":
Os códigos abaixo devem ser inseridos na widget ou gadget (html/javascript), disponível nos elementos de página do seu blog, na aba de layout blogger. Uma vez conhecido como instalar os elementos de página, basta copiar os códigos abaixo e substituir algumas partes, referentes ao endereço do seu blog e ao endereço da imagem que já estará hospedada.
Código para caixinha "Link-me"

Basta ter apenas uma imagem de propaganda para o seu blog e um local para hospedá-la. Não sabe como e onde hospedar? . então entre em www.imageshack.us e clique em browse.
Dicas importantes sobre a imagemdo banner:
* Utilize um programa específico para fazer sua imagem para o banner. Faço meus banners e trabalho com minhas imagens utilizando um programa que nem chega perto do Photoshop, mas que é muito útil e leve, é o Photofiltre (Tamanho 1,6MB). Vale a pena baixar e testar;
* Faça a imagem do seu banner em tamanho padrão, a blogosfera adota o padrão 120x60 px. Evite banners escuros ou claros demais e também os que piscam mais que árvore de natal;
Os códigos: O banner e a caixinha "Link-me":
Os códigos abaixo devem ser inseridos na widget ou gadget (html/javascript), disponível nos elementos de página do seu blog, na aba de layout blogger. Uma vez conhecido como instalar os elementos de página, basta copiar os códigos abaixo e substituir algumas partes, referentes ao endereço do seu blog e ao endereço da imagem que já estará hospedada.
Código para caixinha "Link-me"
Assinar:
Postagens








