Como colocar este menu hover:
Va até o html do seu blog aperte Ctrl + f e Pesquise por ]]></b:skin>
e cole por cima dele este código 1º:
Agora aperte Ctrl + f denovo e pesquise por <body*>,cole este codigo 2º abaixo dele.
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens
Saiba o Valor do seu Blog
1° Entre no Site Clique Aki
2° Digite o Url do site que vc quer saber o valor
3° Clicka em Valor
4° Olhe o Valor do blog que vc coloko
Prooontooo
Tutorial Exclusivo
By: BrenoOo
Papai Noel Voando No Blog
Rô, rô, rô, o Natal Chegando e Junto o Espirito Natalino Como Todos Sabem o Natal é Conhecido Pelo Nascimento de Jesus Cristo o Messias e Também Pelo Famoso Papai Noel , Bom Como Vocês Já Devem Ter Visto No Choveu Dicas a Postagem Ensinando a Colocar o Passarinho Do Twitter Voando No Seu Site/Blog Hoje Vou Trazer Uma Novidade Bem Interessante Que Vocês Talvez Não Devem Ter Visto Em Outro Blog, Vou Ensinar a Colocar o Papai Noel Voando No Seu Site/Blog, Hum... Gostou Né Então Vamos Ao Tutorial.
-----------------------------------------------------------------------------
1° Vá ao editor de HTML de seu blog e procure pela tag:
-----------------------------------------------------------------------------
</head>
-----------------------------------------------------------------------------
2º Acima dele cole o seguinte código:
-----------------------------------------------------------------------------
<!-- Papai Noel voando pelo blog -->
<script src='http://blogparts.giffy.me/0017/parts.js' type='text/javascript'/>
<!-- Papai Noel voando pelo blog -->
-----------------------------------------------------------------------------
Postagem Retirada Do Cleitin Design
Tutorial - Criar Mapa do Site
Existem muitas pessoas que esquecem de um detalhe interessante no seu blog, colocar uma página com o histórico de todas as suas postagens. Então se você ainda não colocou um ‘Mapa do site’ em seu blog, trate-o de colocar, pois muitos dos visitantes navegam em seu blog por meio do histórico, E neste tutorial irei ensinar como colocar um mapa do site expandível, com efeito Accordion bem elegante, nas cores preta e alaranjada.
Clique aqui para ver uma demostração
Crie uma página e cole este código no HTML...
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link><script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script><script src="http://ENDEREÇO DO SEU BLOG/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script><script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
Depois de colar este código na aba “Editar HTML” da área de postagem, modifique a parte destacada para o endereço do seu blog e depois Publique a página.
Tutorial - Criando Sidebar Grande
Primeiro Faça o Backup / Restaurar modelo,caso aconteça alguma coisa errada vocês poderão voltar ao template normal.
Primeiro vocês tem que criar uma sua imagem eu fiz a minha imagem de fundo do tamanho 500 x 450.
Depois de criado sua imagem de fundo você terá que recorta em 3 partes(sidebar topo, sidebar meio, sidebar footer) eu do esses nomes agora si ta certo ou não to nem aii qualquer nome servi sendo 3 cortados.
Primeiro vá em EDITAR HTML, der CONTROL+F(para buscar a tag)
Procure pela TAG:
]]></b:skin>
acima dela de dois ENTER e cole o seguinte código fazendo as modificações adequada:
height: altura se sua imagem
widht: largura de sua imagem
-------------------------------------------------------------------------------------------------------
/*----------------------------------------------------
{--------} SideBar {--------}
----------------------------------------------------*/
.articles-right {
width:445px;
float:left;
}
#sidebar4 {
float: center;
width: 500px;
height:450px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin:30px 0px 0px 0px;
}
.sidebar4 h2 {
padding:45px 0px 35px 194px;
color:#fff;
text-shadow:1px 1px #000;
font: bold 17px Arial, Helvetica, sans-serif, Verdana, Tahoma;
overflow: hidden;
background: url(LINK DE SUA IMAGEM 'sidebar top') no-repeat;
height:40px;
}
#sidebar4 .widget-content{
background: url(LINK DE SUA IMAGEM 'sidebar meio') repeat-y;
wight:500px;
height:250px;
padding:0px 15px 0px 15px;
margin:0px 0px 0px 0px;
}
#sidebar4 .widget {
margin:0px 0px 20px 0px;
padding:0px 0px 80px 0px;
background: url(LINK DE SUA IMAGEM 'sidebar footer') no-repeat bottom left;
}
Depois vamos procurar a "DIV"
<div id='main-wrapper'>
(caso não tenha procure pela DIV de sua sidebar original e cole em cima dela isto)
<div class='articles-right'>
<!-- begin.SIDEBAR1 -->
<b:section class='sidebar4 section' id='sidebar4' preferred='yes'>
</b:section>
<!-- End.Sidebar1 --> </div>
Agora e só salva e ver como ficou si tiver fora do lugar e só ir ajustando de sua preferencia ok ^^)
Créditos:
Assinar:
Postagens (Atom)
