Como Centralizar o Music Player e Posiciona-lo igual ao Meu e como colocar ele la em Cima

Ola pessoas lindas vou mostrar pra vocês como colocar music player no blog a pedido de Bunny Crazy..<3

Vá em Design > Elementos da página > Procure por ]]></b:skin> Cole acime dele esse código abaixo.

TUTORIAL: ELITE DE AFILIADOS COM EXPANSÃO

<div class="divspoiler">

<img src="IMAGEM DE MAIS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />

</div><div><div class="spoiler" style="display: none;">

CONTEÚDO OCULTADO

</div></div>

IMAGEM DE MAIS: Você colocará a url da imagem que você quer que apareça, quando você clicar nela a elite aumenta.

CONTEÚDO OCULTADO: Ali, você colocará mais uma parte da elite, ou seja, ou você copia uma parte da elite já pronta e coloca lá, ou você faz mais algumas imagens para afiliados.

Como colocar assinatura com imagem no final dos posts

Oi gente linda pedido do Ask  Noticias sobre Britney Spears

Vá em Design, depois em Editar HTML e marque a caixinha "expandir modelos de widgets";

 Agora dê Ctrl+F e procure por:

<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>

        <b:if cond='data:top.showAuthor'>---- Em baixo de:

Encontre  : <data:top.authorLabel/> 

Substitue por: <div align='right'><img src='URL da Imagem' style='border:0px;'/></div>

Exemplo para Noticias sobre Britney Spears

Menu De Abas

Vai em Adicionar um Gadget HTML e cola:

<script type="text/javascript">

document.write('<style type="text/css">.tabber{display:none;}< \/style>');

</style></script>

<script type="text/javascript" src="http://static.tumblr.com/dlelfro/DZqmha795/javascriptkw.js"></script>

<link rel="stylesheet" href="http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css" type="text/css" media="screen" />

<div class="tabber">

<div class="tabbertab" title="Aba 1">Coisas da aba 1</div>

<div class="tabbertab" title="Aba 2">Coisas da aba 2</div>

<div class="tabbertab" title="Aba 3">Coisas da aba 3</div>

<div class="tabbertab" title="Aba 4">Coisas da aba 4</div>

<div class="tabbertab" title="Aba 5">Coisas da aba 5</div>

</div><br />

 http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css

 http://static.tumblr.com/cxinapq/AbKmkp0le/menuazul.css

 http://static.tumblr.com/cxinapq/9Uumkp0zs/menurosa.css

 http://static.tumblr.com/cxinapq/ZlLmkp19x/menuverde.css

 http://static.tumblr.com/cxinapq/P8Dmkp1ds/menuroxo.css


Créditos :(◕‿◕✿)

Meu blog é neutro em carbono

Oi, boa tarde gente. Estou mega feliz pois adoro o Seriado Revenge, so um pouco triste porque vai ficar fora do ar por uns dias, muito obrigado pessoal! Bem, e como vão vocês? Espero que estejam bem estou montando alguns posts legais para trazer à vocês <3

A nossa sugestão de chamada é: “Meu Blog é neutro em CO2, neutralize o seu também.

O projeto funciona da seguinte maneira, todo o ano seu blog libera cerca de 3,5kg de Dióxido de Carbono (CO2) na atmosfera, e esta campanha tem como princípio plantar uma árvore para cada blogueiro inscrito no projeto.Nosso objetivo é plantar 500 árvores nativas no Brasil, e para isso precisamos da participação de 500 blogueiros.  Participe agora, e garanta o plantio de uma árvore para que seu blog seja neutro em CO2. Quanto mais blogueiros como você participam, mais árvores são plantadas. 

Escreva um post em seu blog com o tema "meu blog é neutro em carbono" inserindo a chamada para outros blogs participarem no caso serão 5; envie um e-mail para CO2neutro@guiato.com.br com o link do post; coloque o button na sidebar (http://stamp.guiato.com.br/button_co2_site_verde_125.png). Pronto! A empresa plantará sua árvore. Passarei o projeto para os blogs:

NSBS, TSANM, MB, TSD2, TWOGM

Imagens para link de navegação

Como Colocar Imagens no link de Navegação

Imagem do link "Início"
 Aperte Ctrl+F e procure por: <data:homeMsg/> Esse código vai aparecer em dois lugares, mas você só vai mexer no primeiro que aparecer.
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>


Substituindo o link "Postagens mais antigas"
 Aperte Ctrl+F e procure por: <data:olderPageTitle/>
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>


Substituindo o link "Postagens mais recentes"
 Aperte Ctrl+F e procure por: <data:newerPageTitle/>
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>

Como personalizar a ask

Faça login no seu Ask.fm e vá na aba Configurações > Widget.
Vão aparecer algumas opções de tamanho e seu widget original ao lado. Para entenderem melhor, um print:

Substituir "Postar um comentário" por imagem

Igual ao Meu 

Como Colocar o link e o nome do Seu Blog nos comentários

<a href="Link do Seu Blog" rel=nofollow">✿Titulo do seu blog✿</a>

Site do blog: (◕‿◕✿)

Icons de Varios tamanhos de Britney Spears

Imagens para afiliados 50x50

Vamos começar com a elite de afiliados com imagem:
Você vai abrir seu blog e vai em:
Design, Elementos da Página, Adicionar Um Gadget, HTML/JavaScript.
(Lembre-se de colocar o nome afiliados lá em cima no título!)

# Feito isso,cole o código abaixo:

<a href="ENDEREÇO-DO-BLOG"><img src="ENDEREÇO-DA-IMAGEM" title="TITULO DO BLOG" target="blank" /></a>

Imagens Para Seta Voltar ao Topo

6 Modelos Para sidebar

Fontes Para seu Blog

 Aqui--- :(◕‿◕✿)

 Aqui--- :(◕‿◕✿)

Colocando seta de voltar ao topo

Modo 1:

Vá em Design > Elementos da página > Adicionar um gadget > Gadget HTML/JavaScript

<div style='float:right;'>

<a href='#'>

<img src='URL DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>

</a>

</div> 

Bloqueando tecla Ctrl+C, seleção de texto, botão direito do mouse no blog

Para instalar no blog, entre no painel de administração do seu blog no Blogger. Selecione Modelo>>Editar HTML>>Prosseguir.

Com auxílio de Ctrl+F dentro da caixa do HTML, encontre </head>.

ANTES/ACIMA de </head> cole os códigos abaixo:

Centralizar imagem do cabeçalho do Blogspot

Vamos aprender a centralizar uma imagem no cabeçalho do Blogspot.  Isto se você usa sòmente uma imagem e não um título.

Clique em "Modelo". "Editar HTML", marque "Expandir modelos de widgets".  Dê um Ctrl + f no seu teclado e na janelinha que se abriu, cole a seguinte linha :

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

Agora, cole no início do código acima, <center> e no final dele, </center>

Vai ficar assim:

<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>

visualize e salve.