skip to main | skip to sidebar

terça-feira, 23 de agosto de 2011

Como Bloquear o Botão direito do Mouse no blog?

3 comentários
Muitas pessoas querem evitar plagiar o template ou alguns Widegets, por isso vou Ensinar Agora Preste Atenção:

  1. Vá em Design
  2. Adicione o Widget HTML/JavaScript
  3. e Cole o Seguintes Codigo:




E Salve... Pronto espero ter Ajudado.

quinta-feira, 18 de agosto de 2011

Como Tirar os Marcadores do Blog?

0 comentários
Algumas pessoas me perguntam como manter a lista de marcadores na sidebar sem que os mesmos apareçam nos finais das postagens.



Para isso, vá em Editar HTML, clique em Expandir Modelo de Widget, procure e apague todo o trecho abaixo:


Feito isso, clique em Visualizar e se tudo estiver ok, clique em Salvar.
A lista de Marcadores continuará aparecendo na coluna lateral (sidebar), porém, não mais aparecerá abaixo das postagens.

Como colocar Botão de Ir ao Topo no Blog?

0 comentários

Esta eu vi no WebDesignerWall e achei o efeito bacana. Um botão de 'ir ao topo da página' (Animated Scroll to Top) com JQuery. Para ver como fica, aqui o Demo (role a página para baixo). Vou ensinar a colocar este botão no blogger.

1- Vá em Editar HTML e antes da tag , coloque os scripts:


2- Coloque no CSS* do template o seguinte trecho:
#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
}

#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

#back-top a:hover {color: #000;}

/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #ddd url(http://1.bp.blogspot.com/-sC3qXtoirKo/TdEO99T9TWI/AAAAAAAATbY/e8zExwrL3yM/s1600/up-arrow.png) no-repeat center center;

/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

#back-top a:hover span { background-color: #777;}

*CSS: pode ser logo após do trecho:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}

3- No HTML, antes de

quarta-feira, 17 de agosto de 2011

Bloquear o ctrl + U

0 comentários
Neste tópico estou trazendo uma maneira simples e fácil de se bloquear o botão direito em sites apenas utilizando HTML.



- Bloqueando Botão Direito



Substitua a tag do seu site por essa abaixo:



Citação:











Claro que existe uma maneira de burlar essa técnica, mas não vou citar neste tópico.



- Bloqueando Teclado para que o usuário não use o famoso CTRL + U



Substitua a tag do seu site por essa abaixo:



Citação:











Espero ter ajudado.

Como Colocar Botao de Reação no Meu Blog?

0 comentários





Clique em "Layout"






Agora clique em "Editar" em POSTAGENS NO BLOG



Agora ao abrir essa janela você verá "Reações", selecione a caixinha.


Salve !


Agora vá até o HTML do seu blog, clique em "Expandir modelos de widget" e procure pelo código:

Dicas Paginação Numerada

0 comentários


Editar HTML e procure por ]]> Antes dela adicione:


.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}


E Salva!

Depois

Vai em editar html e procure por Antes dele coloque: