quinta-feira, 27 de dezembro de 2012

Imagens no lugar dos links de "Antigas,inicio e proximas"

Abra o painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.
Marque a opção "Expandir modelos de 
widgets" como mostra a figura abaixo:

 
Substituindo o link "Início"
 Aperte Ctrl+F e procure por: <data:homeMsg/> Esse código vai aparecer em dois lugares, mas você só vai mexer no primeiro que aparecer.
 
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>
Substituindo o link "Postagens mais antigas"
 Aperte Ctrl+F e procure por: <data:olderPageTitle/>
 
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>


Substituindo o link "Postagens mais recentes"
 Aperte Ctrl+F e procure por: <data:newerPageTitle/>
  Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>
Menino:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('b78b6a0f-d939-439a-ab86-61f1d3507116');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/speaking-virtual-anime-character">Speaking Virtual Anime Character</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Menina:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('4b252a55-e839-41de-92bf-3e53aad5aef5');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/virtual-anime-woman-widget-weird">Virtual Anime Woman Widget - Weird</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

sábado, 22 de dezembro de 2012

Como deixa blog 100% contra plágio

Todos esses comandos funcionam nos seguintes navegadores:
Firefox
- Internet Explorer
- Google Chrome
- Safari


1. É so ir em editar html Procure pela tag </head> e cole o seguinte código ACIMA dela:

<script language="javascript">
function validateKey (evt)
{if (evt.keyCode == '17')
{alert("Comando Desativado")
return false}
return true}
</script>

Para finalizar o bloqueio necessita que você faça uma modificação no html do seu template.
2. Procure por <body> e substitua esta tag por esta outra abaixo:

<body  onkeydown='return validateKey(event)'>


Como Bloquear Seleção de Texto e Imagens

BLOQUEAR SELEÇÃO DE TEXTOS E IMAGENS (Comando “Selecionar”):

1. Procure pela tag </head> e cole o seguinte código ACIMA dela:

<script language='JavaScript'>
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>

2. Procure por <body> e substitua esta tag por esta outra abaixo:

<body onselectstart='return false'>

Atenção: Caso você já tenha aplicado outro comando de bloqueio, se for acrescentar outro, todos eles deverão estar dentro da tag , separados por um espaço etendeu ?


BLOQUEAR COMANDO “ARRASTAR E SOLTAR”:
Para este comando não precisa de javascript, basta procurar pela tag:<body> e substitua esta tag por esta outra abaixo:

<body ondragstart='return false'>
Atenção: Caso você já tenha aplicado outro comando de bloqueio, se for acrescentar outro, todos eles deverão estar dentro da tag <body> , separados por um espaço.

BLOQUEAR BOTÃO DIREITO DO MOUSE VEJA :

Para este comando não precisa de javascript, basta procurar pela tag:<body> e substitua esta tag por esta outra abaixo:
<body oncontextmenu='return false'>Atenção: Caso você já tenha aplicado outro comando de bloqueio, se for acrescentar outro, todos eles deverão estar dentro da tag <body> , separados por um espaço.


Quer usar todas os comandos no seu blog? Veja como:

ABAIXO da tag </head> , cole os scripts dos comandos que utilizam javascript.
Depois disso, basta procurar pela tag: <body> e substitua esta tag por esta outra abaixo:
<body onkeydown='return validateKey(event)' onselectstart='return false' oncontextmenu='return false' ondragstart='return false'>

Tutorial Estrelas caindo do cursor


então vamos ao código:
<script type='text/javascript'>
// <![CDATA[
var colour="#ffffff";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Tutorial Mini Gif no corpo do Status da Post

Para os comentários é Simples  Modelo  Editar HTML  Expandir modelos de Widget  CTRL+F  Procure por :

</span> <span class='post-comment-link'>
Abaixo cole :

<img src='URL DO GIF ' style='border:0px;'/> 

Agora o postado por  é Simples  Modelo  Editar HTML  Expandir modelos de Widget  CTRL+F  Procure por :
<b:if cond='data:top.showAuthor'>

Ao Lado cole :
<img src='url do gif ' style='border:0px;'/> 

Precisa de Alguns Mini-gifs  Clique Aqui


Tutorial Mini Gif no corpo do Status da Post

Para os comentários é Simples > Modelo  Editar HTML  Expandir modelos de Widget  CTRL+F  Procure por :

</span> <span class='post-comment-link'>
Abaixo cole :

<img src='URL DO GIF ' style='border:0px;'/> 

Agora o postado por  é Simples  Modelo  Editar HTML  Expandir modelos de Widget  CTRL+F  Procure por :
<b:if cond='data:top.showAuthor'>

Ao Lado cole :
<img src='url do gif ' style='border:0px;'/> 

Precisa de Alguns Mini-gifs  Clique Aqui


imagem passa o mause ele fica escuro


  • Vá em Design;
  • Editar HTML;
  • Procure por:

 .post-body img.

Substitua por: 


.post img {
filter: alpha(opacity:0.5);
KHTMLOpacity: 0.5;
MozOpacity: 0.5;
-khtml-opacity:.50;
-ms-filter:"alpha(opacity=50)";
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}
.post img:hover {
filter: alpha(opacity:1);
KHTMLOpacity: 1;
MozOpacity: 1;
-khtml-opacity:.1;
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

sexta-feira, 21 de dezembro de 2012

Tutorial - Colocando nuvens, pássaros, balões voando no blog

Entre em modelo → editar HTML → Ctrl F e pesquise por <div class='fauxcolumn-outer body-fauxcolumn-outer'>  
Em cima desse código, depois que você escolher, cole um desses abaixo:

Nuvens Brancas
<marquee scrollamount="10" height="1000px"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMjuwoNsv4ff_o5MMEo14wmctV-x3CS2kw8sqQjY_N-fNN91mNfEWKm2MKr5vaD2Y-vD-FhLRw-d5HqUDkDUgQeV8ZlTy6q7II9deAgu1MksskBjAFy_g6d9eUO4N4m4fw2L6rDlSMEsBB/s1600/ww.png"></img></marquee>

Nuvens Azuis
 <marquee scrollamount="10" height="1000px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVPOt6LaDDrIpJb6VFVLPF3KGvH99NeuNkE-rkD3FczPlS4We7BINoGbLbd3T0XIjaBou8d40MNL9uie_PtKca86sVw5SLYBu1R1oAgba69-z9Z8Pshw8P1vsdhVEHc1UtHJ9vKO6Til7/s1600/tgt.png "></img></marquee> 

Balões
 <marquee scrollamount="10" height="1000px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMLmlu8O2f_dN3KuKpEWFcuNd-XwRPD2ONsApHDEeUIg64a5m62YNv3JdhnfKkkGzTqgprbeYo_kIEvn-qNohW62_lMtI54BtTgdkA20U6cMozVwjTS9ZEMz6Df0Yu3Ft6bMK-CFsz8jn/s1600/bb.png "></img></marquee>

Pássaros
 <marquee scrollamount="10" height="1000px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfUm6DDGMBKIsosvbsotLnMNFqyFhmR6S8cl9tfrU2a0c6x-IApZ9OfN-IVN0TkSAwCQNRdrOOSyBQVuq_miZKRsqTP4FBbUIYsOrR346RmTZN0ReLkJpXcbRtSw-zd_MEg3QAm6AfzLO/s1600/tt.png "></img></marquee> 


Depois é só ver se está tudo certo e salvar ^^

Imagem com efeito Preto & Branco

  Vá em design, editar HTML, e procure pela tag <head> , após achar essa tag, cole esse código abaixo de <head> :

<filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter>

 2° Agora, vamos pro segundo passo, procurem por ]] e cole esse código abaixo, acima de ]] :

 img:hover {-webkit-transition-duration: .50s;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);}
img {-webkit-transition-duration: .50s; opacity:0.99;-moz-opacity: 0.99;filter: alpha(opacity=99);}
                                              

                        Bordas arredondadas! :3


 Pronto, depois dessas duas etapas, sua imagem estará no efeito preto & branco, mais iaí, quer deixar mais lindjo ainda? Que tal bordas arredondadas? então vamos lá!

  Procure por ]] e em cima dessa tag, cole esse código:

img:hover {- border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; -webkit-transition-duration: .50s;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);}
img {-webkit-transition-duration: .50s; opacity:0.99;-moz-opacity: 0.99;filter: alpha(opacity=99);}

quarta-feira, 19 de dezembro de 2012

Efeito giratório nos afiliados


Vá em Design    Editar HTML
Tecle Ctrl F e procure por ]]></b:skin>
Acima dessa tag cole o seguinte código:
  • .afiliados {
  • box-shadow: 2px 1px 3px #909090;
  • border-radius: 50px;
  • -moz-border-radius: 50px;
  • -webkit-border-radius: 50px;
  • transition-duration: 3s;
  • -moz-transition-duration: 3s;
  • -webkit-transition-duration: 3s;
  • }
  • .afiliados:hover {
  • transform: rotate(-360deg) scale(1) skew(0deg);
  • -moz-transform: rotate(-360deg) scale(1) skew(0deg);
  • -webkit-transform: rotate(-360deg) scale(1) skew(0deg);
  • -o-transform: rotate(-360deg) scale(1) skew(0deg);
  • }

Vá em Design   Elementos da página   Adicionar gadget   HTML/JavaScript e cole o seguinte código:


<div><br /></div><center><a href="Link afiliado 1" title=" Nome afiliado 1 "><img src=" Imagem afiliado 1 " class="afiliados"/></a> <a href="Link afiliado 2" title="Nome afiliado 2"><img src="Imagem afiliado 2" class="afiliados"/></a> <a href="Link afiliado 3" title="Nome afiliado 3"><img src="Imagem afiliado 3" class="afiliados"/></a> <a href="Link afiliado 4" title="Nome afiliado 4"><img src="Imagem afiliado 4" class="afiliados"/></a></center> 


click

Click na imagem créditos da Kawaii the world