quarta-feira, 5 de maio de 2010

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: , ,

6 Comentários:

Às 12 de junho de 2010 11:03 , Blogger Redação disse...

Como eu adiciono um Widget no featured1/2/3

 
Às 12 de junho de 2010 14:13 , Blogger Códigos Blogger disse...

Pra adicionar gadgets no Featured 1 2 3 4 , apenas clique em um deles e em seguida "Adicionar um gadget"

 
Às 13 de junho de 2010 23:00 , Blogger MUNDO GOSPEL MUSIC disse...

Eu não estou conseguindo adicionar as postagens recentes, popular, comentários. A Tag já entendi. Como eu faço?

 
Às 13 de junho de 2010 23:47 , Blogger Códigos Blogger disse...

Olá,
Talvez o popular e cometários não esteja funcionado porque seu blog não tem nehum comentário.

Quanto a postages recentes , veja como instalar , por esse link

http://www.cblogger.tk/2010/04/ultimas-postagens-com-imagem.html

Abraços :D

 
Às 15 de outubro de 2010 10:33 , Blogger Wellington M B disse...

Olá, tenho uma terrível dúvida enquanto ao template, eu o tenho já um tempinho, trabalho e já me deu umas dores de cabeça, sincera mente nunca consegui ajustar o menu com as minhas postagens, exemplo queria muito que o menu que tem video e blog funcionasse como marcadores (deu pra entender?) e alí as mensagens ficassem de acordo com os marcadores (?). se puder me ajudar agradeceria muito, até pagaria uhauhaua...
Abraços

meu site www.dailouvor.com

 
Às 15 de outubro de 2010 11:45 , Blogger Códigos Blogger disse...

@Wellington M B
Olá amigo, sua dúvida não fico bem claro, me add no msn - g3di@hotmail.com - para esclarecer melhor.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial