Download Now Download Themes Gratis WordPress Responsive!

Cara Membuat Spoiler dan Tab di WordPress

Tutorial WordPress kali ini saya akan membahas tentang cara membuat spoiler, Tab, Accordion dan dialog di postingan wordpress. Bagi anda yang sering berkunjung ke forum-forum website seperti kaskus pasti tidak asing lagi dengan yang namanya spoiler dan quote, kalau quote secara default sudah ada di post editor wordpress tapi kalo spoiler masih belum ada, dan untuk tab pasti juga sering di temui saat anda cari-cari plugin atau theme di wordpress.org pasti melihat juga menu dengan model tab seperti Description, Istalation, FAQ.

Jika anda ingin membuatnya di postingan wordpress anda, anda bisa menggunakan plugin WP UI – Tabs, Accordions, Sliders. Dengan menggunakan plugin ini anda sudah mendapatkan satu paket untuk semuanya.

Cara Menggunakan Plugin WP UI – Tabs, Accordions, Sliders :

1. Download Plugin Disini
2. Install dan Aktifkan
3. Setting plugin di menu Settings->WP UI

settings wp ui tab wordpressAnda bisa mengatur sesuai yang anda inginkan, dan sekaligus anda bisa melihat demonya secara langsung melalui menu setting style.

4. Untuk Memasang di postingan anda, Gunakan mode text pada post editor anda, secara otomatis disitu sudah ada Add Tabs, Wrap Tabs, Spoiler dan dialog. Anda tinggal klik dan pop up akan otomatis muncul dan isi sesuai dengan yang ingin anda tampilkan.

Atau tutorial lengkapnya cek disini.

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • sukarmo

    makasih info nya ane coba dulu gan

  • jamielcs

    maaf om mau tanya.. kalau buat tab di sidebar.. seperti punya om.. itu ada popular post dan recent post itu gimana ya?? terima kasih sebelumnya 🙂

    • Agan sebenarnya bisa gunain plugin Popular Posts Tabbed Widget for Jetpack. Tapi di lain kesempatan akan saya coba buatkan tutorial buat tab seperti punya ane tanpa plugin gan.

  • jamielcs

    ane tunggu tutorna om..:)

  • sanoesih_propertyID

    Maaf gan, di plugin wp ui, pada menu conten yg kt isi itu text atau code apa ‎​​Ϋªª? Thanx

    • maksud saya itu masuk ke mode text, disamping visual gan. tapi kalo kesulitan. coba langsung gunain kode nya untuk tab seperti ini.

      [wptabs] [wptabtitle] Tab 1[/wptabtitle] [wptabcontent] This is the content of Tab1.[/wptabcontent] [wptabtitle] Tab 2 [/wptabtitle] [wptabcontent] This is the content of Tab2[/wptabcontent] [/wptabs]

      atau tutorial lengkapnya cek disini.

  • GstarCAD

    Thanks for share

  • IBU BELAJAR BISNIS

    kalau untuk website blogdetik pake apa ya ?
    maaf

  • sukarmo

    thank infonya mo ane praktekin di web ane

  • Bisnis travel blog

    Makasih … sharenya

  • alamsyah

    Makasih Infonya
    saya ijin coba dulu gan

  • Zen Aikido

    sangat membantu,,,
    terima kasih…

  • Arbi

    gan….kalau buat “baca juga” seperti yang punya agan ini pakai apa gan?

  • Arbi

    itu plugin atau CSS gan…ada tutorial nya ga di centerklik.com

    • Saat agan bikin artikel itu kan ada rata kanan dan kiri, nah di deretan itu ada menu blockquote gan, ane gunain itu. untuk desain ada di style.css theme yg agan gunain dengan id blockquote.

Must Read...!
Cara Menghapus URL Lost Your Password Login WordPress

Tutorial Wordpress Kali ini adalah tentang bagaimana cara menghapus URL Lost Your Password di...

8 Plugins Toko Online (E-Commerce) WordPress Gratis

Sekarang zamanya online, banyak orang mempunyai gadget dengan akses internet yang menjadikan bisnis online...

Close