Um simples tutorial, para adicionar um gadget acima da postagem. Vários blogs já vem este incluído, mas ainda existem o que não tem. Vamos ao tutorial.

Procure por

<div id='main-wrapper'>

Após encontrada, cole este código abaixo à div encontrada

<b:section class='column-main2' id='main-column' showaddelement='yes'/>

Bom gente, um simples tutorial a vocês, mas muito eficiente ás vezes, então, não é bem editar botão "Participar deste site", é criar um botão para seguir o site/blog, sem que apareça os seguidores, como no menu esquerdo da AnimeWelfDesign, esse tutorial é muito simples, mas vocês tem de presta atenção na hora de fazê-lo. Vamos lá.

Primeiro, crie a imagem, mas se vocês preferirem, podem também usar texto, eu irei usar um texto como exemplo, identificado como "Seguir este site", olhem

<a href="http://www.blogger.com/follow-blog.g?blogID=7897190147248483600" title="Siga-nos!">Seguir este site</a>

Este acima, é apenas um EXEMPLO, pare editar e por de seu site/blog, basta pegar o código abaixo, e no lugar do XXXXXXXXXXXXXXXXXXX, vocês devem entrar no painel do site e ir em Configurações, e no URL da página, vai estar parecido com o código abaixo, e onde estiver X', no seu URL vai ter números, copie este número, e cole no lugar do XXXXXXXXXXXXXXXXXXX.

<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXXXXXXXXX" title="Siga-nos!">Seguir este site</a>

Pronto, está feito, mas se quiser botar imagem, é simples, no lugar do texto "Seguir este site", coloque o código de sua imagem. Até mais!

Muitos usam este HACK para impedir plágios, mas não tem problema usar para impedir de outras coisas. Se está usando para impedir o plágio, recomendo que também use este: Bloqueando botão direito no seu blog/site.

Agora o tutorial. Primeiramente procure pela tag abaixo

</head>

Após encontrado adicione este código acima da tag encontrada

<script language='JavaScript'>
//Bloqueador de Tecla CTRL - AnimeWelfDesign http://www.animewelfdesign.com.br/
function checartecla (evt)
{if (evt.keyCode == &#39;17&#39;)
{alert(&quot;Comando Desativado&quot;)
return false}
return true}
</script>

Após feito isso procure por

<body

Após o código encontrado adicione este código entre <body e >

onkeydown='return checartecla(event)'

Ficando assim

</body onkeydown='return checartecla(event)'>

Muitos usam este HACK para impedir plágios, mas não tem problema usar para impedir de outras coisas. Se está usando para impedir o plágio, recomendo que também use este: Bloquear tecla 'Ctrl' em seu blog/site.

Agora o tutorial. Primeiramente procure pela tag abaixo

</head>

Após encontrado adicione este código acima da tag encontrada

<script language='JavaScript'>
//Bloqueador de Botão Direito - AnimeWelfDesign http://www.animewelfdesign.com.br/
function clique() {if (event.button==2||event.button==3) {oncontextmenu=&#39;return false&#39;;}}
document.onmousedown=clique
document.oncontextmenu = new Function(&quot;return false;&quot;)
</script>

Após feito isso procure por

<body

Após o código encontrado adicione este código entre <body e >

oncontextmenu='return false'

Ficando assim

</body oncontextmenu='return false'>

Bom galera, e se tutorial é bem simples, pelo que entendemos, ele parece um tutorial simples, mas não, ele é um hack, mas é um ótimo hack, que deixa a cara de seu blog mais profissional. Ele também deixa sua página menos pesada... um exemplo é o xat, por ser bem pesado, ás vezes atrapalha no carregamento da página.

com este código podemos monitorar onde colocarmos cada elemento do sistema do nosso blog/site, bom galera, chega de papo e vamos o que mais interessa.

Primeiro , vamos pegar o código do elemento que quer esconder em algumas página, para demostrar pegarei um código ou um texto para exemplo, usarei este elemento

<--Contexto para exemplos-->

Agora, após pegar o elemento adicione o código como adicionei abaixo

<b:if cond="data:blog.url == data:blog.homepageUrl">

<--Contexto para exemplos-->

</b:if>

O código em verde é o que você deve colocar sobre e após o código do elemento. Este que está ai é o que mostra apenas na página inicial, abaixo você encontra os código para personalizá-lo. Para isto basta colocar no lugar do primeiro código em verde

Para ocultar apenas na página inicial

<b:if cond="data:blog.homepageUrl != data:blog.url">

Para ocultar nas postagens

<b:if cond='data:blog.pageType != "item"'>

Para ocultar apenas nas páginas estáticas

<b:if cond='data:blog.pageType != "static_page"'>

Para ocultar em um marcador específico

<b:if cond='data:blog.homepageUrl != "URL-DO-MARCADOR"'>

Para mostrar apenas em uma postagem específica

<b:if cond='data:blog.url == "URL-DA-POSTAGEM"'>

Para mostrar apenas em páginas de arquivos

<b:if cond='data:blog.url == "archive"'>

Para mostrar apenas em páginas estáticas

<b:if cond='data:blog.pageType == "static_page"'>

Para mostrar apenas em marcadores, arquivos e na página inicial

<b:if cond='data:blog.pageType == "item"'>

Para mostrar apenas em um marcador específico

<b:if cond='data:blog.url == "URL-DO-MARCADOR"'>

Então xau galera! até a próxima

Ex:
Anime Welf Design

Bom,para usar esse efeito basta apenas copiar o codigo abaixo e colar exemplo na postagem:

Codigo:

<marquee>TEXTO</marquee>

Belo efeito ai pra vocês ;D

Imagem oneclick é quando você passa o mouse sobre uma imagem e aparece outra

Insira um dos código onde queira colocar a imagem oneclick
Código 1

<a href="LINK"><img alt="" class="quali" height="25" id="modelo_r3_c2" onclick=" document.getElementById('MP4308').style.display='block'; document.getElementById('RMVB308').style.display='none';" onmouseout="this.src='IMAGEM1'" onmouseover="this.src='IMAGEM2'" src="IMAGEM1" style="cursor: pointer;" width="105" /></a>

Código 2

<a href="LINK"><img onmouseout="this.src='IMAGEM1';" onmouseover="this.src='IMAGEM2';" src="IMAGEM1" /></a>

Para colocar as imagens, troque IMAGEM1 pela URL da primeira imagem que vai aparecer, e troque IMAGEM2 pela URL da imagem que vai aparecer ao passar o mouse

Favicon é aquela imagensinha que fica do lado do título do blog

Procure por

<b:include data='blog' name='all-head-content'/>

Abaixo do código encontrado coloque o código abaixo

<link href='IMAGEM' rel='shortcut icon' type='image/x-icon'/>

Para mudar a imagem do favicon coloque a URL da imagem em IMAGEM

Botão mostrar/ocultar com input é quando alguém clica no botão e apareçe algo em baixo e clica sobre o botão novamente e desaparece, para entender melhor; siga o tutorial e teste

Copie e cole este código onde queire colocar o mostrar/ocultar

<div class="pre-spoiler">
<input id="xs" value="Mostrar" style=" padding: 2px 5px 2px 5px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'MOSTRAR';}" type="button">
<div class="spoiler" style="display: none;">
CONTEÚDO A SER MOSTRADO E OCULTADO
</div></div>

Troque 'MOSTRAR' por uma palavra ou trecho que queira colocar no lugar que tenha o sentido de clicar para mostrar e troque 'CONTEÚDO A SER MOSTRADO E OCULTADO' pelo que queria mostrar ao clicar no botão

Barra de pesquisa é para quando alguém que esteja procurando algum tutorial escreva na barra e clique em "BUSCAR", "IR" ou também "PROCURAR", você decide, então vamos lá

Cole o código abaixo no lugar onde queira colocar sua barra de pesquisa

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="b-query" maxlength="50" name="q" size="16" type="text"/><input id="b-searchbtn" value="BUSCAR" type="submit"/></form>

Em "BUSCAR", troque pela palavra que queira por e pronto

Você que está precisando de dar boas-vindas ou mensagem de favor ou qualquer outra coisa siga esse tutorial

Procure pelo seguinte trecho

</body>

Acima a este trecho copie e cole

<script>alert('TEXTO DO ALERTA');</script>

Troque TEXTO DO ALERTA pela mensagem que queira por

Eae galera está chegando o natal e estamos disponibilizando um efeito de neve bem legal

Procure por

</body>

Acima deste trecho adicione

<script src='http://www.animewelfdesign.xpg.com.br/neve.js' type='text/javascript'/>

Pronto, curta o efeito em seu natal!

Voltar ao topo com efeito deslizante é quando você clica em uma imagem ou texto qualquer e volta ao header do blog deslizando.

Procure por

</body>

Assima deste trexo copie e cole

<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){ 
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>

Em seguida procure por

</head>

Acima do trexo encontrado copie e cole

<script src="http://www.animewelfdesign.xpg.com.br/Voltar%20ao%20topo%20com%20efeito%20deslizante.js"></script>

Para adicionar uma imagem ou texto voltar ao topo procure por

</body>

E cole acima texte trexo

<div style='float:right;'>
<a href="#" id="subir">
Texto ou imagem /*Lembrando que imagem é em código html*/
</a>
</div>

Salve e pronto