Imagem como background da C-box

Bom dia galera. Hoje irei ensinar a vocês a como colocar uma imagem de background na c-box.

Veja abaixo o exemplo/resultado:

1. Acesse o site da c-box e faça login

2. Clique em "Look & Feel" e no menu suspenso clique em "Colours & Fonts"

3. Em "Main BG", "Alt. BG" e "Form BG" você deverá deixar o espaço vazio. Como no exemplo abaixo.

(clique na imagem para amplia-la)

4. Depois clique em "Save"

5. Vá em "Publish!" e na caixa com o código faça as seguintes alterações: no começo do código antes de <!-- BEGIN CBOX - www.cbox.ws - v001 --> cole isto: <div style="height: 400px; width: 210px;">

Logo depois de <div id="cboxdiv" style= cole isto: background: url(aqui o url da imagem);

No final do código, antes de <!-- END CBOX --> cole isto: </div>

Seu código deverá ficar mais ou menos assim:

<div style="height: 400px; width: 210px;"><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="background: url(aqui o url da imagem); text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="291" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-604927" style="border: 0px solid;" id="cboxmain6-604927"></iframe></div><div><iframe frameborder="0" width="200" height="89" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-604927" style="border: 0px solid;border-top:0px" id="cboxform6-604927"></iframe></div></div></div><!-- END CBOX -->

6. Depois de fazer todas as alterações copie o código

7. Vá no painel do seu blog, no menu esquerdo clique em "Layout"

8. Depois clique em "Adicionar um Gadget" 

9. Procure por "HTML/JavaScript" e no espaço reservado cole o código da c-box

O meu resultado podem ver no começo do post

É um tutorial bem simples. Espero que tenham entendido tudo. Qualquer dúvida pergunte por comentário.

Este tutorial foi encontrado no blog Not A Single Song e foi totalmente adaptado pelo Sugoi Tutoriais. Se reblogar dê os devidos créditos aos dois blogs.