Saiba :...&quot;Como acrescentar um fundo para a imagem principal do seu bilhete&quot;

Como acrescentar um fundo para a imagem principal do seu bilhete

Quer adicionar uma imagem de fundo para a imagem principal de suas postagens ?

Antes:

Em seguida:

" Vou mostrar isso é aplicável para aqueles que utilizam o automático de entradas resumo, Onde ele usa uma medida definida para a imagem principal, que é exibida na entrada."

" Gem em seu blog Gem @ Blog explica muito bem como instalar o resumo automático em suas mensagens."

" Bem , ocorreu- me , em parte, agora que eu tenho aprendido mais sobre o uso de restrições , normalmente , se você colocar uma foto no fundo do post declarada como segue:

. Post img
de fundo
( :
image.gif (url)
;)"

" A imagem de fundo que você usa, sempre vai aparecer em todas as imagens que você tem em sua entrada, que tem suas limitações, uma vez que nem todos do mesmo tamanho , e usar como imagem de fundo que, às vezes não pareça boa , a menos se preocupar em colocar imagens do mesmo tamanho em todos os seus posts."

" Para garantir que a imagem de fundo na imagem principal de sua entrada irá fazer o seguinte :

Etapa 1. Faça a imagem de fundo que pretende utilizar , este vai buscá-la com o Photoshop ou Paint.Net.

Você deve fazer a imagem, tendo em conta as dimensões da imagem que você definiu no script que você usa para o resumo das entradas , estas , mostra são os seguintes:

por exemplo . :

img_thumb_height = 130 ;
= img_thumb_width 180;

Etapa 2. Em seguida, fazer upload da imagem para um site de armazenamento de imagens como o photobucket ou blogger , pois a necessidade de URL ( endereço)imagem.

Uma vez que você tem a url da imagem , você vai substituir onde diz : image.gif no seguinte código:

cond = 'data cond='data:blog.pageType : blog.pageType != "item"'>
<style>
. Post -corpo ( img
background: url (image.gif) No -repeat top esquerda;
padding: 22px 22px 25px 25px ;
}
</ Style>
</ B : if>

Etapa 3. Então vá para o código do modelo , Layout > Editar HTML e cole o código acima depois de ]]></ B: skin>

preview "

" Checa para verificar se eles ver a imagem , se é incompleto, você ajusta as configurações onde diz estofamento, isto para adicionar mais espaço. E completar a sua imagem é exibida , lembrando que estes valores são mostrados na seguinte ordem: ..."

acolchoamento: 22px,22px,15px,25px;
padding: acima, direito, para baixo, esquerda;

" Uma vez que você conseguiu colocá-lo perfeitamente Salve as alterações e pronto."

" Isso vai atingir aquele a imagem mostrar apenas no homepage. "

" Você pode vê -lo funcionando no modelo papel azul. "

" Nesse caso, eu uso a imagem de fundo que as medidas 164 pixels X154 ."

..." e imagem no resumo das entradas eu tenho isso definido da seguinte forma:

img_thumb_height = 110 ;
img_thumb_width = 120 ;

:-) "

" Então , eu vou fazer várias imagens para que você possa usar para esse fim , tão logo eu deixo isso:"...