Novidades

05 agosto 2012

Desculpas + Tutorial de como colocar imagem no Título dos Gadgets!


Oi vidas, primeiramente queria me desculpar pois não estava postando esses 3 dias e por que
estava muito corrido esses dias e o tempo que tinha estava criando o Blog de encomendas pra vocês
mas voltei e vou recompensar ok? então vamos ao tutorial e de como colocar imagens no titulo dos gadgets
deixando eles personalizados sabe? então quer aprender lê ai em baixo 

primeiramente você deverá fazer uma imagem como a embaixo:


Claro que a sua imagem não precisa ser igual, você pode fazer como preferir.
E a sua imagem precisa ter a mesma largura ou ser um pouquinho menor que a sua sidebar, se não a imagem vai ficar saindo pra fora da sidebar.

Após criar as suas imagens 
vá em Design - Editar Html
marque a caixinha 'expandir modelos de widgets'
aperte Ctrl + F ou F3 vai aparecer uma caixinha de busca
nela pesquise por:

]]></b:skin>

O código vai aparecer destacado em laranja, cole ANTES dele o código abaixo:

.widget .title img{
display: block;
text-align: center;
}

Assim:


Salve.

Ainda em Editar Html, continue com a caixinha 'expandir modelos de widgets' marcada.
Clique em Ctrl + F ou F3 e na caixinha de busca procure pelo título do gadget que você irá trocar por uma imagem.

"Exemplo se você quer trocar onde no seu gadget está arquivo como título procure por arquivo, tá eu sei é óbvio.
Para ver direitinho os títulos é só ir em 'elementos de página'
E no lugar onde está sua sidebar, está com os títulos, mais ou menos assim:


"

Voltando ao tutorial, quando você procurar na caixinha de busca, o título vai aparecer destacado em laranja
e logo abaixo será mais ou menos assim:




Aonde eu destaquei em vermelho na imagem, é onde vocês vão mexer, apague   <data:title/>   e no lugar cole o código abaixo:

<img src="http://Url da Imagem Aqui"/>

Ficando assim:


Onde está escrito http://Url da imagem Aqui, você apaga e coloca a Url da imagem desejada.

Dica- Para pegar a Url de uma imagem, não é necessário hospedá-la, você pode fazer uma postagem, normal como você faz sempre no seu blog, e nela você coloca a imagem, normal também, do mesmo jeito que você coloca imagens no seu blog, depois é só clicar com o botão direito do mouse e clicar em 'copiar url da imagem', não precisa nem publicar a postagem, é só colocar a imagem clicar e copiar a url, simples assim.

Depois é só ir procurando pelos títulos dos gadgets na caixinha de busca e repita o processo citado acima.

O resultado final é esse:

3 comentários:

  1. Oie flor^^ Vi o seu e-mail, e sim, eu aceito afiliação, o seu blog é super cute, como diz o nome. Já te coloquei lá, e quando você me colocar aqui, me avisa por favor.
    Beijos
    http://coffein-paris.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Pode deixar que já coloquei (rs) muit obrigada pelo elogio e ameii muito seu blog!

      Excluir
  2. Eu não consigo fazer, certas coisas que ai diz para fazer não aparecem no novo visual do blog ( exemplo: caixinha do 'expandir modelos de widgets' ).
    Será que pode me ajudar ? :(

    ResponderExcluir

Regrinhas!
1- aceito seguindo segue de volta
2- sem xingamentos! se expresse de uma maneira mais civilizada.
3- aceito criticas e Elogios