Cara Membuat Galery Poto Dalam Kotak Scroll di Postingan blog Unik&Menarik

Cara Membuat Galery Poto Dengan Versi Scroll di post Blog, selain huruf /teks dan teori pada postingan ternyata bisa membikin galery poto menarik dengan sistem scroll caranya cukup mudah hanya memakai kode HTML untuk scrolling yang biasa dipakai kotak script.

Penataan sebuah Gambar di artikel blog memang merupakan salasuatu poin penting! itu sudah pasti karena gambar dapat menjelaskan topik yang ada dalam artikel.

Disini saya akan berbagi tips dalam membuat galeri foto di post dengan sistem skroll.

Cara ini bisa coba dibuat menambah kreasi di blog agar tidak membosankan.

Keunikan lain membuat galeri di postingan dengan sistem scroll

• Mungkin lebih simpel tidak memakan ruang dalam satu postingan.
• Lebih berbeda, dan unik.
• Tidak membosankan.

Kreasi ini bisa menampilkan gambar yang dapat di scroll atau di geser keatas dan kebawah (vertical) tampilannya menarik dan lebih unik.

Seperti inilah contohnya;

🔹🔸🔹🔸🔹🔸🔹🔸🔹🔸🔸🔸🔹🔸🔹🔸🔹

💛💛💛💛💛💛💛💛💛💛💛💛💛💛💛💛

🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟

⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽⚽

Berikut ini cara membuat galeri foto di postingan blog dengan tampilan scrolling.


1. Langkah pertama login dulu ke blog >lalu buka dasbord anda.

2. Bikin Entri baru atau edit.

3 Tempelkan kode script dibawah ini  pada mode HTML post, bukan di Compose

Kode scriptnya:

<br/>

<div dir="ltr" style="text-align: left;" trbidi="on">

<div style="border: 3px brown solid; padding: 10px;background-color:pink;

overflow: auto; height:160px; width:310px;

text-align: left;">

SILAHKAN ISI GAMBAR</div>

<div style="text-align: center;">

<a href="BOLEH DI ISI URL LINK " target="_blank"><span style="font-size: x-small;">GALERYKU KEREN boleh dihapus</span></a></div>

<br /></div>

<br/>

Keterangan script:
warna:
Brown garis/bingkai bisa di atur sesuai keinginan 1px,2px,3px kalau lebih tinggi, maka akan semakin tebal garisnya,
brown solid warna garisnya, >bisa juga di ganti sesuai keinginan.

Pink, warna background dalam kotak scroll.

Orange

• height :160px adalah tinggi
• width  :310px adalah lebar(disesuaikan)

Merah, bisa di isi link Home blog teman atau biarkan saja.

Untuk mencoba mengganti warna teman bisa dicari di sini kode warna html untuk desain website

Dan kalau sudah di terapkan kode scriptnya pada mode HTML, lalu kembali atau balik lagi ke mode Compose, dan coba di cek hasilnya dari kode script yang telah terpasang tadi, kurang lebih hasilnya akan seperti contoh dibawah ini:

SILAHKAN ISI GAMBAR(seseai keinginan)

Sampai disini selesai dalam pembuatan Galery scrolling.

Langkah selanjutnya adalah teman tinggal mengisi bagian dalam kotak yang telah dibuat tadi, dengan beberapa foto atau gambar berapa saja.

Cara menyimpan gambarnya teman semua bisa mengisinya seperti biasanya kalau mengunggah gambar pada postingan.

Saya yakin caranya mudan dan pasti berhasil dalam membuat galery poto dengan versi scroll pada postingan blog unik & keren selamat mencobanya semoga sukses!