Banners Editáveis Naruto #1

Banner #1

 

Banner #2

Banner #3

Banner #4

Banner #5

Banners Perdidos

Esses são banners que não se usam mais hoje em dia , já que achei eles,podem usar!!

Template Free Bleach LP

Esse é um template dum Site Antigo Meu Bleach LP Só que não deu certo , então resolvi colocar aqui pra vcs,mais ele é totalmente editado pelo html dele , o menu , parceiros,etc.O Recomendado pra vc é colocar esse template num blog acabado de criar,ou se não , vai dar erro.

Uploader : Sasori

Download

Demo

Capa Guns N´ Roses

Como Alterar um Favicon pelo Html do Blogger

Vá em modelo, Logo depois em EDITAR HTML. Logo depois procure por:

<title>

Acima delas cole o seguinte código:

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

<Link href='link da sua imagem' rel='shortcut icon' type='image/x-icon'/>

BackGround no titulo dos Gadgets

Vá em >>Layout>>Editar HTML>> e procure pela seguinte tag:

.sidebar h2 {

Subistitua o codigo da tag citada por este:

.sidebar h2 {
margin: 0px;
padding-left:12px;
height:47px;/* Altura da Imagem */
background: #000 url("URL_DA_IMAGEM")no-repeat;/* Coloque uma imagem ou uma cor */
text-align: left;/* Posicione o titulo */
font: Arial black;
padding-top:13px;
color:#fff;
text-shadow: #000 0px 1px 2px;
margin-bottom:-19px;
}
Em padding, seja padding-top ou padding-lef você posiciona o texto em relação aos lados. Edite: Font, Height, Cor do texto (color), Cor da sombra (text-shadow)... em fim edite ao seu gosto.

Efeito Slide Toggle com JavaScript

Primeiro,devemos adicionar nosso JavaScript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> <script type='text/javascript'> $(document).ready(function(){ $('#mascara').css('height', $(document).height()).hide(); $('.interruptor').click(function(e) { e.preventDefault(); $('#mascara').toggle(); if ($('#mascara').is(':hidden')) { $(this).html('Apagar luzes').removeClass('apaga-acende'); } else { $(this).html('Acender luzes').addClass('apaga-acende'); } }); }); </script> <script type="text/javascript"> jQuery.fn.toggleText = function(a,b) { return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;})); } $(document).ready(function(){ $('.tgl').before('<span>Mostrar conteúdo</span>'); $('.tgl').css('display', 'none') $('span', '#box-toggle').click(function() { $(this).next().slideToggle('slow') .siblings('.tgl:visible').slideToggle('fast'); // aqui começa o funcionamento do plugin $(this).toggleText('Mostrar','Esconder') .siblings('span').next('.tgl:visible').prev() .toggleText('Mostrar','Esconder') }); }) </script>

Agora nosso CSS:

#box-toggle span { border:1px dashed #666; color:333; background:333 }

E por fim,nosso HTML,para seu utilizado!

<div id="box-toggle"> <div class="tgl"> Conteúdo/Códigos/Elementos Aqui! </div> </div>