Saturday, August 2, 2014

Cara Membuat Galeri Foto Sistem Scroll di Blog

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.

  1. Masuk Ke New Entri Atau Edit Entri
  2. Lalu Masuk dan tulis dalam menu HTML (Bukan Compose)
  3. 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/>

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.

1 comments:

  1. keren gan
    tapi pengen buat ini di side bar blog gmna
    terimakasih

    ReplyDelete