Portifólio

Mudando as imagens do Slide (somente para Blogs criados por mim!)

Bom, à pedidos, segue o tutorial para mudar as imagens do slide do blog, mas esse tutorial só vale para os blogs criados por mim.

Como foi a Priscilla da Berinjela Pri quem me pediu vou usar o blog dela como referência, mas todos tem a mesma estrutura para o slide, então vamos lá:

Primeiro façam o login entrem no administrativo do blog e ao seu lado esquerdo clique em "MODELO"

Vai abrir esta página:

 Clique em "Editar HTML" provavelmente vai abrir uma página de atenção de OK e continue.

Agora muita atenção, qualquer modificação errada, o blog pode não funcionar!

Dê Ctrl f, vai abrir uma janelinha , nela digite (ou copie e cole)


<div id='slider-wrapper'>
 
Você vai achar isso:
 
<div id='slider-wrapper'>
<div id='slider'>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide1.png' width='647px'/>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide2.png' width='647px'/>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide3.png' width='647px'/>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide4.png' width='647px'/>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide5.png' width='647px'/>
<img alt='' height='279px' src='http://danisallesdesign.com/imagens/BerinjelaPri/slide6.png' width='647px'/>
</div>
</div>
 
Height significa a altura da imagem, e width a largura 
Elas TEM QUE se manter, não pode alterar essas medidas. 
O que está grifado como um link são as imagens, é isso, e somente isso que você poderá substituir.
 
Normalmente eu envio a máscara desse slide, mas se eu não mandei copie o link de qualquer uma delas
cole no seu navegador e copie essa imagem no seu computador, isso vai servir de referência em tamanho.
 
Bom, refaça suas imagens (nesse caso são 6), você terá que ter uma conta num site que hospede imagens.
Pode ser o TinyPic ou qualquer outro de sua preferência, ele vai gerar um endereço, cole esse enderço entre as aspas,
e substitua as imagens. Lembre, NÃO remova as aspas, a imagem não aparecerá sem elas!
 
Antes de salvar clique em visualizar, a página irá / deverá abrir em outra aba , 
se estiver certinho clique em salvar e voilá, vc trocou suas imagens!
Se caso alguma coisa der errado, e vc não conseguir não salve , limpe as edições , salve e feche ,
Me envie um email para que eu possa te ajudar!
 
Bjus à todas
Dani   

 

Nenhum comentário:

Postar um comentário