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.

Related

Tips 7120935078896242108

Posting Komentar

  1. Taroh url gambarnya di mana sih... Trus bisa gak scrollnya ke samping?

    BalasHapus

emo-but-icon

Follow Us

Hot in week

Recent

Comments

Side Ads

Text Widget

Connect Us

item