quarta-feira, 5 de maio de 2010

Efeito neve no blog

http://natal.com.pt/imagens/pintar-colorir/floco-de-neve.gif
Coloque um efeito de neve no seu blog, não recomendo, porquê NA MINHA OPNIÃO deixa o blog pesado.Mas tem gente que gosta desse efeito, isso é o que importa.Ele é ótimo pra colocar no blog, quando for natal, dai sim, até eu colocarei XD

Então vamos instalar...
Vá em LAYOUT - Elementos da página - ADICIONAR UM GADGET = HTML/Javascript 
e cole o seguinte código

<script type="text/javascript">
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>

Na parte destacada de vermellho é a imagem do floco de neve,então você poderá trocar por outra imagem que seja no formato .png (pro fundo ficar transparente),

Algumas imagens

Se você estiver usando o firefox clique com o botão direito do mouse em cima da imagem e em seguida Copiar endereço da imagem, depois substitua lá no código.









Bom.. Essas foram as únicas imagens de flocos de neve que achei no google imagens, mas você pode criar uma em algum editor de imagem, salvar como .png , e depois hospedar em algum site que hospeda imagens, como por exemplo, ImageShack.us ou  tinypic.com.

E é isso ai, té mais!

Marcadores: , , ,

Guzel - Template profissional


Ótimo template , com aparencia profissional para seu blog.Eu uso ele e recomendo.Mas o meu é modificado como vocês podem ver XD.



Intalação

Partes destacadas de "Vermelho", Texto do menu (ex.Parceria)  ,"Azul" é o link  do menu 

1. Top Navigations

Vá em LAYOUT - EDITAR HTML e procure por esse código

<div id='topleft'>
<ul id='pagenavigation'>
<li class='page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#'>Categories</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>

<li class='page_item'><a href='#'>Archives</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>
</ul>
</div>
 

Adicionando Menu

<div id='topleft'>
<ul id='pagenavigation'>
<li class='page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#'>Categories</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>

<li class='page_item'><a href='#'>Archives</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>
<li class='page_item'><a href='#'>Novo Menu 1</a></li>
<li class='page_item'><a href='#'>Novo Menu 2</a></li>

</ul>
</div>
 

Adicionando SUB MENU


<div id='topleft'>
<ul id='pagenavigation'>
<li class='page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#'>Categories</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>

<li class='page_item'><a href='#'>Archives</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>
<li class='page_item'><a href='#'>Novo Menu</a>
<ul>
<li class='page_item'><a href='#'>Novo SUB MENU</a></li>
<li class='page_item'><a href='#'>Novo SUB MENU</a></li>
<li class='page_item'><a href='#'>Novo SUB MENU</a></li>
</ul>
</li>

</ul>
</div>


2.Navegação Média


<div id='menux'>
<ul id='dmenu'>
<li class='cat-item'><a href='http://www.youtube.com'>Video</a>
<ul class='children'>
<li class='cat-item'><a href='http://www.youtube.com'>YouTube</a></li>

<li class='cat-item'><a href='http://www.metacafe.com'>Metacafe</a></li>
<li class='cat-item'><a href='http://www.dailymotion.com'>DailyMotion</a></li>
</ul>
</li>
<li class='cat-item'><a href='http://www.blogger.com'>Blog</a>
<ul class='children'>
<li class='cat-item'><a href='http://www.blogger.com'>Blogger</a></li>
<li class='cat-item'><a href='http://www.wordpress.com'>Wordpress</a></li>
</ul>
</li>
</ul>
</div>


3. Destaque Esquerda / caixa Feature Post

1. Clique em "Featured1/Featured2/Featured3/Featured4"2. Adicionar um widget = html> / javascript3. Coloque o pós-título de "título da caixa" e resumo em post yout "Content Box"4. Salvar

4. Caixa Direita Featured

Mesma coisa que o de cima.

Adicionando widget de "Posts populares"


1. Clique em "Popular => Adicionar gadget= html> / javascript2. Abaixo está o código para mostrar o seu post popular

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FNOME_DO_SEU_BLOG.blogspot.com&num=5" type="text/javascript"></script>
 


Substitua NOME_DO_SEU_BLOG.blogspot.com pela URL do seu blog

Adicionando postagens recentes

Clique em "Recent" => Adicionar um gadget  => Feed = e coloque a url do seu feed de posts /Exemplo: http://seublog.blogspot.com/feeds/posts/default e salve.

Adicionando Tags

Clique em "Tags" => "adicionar umgadget  => Marcadores => Veja a imagem abaixo

E pronto! =D 

Marcadores: , ,