Cara Membuat Galeri Foto Sistem Scroll di Blog
https://sayajadiberkat.blogspot.com/2015/09/cara-membuat-galeri-foto-sistem-scroll.html
Seperti yang telah dijelaskan sebelumnya, bahwa ketika kita ingin
mengunggah banyak gambar di artikel blog, kita akan menemui hal berupa
estetika dalam penempatan. yang membuat kumpulan gambar atau foto yang
kita upluod kurang tertata rapi. Namun Hal tersebut ternyata bisa kita
atasi pada artikel sebelumnya tentang cara memasang galeri slideshow di
Artikel Blog.
Tapi seandainya temen-temen tidak cocok dengan gaya slide show. Mungkin temen-temen bisa mencoba membuat galeri foto dengan gaya Scrool di artikel Blog milik Temen-temen.
Berikut ini contoh Galeri dengan Gaya Scrool :
Dengan contoh 4 buah foton sampel
Tertarik Membuatnya ... ?
Temen-temen Bisa mengikuti tutorial membuat galeri foto sistem scroll berikut ini.
Temen-temen bisa ubah ukuran lebar dan tinggi kotak scroll dengan mengubah tulisan berwarna biru diatas. Lalu Temen-temen bisa kembali ke Mode Compose dan mulai mengupload Foto di dalam kotak tersebut. Jika sudah selesai, maka akan menjadi tampilan Scroll seperti yang ada di contoh.
Tapi seandainya temen-temen tidak cocok dengan gaya slide show. Mungkin temen-temen bisa mencoba membuat galeri foto dengan gaya Scrool di artikel Blog milik Temen-temen.
Berikut ini contoh Galeri dengan Gaya Scrool :
Dengan contoh 4 buah foton sampel
Tertarik Membuatnya ... ?
Temen-temen Bisa mengikuti tutorial membuat galeri foto sistem scroll berikut ini.
- Masuk Ke New Entri Atau Edit Entri
- Lalu Masuk dan tulis dalam menu HTML (Bukan Compose)
- Copi Paste Script Berikut
<br/>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 220px; width: 380px;
text-align: left;">
pelajarterbaikupi.blogspot.com</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2014/08/cara-membuat-galery-foto-sistem-scroll-di-blog.html" target="_blank"><span style="font-size: x-small;">My Galery</span></a></div>
<br /></div>
<br/>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 220px; width: 380px;
text-align: left;">
pelajarterbaikupi.blogspot.com</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2014/08/cara-membuat-galery-foto-sistem-scroll-di-blog.html" target="_blank"><span style="font-size: x-small;">My Galery</span></a></div>
<br /></div>
<br/>
Temen-temen bisa ubah ukuran lebar dan tinggi kotak scroll dengan mengubah tulisan berwarna biru diatas. Lalu Temen-temen bisa kembali ke Mode Compose dan mulai mengupload Foto di dalam kotak tersebut. Jika sudah selesai, maka akan menjadi tampilan Scroll seperti yang ada di contoh.
Taroh url gambarnya di mana sih... Trus bisa gak scrollnya ke samping?
BalasHapus