Cara Membuat Tampilan Postingmu Layaknya Presentasi

untuk artikel yang saya buat ini , saya akan memberikan tutorial cara membuat artikel dalam tampilan slide yang sederhana tapi sangat cocok untuk anda yang sangat menyukai presentasi layaknya power point, shortcode ini sebelumnya bisa anda nikmati di WordPress.com tapi untuk beberapa waktu lalu sudah bisa anda nikmati di wordpress.org dengan bantuan plugin jetpack , yang jelas anda harus sinkron dengan akun WordPress.com anda

Fitur shortcode dari WordPress.com untuk membuat presentasi ini diadopsi dari plugin Presentation untuk WordPress.org. Tapi sekarang tanpa plugin itupun anda bisa menikmatinya, dengan ketentuan yang saya sebutkan diatas sebelumnya :D, mari silahkan anda lihat .

[presentation]
[slide]

PRESENTASIKU

untuk wordpress.org

[/slide]

[slide]

Contoh Presentasi

Kali ini saya akan membuat sebuah contoh presentasi dengan shortcut [presentation] mari kita coba

[/slide]

[slide]

Awalan

Untuk memulai cukup sederhana , anda mulai dengan shortcode [presentation] dan letakkan semua konten anda di dalam individu [slide] dan anda bisa memulainya,

Contoh :

[presentation]
[slide]
Sangat Menarik Bukan!!
[/slide]
[/presentation]
[/slide]

[slide]

Transisi

Anda dapat menyisipkan transisi menarik dan cukup unik . berikut beberapa transisinya
[/slide]

[slide]

Down

Transisi default adalah Down!

[slide transition="down"]

[/slide]

[slide transition=”right”]

Right

Transisi dari kanan

[slide transition="right"]

[/slide]

[slide transition=”up”]

UP

Transisi dari atas

[slide transition="up"]

[/slide]

[slide transition=”left”]

Left

Transisi dari kiri

[slide transition="left"]

[/slide]

[slide transition=”none”]

Tanpa Transisi

Hanya akan berjalan ketika efek Fading diaktifkan.

[/slide]

[slide rotate=90]

Rotasi

contoh : [slide rotate=90]

[/slide]

[slide scale=2]

Scaling

contoh : [slide scale=2]

[/slide]

[slide bgcolor=#FF69b4]

Background Warna

memberikan background warna dengan menyisipkan kode warna , anda dapat menncari kode via google atau ada di photoshop

contoh : [slide bgcolor=#FF69b4]

[/slide]

[slide bgimg=http://www.belajaritsaja.com/wp-content/uploads/2015/11/IMG_20151005_170240.jpg]

Background gambar

memberikan background gambar dengan menyisipkan link gambar, anda dapat menyisipkan gambar dari pustaka.

contoh : [slide bgimg=link url gambar]

[/slide]
[slide fade=”on”]

Fading

fading adalah settingan default untuk slide , kalau ingin mendisable fading silahkan gunakan:

[slide fade="off"] atau [slide fade="false"]

untuk meng-aktifkan lagi silahkan gunakan

[slide fade="on"] atau [slide fade="true"]

[/slide]
[slide]

silahkan di coba dan di kembangkan sendiri sesuai kreatifitas 🙂

[/slide]

[slide]

Penutup

  • anda bisa menyisipkan durasi pada setiap slide (jadi otomatis) dengan kode : [presentation duration=5]
  • menyisipkan ukuran presentasi dengan kode : [presentation width=600 height=375] (ubah ukuran sesuai kehendak)
  • kalau ada kesalahan mohon ralatnya dan kalau ada pertanyaan dan belum paham dengan panduan silahkan di tanyakan
  • ide saya ambil dari support WP.com , yang saya ubah ke indonesia dengan gaya sendiri ide dan sumber disini

[/slide]
[slide bgimg=http://www.belajaritsaja.com/wp-content/uploads/2015/12/Belajaritsaja.jpg]
[/slide]
[/presentation]

nb : ada beberada kode yang tidak bisa diterapkan terutama terlihat di code “transition” | “Scaling” | “Rotation”, untuk yang lain masih bisa diterapkan seperti background warna dan gambar. ada beberapa kemungkinan . Pertama : saya salah pemasangan kode karena ngantuk , Kedua : ada sedikit perbedaan antara WordPress.com dengan WordPress.org , Ketiga : atau koneksi saya yang endut-endutan sering ketemu RTO ini menyebabkan fitur ini tidak bisa tampil secara sempurna , saya coba cek disaat koneksi saya bagus 😀

Add a Comment

Your email address will not be published. Required fields are marked *