Wallpaper - Fate Zero

Wallpaper - Zaraki Kenpachi

Wallpaper - Hunter X Hunter

Slider Personalizado

Vá em Design - Elementos da Página - Adicionar um Gadget - HTML/Javascript e selecionar a opção HTML.

 

Copie o código abaixo:

<link rel="Stylesheet" type="text/css" href="http://gbscripts.webs.com/SmoothDivScroll-1.2/css/smoothDivScroll.css" /><br /> <style type="text/css"><br />     #makeMeScrollable<br />     {    <span style="color: #e69138;">width:530px</span>;<br />         <span style="color: #e69138;">height: 270px</span>;         position: relative;    }<br />     #makeMeScrollable div.scrollableArea img<br />     {    position: relative;<br />         float: left;<br />         margin: 0;<br />         padding-right: 5px;}<br /> </style><br /> <div id="makeMeScrollable"><br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL </span>" target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a><br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL</span> " target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a><br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL</span> " target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a><br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL</span> " target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a>     <br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL</span> " target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a><br />     <a href=" <span style="color: #38761d;">LINK OPCIONAL</span> " target="_blank"><img src=" <span style="color: #e06666;">URL IMAGEM</span> " <span style="color: #e69138;">height="270</span>"border="0"/></a> </div><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><br /> <script src="http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script><br /> <script src="http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery.mousewheel.min.js" type="text/javascript"></script><br /> <script src="http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery.smoothdivscroll-1.2-min.js" type="text/javascript"></script><br /> <script type="text/javascript"><br />     $(document).ready(function () {<br />         $("div#makeMeScrollable").smoothDivScroll({<br />             mousewheelScrolling: true,<br />             manualContinuousScrolling: true,<br />             visibleHotSpotBackgrounds: "always",<br />             autoScrollingMode: "onstart"});});   <br /> </script>

Agora é so configurar de acordo com suas imagens:

LINK OPCIONAL = algum link se deseja redirecionar a imagem.
URL IMAGEM = link do url da sua imagem.
WIDHT = Largura acordo com o tamanho da sua imagem.
HEIGHT = Altura de acordo com o tamanho da sua imagem.

Avatar nas postagens

- Va em Editar HTML>>Expandir Modelo de Widgets e Procure por:


<b:if cond='data:post.title'>
2- Agora cole acima dela o codigo:

<div style='width: 100px; height: 100px; float:right; margin-right:6px; margin-top:7px; display:inline;'>

Nota, edite as seguintes tags:

-----------------------------------------------------------------
width: 100px;/*--- largura do avatar ---*/
height: 100px;/*--- altura ---*/
float:right;/*--- flotação ---*/
margin-top:7px;/*--- distancia entre o topo e o rodape ---*/
margin-right:6px;/*--- distancia partindo da direita ---*/
----------------------------------------------------------------------
Abaixo do código dado acima adicione o seguinte:

<b:if cond='data:post.author == "Seu Nome no Blogger"'>&limg src="Link do seu Avatar"/></b:if>

 

Ex.:Onde vc colocou "Seu Nome do Blogger" coloque o nome que vc usa no blogger tipo "ѕєρнιяσтн" (Que e o meu nome no blogger) e onde esta "link do seu avatar" vc coloca a img desejada, lembrando que a img precisa ser upada.

3- Posicionando o Avatar:

A parte mais facil, ou seja, e so vc usar margin ou padding para posicionar o avatar ate o local desejado


Obrigado e ate mais...

Gerador de codigo de banner

Venho Trazer para voces um gerador de banners para facilitar ^^:

Confirão;

Redirecionar um blog

1º-Acesse o Painel do seu Blog e clique na Guia Modelo
2º-Depois clique no Botão Editar HTML.
3º-Segure as teclas CTRL+F e procure por:

</head>
4º-E ACIMA dele cole o seguinte código:

<script language="javascript" type="text/javascript"> location.replace("ENDEREÇO DO BLOG PARA QUAL VAI REDIRECIONAR") </script>
5º-Depois clique em Salvar Modelo.
Para Remover, basta apenas tirar o código adicionado no Passo 4.

creditos ao site design hevex