Blogger Açıklamalı Resim Galerisi Oluşturma

Çeşitli amaçlar için kullanabileceğiniz minimalist ve duyarlı resim galerisini sizlerle paylaşıyorum.

Galeriye istediğiniz kadar resim ekleyebilir en ve boy oranını ayarlayabilir altına istediğiniz kadar yazı yazabilirisniz.

Galeriyi kullanamak için tek yapmanız gereken aşağıdaki kodu galerinin gözükmesini istediğiniz yere yapıştırıp içerisindeki resim linklerini düzenlemektir. İşlemler bu kadar basit.

<html><head><style>div.gallery {     margin: 5px;     border: 1px solid #ccc;     float: left;     width: 180px; }  div.gallery:hover {     border: 1px solid #777; }  div.gallery img {     width: 100%;     height: auto; }  div.desc {     padding: 15px;     text-align: center; } </style></head><body> <div class="gallery">  <a target="_blank" href="http://htmlevi.blogspot.com/2018/05/blogger-yenileniyoruz-yapm-asamasndadr.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-1q49Hg3ybmUTeJG-YIJ0fTGJvQPL0QSK6_hiFVXovW9W2HLiibqQETUoTF_ky47JznVOlhDPtWCHiJENZB0vYuurE5Z6K4QXPRiBSRETdKVQ37L9VX7h5j0mzxmW9PTGRRsjhtaoxM/s1600/yap%25C4%25B1m+a%25C5%259Famas%25C4%25B1nda.png" alt="Fjords" width="300" height="200">  </a>  <div class="desc">Blogger Yenileniyoruz , Yapım Aşamasındadır Teması</div></div><div class="gallery">  <a target="_blank" href="http://htmlevi.blogspot.com/2018/05/blogger-yukar-ve-asag-butonlar.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqEwdBZQl26uVdC75Hkn08An8NaOONw-a92-IEz436XEP2uT527zUZ-VAB8f-1LpwM3n_RsZRDDkMbU-wy58vFbH3mkvuBtDfN8utIwbOok0I1nIiBR-mD2sOUbv4Zh1U8ae4oihW-V0/s1600/Cara+Memasang+Tombol+Go+Up+dan+Go+Down+di+Blog.webp" alt="Forest" width="300" height="200">  </a>  <div class="desc">Blogger Yukarı Ve Aşağı Butonları</div></div><div class="gallery">  <a target="_blank" href="http://htmlevi.blogspot.com/2018/05/bloggerda-yuzdelik-ilerleme-durumu.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LC5a3QEGXqVHLCDLscSFhfbKCQNpTePIqAJPAm-FSQ1nlnwkmjU4Pn6yadY1aVLLhyFeMWA2-uH7ft2HH1BR6sGH5IZBha9mJj-Cw7CMZGVMpAkWKTFbKvXZ6tar2u7phETM8ekyswc/s1600/Ads%25C4%25B1z.png" alt="Northern Lights" width="300" height="200">  </a>  <div class="desc">Blogger'da Yüzdelik İlerleme Durumu Eklentisi</div></div><div class="gallery">  <a target="_blank" href="http://htmlevi.blogspot.com/2018/04/gmailin-yeni-surumu-nasl-etkinlestirilir.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcHt3gFa3MzZ2acyj3PwUeqpV-qzX6vPYAyN3IBaamUBb3dpvaJWB0vKxdgz90_m2G83Jyl3M6eNyy1o4y1MTa2W5joIIlCaSgW4UZAW4klEa0IQ3HbORA0Y4OlFVTHWD9O9vNihQAeM/s1600/Cara+Mengaktifkan+Gmail+Versi+Terbaru+4.png" alt="Mountains" width="300" height="200">  </a>  <div class="desc">Gmail'in Yeni Sürümü Nasıl Etkinleştirilir?</div></div></body></html>

Blogger Yenileniyoruz , Yapım Aşamasındadır Teması

Blogger Yukarı Ve Aşağı Butonları

Blogger'da Yüzdelik İlerleme Durumu Eklentisi

Gmail'in Yeni Sürümü Nasıl Etkinleştirilir?

Tavsiyeler

16 Blogger Blog Teması Seçimini Nasıl Yaptıklarını Paylaştı

Boobs in the City (Unlimited Money) MOD APK v1.4.452

Automax

Geceden Kalbe

Varsayılan internet tarayıcısı nasıl değiştirilir?

Yazılarınızı Daha Fazla Kişiye Ulaştırmanın Yolları

Google AMP Nedir? Blogger Kullanlar İçin Ne İfade Etmektedir?

Siteye WhatsApp Canlı Destek (İletişim) Butonu Kodu

Project QT Unlock All Characters MOD APK

Blogger Açıklamalı Resim Galerisi Oluşturma

Yorum Gönder

İletişim