MDT #4: Reposicionando conteúdo dos gadgets no Blog

"Se não formos corajosos, não seremos livres." - Glenn Ford.

Hey guys, be ok? I'm fine. Bom, deixando meu ótimo inglês de lado, vamos dá continuidade a Maratona de Tutoriais do Blog, porém antes, gostaria de pedir desculpas por não ter postado ontem, passei o dia inteiro no facebook divulgando o grupo que criei para os Arianators (que inclusive, ta ficando super legal, quem quiser entrar, só clicar AQUI). Lembro também que hoje, tocarei em um casamento e por isso acho que não terei tempo de responder os comentários da postagem anterior, espero que entendam!

Bom, creio que o tutorial de hoje seja bem útil, vamos aprender de uma forma muito prática, como reposicionar os gadgets (ou o conteúdo deles, tanto faz), pelo Blog. Quem não consegue entender dessa forma, é só pensar em um cabeçalho cheio de conteúdo tipo: Players, About, Menu, etc. Preparados?

Eu me lembro, que quando fiz isso pela primeira vez, utilizei um tutorial que achei em um blog que não me lembro. Na época era bastante trabalhoso, então, pesquisei bastante e criei um código que não precisa está no Painel de HTML do Blog, é direto pelo conteúdo do Gadget.

Você só precisa adicionar o código abaixo, antes do conteúdo que deseja reposicionar no Blog:

<div style="position: absolute; margin-top: 0px; left: 0px;">

Não se esqueça de mudar o que está em Itálico, certo?
E o código abaixo, depois do que deseja reposicionar no Blog, só pra fechar mesmo:

</div>

Se ainda está difícil de entender, veja um exemplo bem prático. Digamos que eu queira colocar um Player no Cabeçalho do meu Blog, cujo o código é esse:

<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://dc645.4shared.com/img/3538338152/634342e2/dlink__2Fdownload_2FknaYuiUq_3Ftsid_3D20130627-173000-eaae9739_26dsid_3D2mz0o8.4683edeefc995e9899ca3df9bf2336c7/preview.mp3&t0=The Way - Ariana Grande&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />

Agora que tenho o código, eu só preciso fazer o que eu disse anteriormente: Colocar o primeiro código antes do Player e o outro, após. Vejam como ficaria:

 <div style="position: absolute; margin-top: 0px; left: 0px;">

<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://dc645.4shared.com/img/3538338152/634342e2/dlink__2Fdownload_2FknaYuiUq_3Ftsid_3D20130627-173000-eaae9739_26dsid_3D2mz0o8.4683edeefc995e9899ca3df9bf2336c7/preview.mp3&t0=The Way - Ariana Grande&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

Entendeu? Espero que sim! O código que você deve adicionar está em Itálico dendo do código do Player, perceberam? Bom, por hoje é só mesmo, ok? Fiquem com Deus :*