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.
Baca Juga :
Cara Membuat Galeri Slideshow Ber-Tombol di artikel blog
Cara Membuat Galeri Slideshow di artikel Blog
Cara Membuat Galeri Foto Scroll di artikel Blog
Cara Mendapat dolar di blog
Cara Memasukan Kotak Scrip di artikel Blog
Daftar 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.
- 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.
Baca Juga :
Cara Membuat Galeri Slideshow Ber-Tombol di artikel blog
Cara Membuat Galeri Slideshow di artikel Blog
Cara Membuat Galeri Foto Scroll di artikel Blog
Cara Mendapat dolar di blog
Cara Memasukan Kotak Scrip di artikel Blog
Daftar Artikel Blog
keren gan
ReplyDeletetapi pengen buat ini di side bar blog gmna
terimakasih
Gampang kang... Buat aja seperti cara di atas di artikel baru. input foto.
Deletekalau sudah selesai, baru edit dalam mode HTML.
Tinggal ubah ukuran kotak dan ukuran2 foto nya... sesuaiin sama ukuran sidebar template kita... (nanti deh tutorial lengkap sya buat artikelnya)
Untuk file2 gambar yg diunggah ke blog masuk ke galeri mana mas?
ReplyDeleteAda di artikel saya tentang cara hapus foto agar tak terindeks
DeleteMasukannya keren banget mas.. kayaknya bisa di cobain tuh di blog ane heheh
ReplyDeleteSilahkan saja mas/mba... :)
Deleteko gk nongol ya fotonya...?
ReplyDeletekalo saya make foto yang di twitter bs gk?
Bisa,,tinggal masuk ke javascript,,,disitu bikin aja dan cantumkan link,twiter kk <<< heheheh
DeleteMakasih gan, karena bentar lagi blog saya mau saya tambahin galeri acara. jadi terbantu, makasih mas.
ReplyDeletekunjungi balik ya
http://reallifeinstory.blogspot.com/
Ini cara masukin foto di skrip nya gimana mas?
ReplyDeletesetelah di copi paste lewat mode HTML... Tinggal kembali ke mode compose, terus upload foto kaya biasanya..
DeleteKeren kang bener2 kren :)
ReplyDeleteMakasih ya infonya nanti saya coba di blog, mudah2 berhasil :)