Cara Menampilkan Slideshow Gallery di WordPress.com

WordPress.com baru-baru ini meluncurkan fitur baru bagi penggunanya, yaitu Slideshow. Fitur ini memungkinkan kita untuk menyisipkan animasi gambar dalam bentuk slideshow. Sebelumnya WordPress.com juga mengenalkan fitur Gallery yang hanya menampilkan foto-foto saja tanpa animasi.

Seperti yang kita ketahui sebelumnya, wordpress.com tidak mengizinkan kita memasang javascript di blog versi gratisnya, padahal penggunaan animasi slideshow ini tidak akan lepas dari yang namanya javascript. Untuk dapat menampilkan animasi gambar, maka pengguna dapat menggunakan shortcode (kode pendek), yaitu sebuah kode yang disisipkan di bagian postingan, sehingga ketika halaman blog dibuka, maka secara otomatis gambar yang kita unggah (upload) pun akan ditampilkan dalam bentuk slideshow. Berikut adalah cara-caranya.

Buatlah sebuah tulisan baru (new post), atau kita juga bisa mengedit posting yang telah dibuat.
Klik tombol media (tambahkan sebuah gambar). Lihat gambar di bawah ini.
Pilihlah gambar-gambar yang hendak kita unggah. Kita tidak dibatasi berapa jumlah gambar yang hendak ditampilkan.
Setelah semua gambar diunggah, simpan (save) seluruh perubahan yang ada. Selanjutnya kita akan dihadapkan pada tab Gallery.
Kustomisasi pengaturan. Perhatian: kita hanya dapat melakukannya sekali setting saja.
Yang terakhir kemudian klik tombol sisipkan slideshow.

Setelah semuanya dilakukan, kita akan diberikan shortcode seperti di bawah ini:

[slideshow]

Dengan shortcode tersebut, kita dapat mengatur letak slideshow yang hendak ditampilkan, apakah di atas konten, di tengah, maupun di bawah. Cukup meletakkan shortcode tersebut di bagian manapun di postingan.

Catatan: Semua gambar yang ditampilkan dalam bentuk slideshow di atas hanyalah gambar-gambar yang dilampirkan dalam judul postingan yang kita buat. Kita tidak bisa menampilkan gambar yang dilampirkan di postingan lain, kecuali kita melampirkannya ulang dalam posting.

Sebagai contoh, saya telah memposting Cara Menampilkan Gallery Foto di WordPress.com sebagai contohnya, silakan dilihat, dan juga dipraktikan.

Pingback: Cara Menampilkan Gallery Foto di WordPress.com « OkeBanget Info
http://catatan.legawa.com/ Cahya

using Firefox 3.6.3 on openSUSE
Saya menampilkan satu gambar saja sudah sulit dengan internet mode inlemoted, apalagi kalau sampai slidshow segala … kira-kira ada beban tambahan untuk http request-nya ga ya :???:
- http://blog.rismaka.net/ rismaka
  
  using Firefox 3.6.3 on Windows XP
  jelas ada mas. Saya lihat di source code, ternyata script slideshow tsb memanggil gambar-gambar yang ditampilkan. Belum ditambah dengan file jquery yang dipanggil dari subdomain (static.wordpress.com) yang menambah DNS lookup tentunya.
  
  Nampaknya fitur ini kurang cocok deh bagi pengguna internet inlemoted. Solusinya ya ganti koneksi memakai broadband :)
  - http://catatan.legawa.com/ Cahya
    
    using Firefox 3.6.3 on openSUSE
    He he, jangan gitu ah Mas, kami kan para fakir bandwidth, masa malah mau konversi ke pengikut broadband, mana sanggup :lol:
http://luxuryhouseconcept.blogspot.com/ house design

using Flock 2.5.6 on Windows 7
tips nya hebat, salut nehh
http://daniiswara.com/ dani

using Namoroka 3.6.3 on Arch Linux
Cahya, hentikan mengeluh. Jika memang fakir bandiwidth, disable aja wordpress.com atau domain lain seperlunya. Karena saya melakukannya selama ini. :P
- http://catatan.legawa.com/ Cahya
  
  using Firefox 3.6.3 on openSUSE
  @Bli Dani,
  
  Please deh…, hindari kehilangan informasi dengan menutup semua yang tidak perlu… :lol:
  
  Padahal banyak yang bagus dari konten bisa hilang dengan metode disable image, disable css dan sebagainya. Sayang kan :D
- http://okebanget.net/ shaquille
  
  using Google Chrome 4.1.249.1045 on Windows XP
  Wah waH wah, malah rame di sini :D
  
  @mas dani, @mas cahya,
  
  Saya melihat permasalahan yang terus muncul bisa membuat kita lebih kreatif dalam menuangkan ide, karena segala sesuatu yang sempurna malah akan menemukan kebuntuan dalam mengembangkannya.
  
  Seperti halnya permasalahan fakir bandwidth (seperti kita2 ini), mampu membuat orang berpikir bagaimana caranya mendisable gambar dan juga script yang ada, hingga terciptalah plugin2 agar browser tidak menampilkan keduanya. Masalah ini juga memberikan saya ide untuk menulis tentang solusi2 yang mungkin bisa didapatkan agar permasalahan bandwidth bukan menjadi momok yang menakutkan bagi kita. Thanks :)
http://yosbeda.com/ yos

using Firefox 3.6.3 on Windows 7
maaf mas mau tanya tapi jangan diketawain ya,, saya beneran ngga tahu kok… koneksi memakai broadband itu apa sih??? mohon penjelsanya?
- http://okebanget.net/ shaquille
  
  using Google Chrome 4.1.249.1045 on Windows XP
  Untuk lebih jelasnya bisa baca di posting Apa yang dimaksud dengan koneksi broadband.
  
  Gpp mas yos, kita sama-sama belajar kok :)
  - http://yosbeda.com/ yos
    
    using Firefox 3.6.3 on Windows 7
    ke TKP mas…
http://aldymy.name aldy

using Firefox 3.6.3 on Windows XP
Mas OOT
sidemap kok nggak ada isinya ? masih rehab ulang ?
- http://blog.rismaka.net/ rismaka
  
  using Firefox 3.6.3 on Windows XP
  Terima kasih mas udah mengingatkan. Saya lupa belum set template halamannya. Sekarang sudah bisa dilihat.
  - http://aldymy.name aldy
    
    using Firefox 3.6.3 on Windows XP
    Tengkiu Mas,
    Tadi saya kelimpungan mencari artikel karena nggak ada sitemapnya, terpaksa menggunakan kategori. Untung sudah familiar jadi beberapa kali udah ketemu. ;)
http://nurhidayanto09.wordpress.com/ nurhidayanto09

using Opera 10.00 on Windows XP
bagaimana jika ingin memasangnya pada widget/sidebar?
http://www.sebelasduasatu.com 1121

using Google Chrome 4.1.249.1045 on Windows 7
Screen shoot nya ada ? kayaknya keren dah, berlum pernah pake soalnya
http://indobestseller.wordpress.com azzaam

using Firefox 3.0.1 on Windows XP
sudah dicoba, keren banget dah :D
gambar jadi aman, tak bisa dicopy, hehe…
http://baik.dagdigdug.com Awang s

using Google Chrome 5.0.356.2 on Windows XP
Aku mempunyai blog wordpress versi 2.9, dg hosting dan sub domain gratisan, ketika aku sisipkan gallery untuk mmebuat gallery, atau gambar slide show kok tidak ada perintah sisipkan slide show di bawahnya, ini kan aneh, yang ada hanya simpan semua perubahan…tolong di beri penjelasannya..ok
- http://blog.rismaka.net/ rismaka
  
  using Firefox 3.6.3 on Windows XP
  Ini khusus pengguna blog wordpress.com mas. WordPress yang dihosting sendiri belum ada. Mungkin bisa pake plugin, tapi saya tidak tahu pluginnya apa.
http://bentoelisan.wordpress.com Mas Ben

using Opera 10.10 on GNU/Linux
Wah ya info ini yang saya tunggu-tunggu hehehehe

Salam bentoelisan
Mas Ben
http://bowoblog.wordpress.com bowo

using Firefox 3.6.3 on Windows XP
mantap
http://chairila06.student.ipb.ac.id chairila06

using Google Chrome 5.0.375.70 on Windows 7
kalo mau bikin picture gallery bisa ga bos?
http://ams4r.wordpress.com amsar

using Firefox 3.0.19 on Windows XP
Saya kesulitan mencara pengaturan gallery,, dimana menunya??
afriadi

using Firefox 3.6.8 on Windows 7
Kenapa di wordpress saya ga ada perintah “insert slideshow”nya, cuma ada “insert gallery”. Kenapa ya?
http://agengindra.wordpress.com Ageng Indra

using Google Chrome 6.0.472.63 on Windows XP
Thanks banget nih infonya. tapi yang kolom galeri itu buat apa ya?
http://laptopanda.wordpress.com/ rezza

using Firefox 5.0 on Windows 7
mantap gan tutorialnya sangat membantu :D
thanks yah..
kalo berminat berkunjung k blog punya saya gan
http://laptopanda.wordpress.com/
^^v
http://www.bajubaliku.com baju bali

using Google Chrome 14.0.835.202 on Windows XP
di wordpress saya koq gak ada pilihan sisipkan slideshow. ini web saya http://www.bajubaliku.com mau aku pasang slideshow tapi gak ada tombol sisipkan slideshow
http://www.autonewsandinfo.com AutoNewsandINFO

using Firefox 9.0.1 on Windows 7
waw,. ini memang menarik, sangat membantu, dengan begini tampilan image gallery jadi menggugah

rismaka .NET

Me, WordPress, and My Empty Boring World

Cara Menampilkan Slideshow Gallery di WordPress.com

Tulisan yang Terkait

Bagikan Ke: