Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
Olá pessoal, hoje estarei ensinando vocês a como por um
efeito bem simples, do papai noel voando pelo blog, para todos um Feliz
Natal.
2º- Adicionar Gadgets e coloque em HTML/Java Script
3º- Cole o seguinte codigo
<script src='http://blogparts.giffy.me/0017/parts.js' type='text/javascript'/>
Olá pessoal, hoje vou ensinar como colocar menu hover no blog
1º- Procure por ]]></b:skin>
2º- Cole em cima da tag ]]></b:skin> o codigo abaixo:
#menuimagem{
width:100px;
height:100px;
display:block;
position:absolute;
margin:399px 0 0 150px;
}
#home {
background:url(http://i49.tinypic.com/2d1mu1f.png) no-repeat;
width:173px;
height:70px;
float:left;
margin-left:-150px;
}
#home:hover {
background:url(http://i50.tinypic.com/13yovwk.png) no-repeat;
width:173px;
height:70px;
float:left;
margin-left:-150px;
}
#HOME{
width:208px;
height:57px;
display:block;
position:absolute;
margin:-22px 0 0 20px;
}
#parceria {
background:url(url do botão) no-repeat;
width:173px;
height:70px;
float:left;
margin-left:-300px;
}
#parceria:hover {
background:url(url do botão) no-repeat;
width:173px;
height:70px;
float:left;
margin-left:-300px;
}
#PARCERIA{
width:208px;
height:57px;
display:block;
position:absolute;
margin:-22px 0 0 380px;
}
#anuncie {
background:url(url do botão) no-repeat;
width:173px;
height:90px;
float:left;
margin-left:-300px;
}
#anuncie:hover {
background:url(url do botão) no-repeat;
width:173px;
height:90px;
float:left;
margin-left:-300px;
}
#ANUNCIE{
width:400px;
height:70px;
display:block;
position:absolute;
margin:-22px 0 0 560px;
}
3º- Abaixo de <body> cole o codigo abaixo:
<div id='menuimagem'>
<div id='HOME'>
<a href='/pagina do seu blog aki' id='home' title='Volte Para a Pagina Inicial'/>
</div>
<div id='CONTATO2'>
<a href='pagina do seu blog aki' id='contato2' title='Entre em Contato !'/>
</div>
<div id='PARCERIA'>
<a href='/pagina do seu blog aki' id='parceria' title='Faça Parceria !'/>
</div>
<div id='ANUNCIE'>
<a href='/pagina do seu blog aki' id='anuncie' title='Faça Seu Pedido !'/>
</div>
<div id='EQUIPE'>
<a href='pagina do seu blog aki' id='equipe' title='Faça Seu Pedido !'/>
</div>
</div>
Tutorial Parceiros TOP
Cole esse codigo acima de ]]></b:skin>
#parceiros-top-Flyzinhoo14 {
width:1002px;
height:174px;
margin:-15px 0px 0px -10px;
background: url(http://i.imgur.com/shJw2.png) no-repeat center;
}
.parceiro1{
padding:18px;
}
.parceiro2{
padding: 0px 17px;
margin-top: -4px;
}
.parceiro3{
margin: -64px 520px;
}
.parceiro4{
margin:-142px 520px;
}
Depois acima de " <div id='content-wrapper'> " Cole o seguinte codigo:
<div id='parceiros-top-Flyzinhoo14'>
<div class='parceiro1'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>
<div class='parceiro2'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>
<div class='parceiro3'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>
<div class='parceiro4'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>
</div>
Tutorial como colocar canal do youtube no Blogger
1- Vá até Layout
2- Adicionar um gadget
3- Adicionar HTML
4- No HTML cole o seguinte código
<iframe src=http://www.youtube.com/subscribe_widget?p=NOME DO SEU CANAL style="overflow: hidden; height: 150px; width: 180px; border: 0;" scrolling="no" frameborder="0"></iframe>
Onde está NOME DO SEU CANAL, você coloca o nome do seu canal.
Clique para Salvar e pronto.
Seu canal do youtube está no blog.
1- Vá até Layout
2- Adicionar um gadget
3- Adicionar HTML
4- No HTML cole o seguinte código
<iframe src=http://www.youtube.com/subscribe_widget?p=NOME DO SEU CANAL style="overflow: hidden; height: 150px; width: 180px; border: 0;" scrolling="no" frameborder="0"></iframe>
Onde está NOME DO SEU CANAL, você coloca o nome do seu canal.
Clique para Salvar e pronto.
Seu canal do youtube está no blog.
