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

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:
   

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


E Salve... Pronto espero ter Ajudado.

Como Tirar os Marcadores do Blog?

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?

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

, coloque:

Back to Top

Bloquear o ctrl + U

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?

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:

Cole então depois dele o seguinte código:

Removendo a mensagem “Mostrando postagens com marcador…” do seu Blog

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

]]>


Então cole o seguinte código ANTES:

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

Dicas Paginação Numerada

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: