Pages

Galeria de imagens no post do blogger

Olá cuties, tudo bem?

Hoje eu vim ensinar a fazer uma galeria de postagem nos posts do blogger. É bem simples e super charmoso, dá uma olhada na imagem abaixo.


Vamos lá?

Abra a página ou o post onde deseja que a galeria apareça. Em seguida clique em html que fica abaixo do título do post.


Cole o seguinte código:

<div class="galeriapg">
<center>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>

<div style="float: left; margin-left: 9px; margin-top: 15px; width: 32%;">
<img alt="Descrição da Foto" id="galeriapg" src="https://1.bp.blogspot.com/-zaEh3t4_QAo/WBo7JBiMLYI/AAAAAAAAAyo/QIdMqVZFrv8ywzBmiuG_1U8tHMEla0jWwCLcB/s1600/blogger%2Bsite%2B-%2Bsah%2Bdesign%2Bde%2Bsonhos.jpg" title="Comprar Layout Web-Design" /></div>
</center>
</div>

Pronto!


Nenhum comentário:

Postar um comentário