Cara Membuat Galeri Foto di Blogger yang Menarik!


Selamat datang di blog Ilmu Internet! Kali ini, penulis akan membahas tentang cara membuat galeri foto di Blogger. Bagi Anda yang ingin memperindah tampilan blog dengan menampilkan foto-foto menarik, artikel ini sangat cocok untuk Anda. 

Sebagai travel Blogger, membagikan pengalaman dan keindahan dengan menampilkan galeri foto di blog adalah salah satu cara yang tepat. Dalam artikel ini, akan memberikan langkah-langkah mudah untuk membuat galeri foto di Blogger. Yuk, simak artikelnya sampai selesai!


Langkah-langkah Membuat Galeri Foto di Blogger:

  1. Buka Dashboard Blogger: Langkah pertama dalam membuat galeri foto di Blogger adalah membuka dashboard Blogger. Anda dapat melakukannya dengan masuk ke akun Blogger Anda dan mengklik "Blog Saya".

  2. Buat Posting Baru: Setelah Anda masuk ke dashboard Blogger, klik "Postingan Baru" untuk membuat posting baru. Pilih judul yang sesuai dengan konten foto Anda.

  3. Tambahkan Foto: Setelah membuat posting baru, klik "Tambahkan Foto" untuk menambahkan foto ke posting Anda. Anda dapat memilih untuk mengunggah foto dari komputer Anda atau memilih foto dari album Google Photos Anda.

  4. Buat Galeri Foto: Setelah membuat album di Google Photos, klik "Sisipkan Gambar > Foto > Album" untuk menambah galeri foto. Anda dapat memilih tata letak galeri foto yang Anda inginkan dan menyesuaikan pengaturan galeri foto Anda.

  5. Publikasikan Postingan: Anda Setelah membuat galeri foto, klik "Publikasikan" untuk mempublikasikan posting Anda. Posting Anda sekarang akan menampilkan album foto yang menarik dan mudah digunakan.


Cara Mengatur Galeri Foto Agar Lebih Menarik?

Setelah anda berhasil menambahkan album foto ke dalam postingan blog! Agar tampilan dan tata letaknya galeri foto postingan blog lebih menarik, Anda bisa mengikuti langkah-langkahnya berikut ini:

  • Buka "Tampilan HTML" pada postingan blog sebelumnya.
  • Lalu salin kode script dibawah ini dan letakkan sesuai keinginan.

    <div class="snap_preview">

    <style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>

    <div class="gallery snap_nopreview">


    <dl class="gallery-item">

    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">

    <img border="0" height="150" src="Url Image anda" width="200" /></a>

    </dt>

    </dl>

    <dl class="gallery-item">

    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">

    <img border="0" height="150" src="Url Image anda" width="200" /></a>

    </dt>

    </dl>

    <dl class="gallery-item">

    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">

    <img border="0" height="150" src="Url Image anda" width="200" /></a>

    </dt>

    </dl>

    </div>


    </div> 

  • Untuk mengaturnya, ganti tulisan "Url Image anda" dengan tautan url gambar Anda. Lihat gambar dibawah untuk lebih jelasnya!

  • Anda bisa merubah ukuran galeri foto. Caranya rubah nilai height="150" dan width="200". Misalnya menjadi 300x200, 600x400 dan 1280x720. Mudah bukan? Selamat mencoba!


Hasilnya, Galeri Foto yang Menarik!

sumber kode: arimuhardono.com/

Dengan langkah-langkah di atas, Anda dapat dengan mudah membuat galeri foto di Blogger. Galeri foto adalah cara yang bagus untuk membagikan foto Anda dengan dunia dan menarik perhatian pembaca Anda. Jangan ragu untuk mencoba membuat galeri foto di Blogger dan lihat bagaimana galeri foto Anda dapat meningkatkan blog Anda.

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.