Tuesday, 17 May 2016

Cara Membuat Spoiler Keren di Blog (Cocok untuk Pemula)

Anda ingin halaman konten ada spoilernya tapi bingung kok waktu mengganti template tidak ada spoilernya?

...atau sudah ada spoilernya tapi tidak tau cara mengaktifkannya bagaimana?

Hmmm.. Mengapa kok bisa pengen....

Mungkin karena ini,

  1. Terlihat keren, bisa buka tutup,
  2. Mengelabui panjang pos, maksudnya pos akan terlihat pendek jika memakai spoiler,
  3. Tempat memberikan kejutan.

Namun Anda harus tau juga jika pos menggunakan spoiler maka mungkin akan terjadi hal seperti ini,

  1. Pos tidak terbaca secara utuh oleh pembaca, karena spoiler tidak dibuka oleh pengunjung,
  2. Visitor malas membuka spoiler yang terlalu banyak,
  3. Ada pembaca yang tidak tau cara membuka spoiler
  4. Pengunjung takut kalau mengeklik spoiler akan dibawa ke halaman lain (mungkin dikira link).

Anda sudah tau kelebihan serta kekurangan jika pos dalam blog menggunakan spoiler.

Apakah Anda jadi semakin tertarik untuk menambahkan sebuah spoiler di pos blog Anda?

Baiklah, saya akan bagikan tahap-tahap persiapan dan pemasangan sebuah spoiler di pos blog Anda.

Spoiler ini memiliki tampilan kurang lebih sama seperti yang ada di blog ini.

Inilah langkah-langkah yang bisa ditempuh untuk menambahkan spoiler pada pos blog....

  • Letakkan script berikut ini, tepat di atas kode HTML ]]></b:skin>



  • Letakkan script berikut ini, tepat di atas kode </body>



  • Simpanlah script di bawah ini



#Spoiler yang ini cuma berlaku 1 setiap halaman.

Nah, untuk menambahkan spoiler pada pos Anda harus menggunakan mode HTML dalam pembuatan pos di blog.

Lalu setelah itu masukkan kode yang Anda simpan tadi di sana.

Ganti tulisan ISI DI SINI ! dengan teks atau gambar yang Anda mau.

Contoh langsung langkah-langkahnya seperti berikut
menambahkan spoiler ke konten
memasukkan spoiler
menambahkan kode spoiler

Setelah itu Anda bisa langsung mempublish pos tersebut, karena script untuk membuat spoiler hanya bisa dilihat hasilnya di halaman browser.

...atau beralihlah ke mode Compose untuk menambah konten Anda. Dengan mode penulisan yang lebih mudah.

Kalau Anda mau begitu, letakkan beberapa huruf setelah kode </div> di mode HTML tadi. Sebagai acuan di manakah Anda harus menambahkan tambahan konten Anda.

Acuan Anda hapus => lalu ketikkan tambahan konten milik Anda.

O ya. Kalau yang akan dimasukkan ke dalam spoiler bukan berupa text (contoh: Gambar, Video, dll)...

...Anda harus menguploadnya terlebih dahulu ke halaman buat konten, lalu sisipkan kode yang Anda simpan sama seperti contoh di atas (karena contoh tersebut adalah cara memasukkan gambar ke dalam spoiler)

Nah itu tadi adalah langkah-langkah yang bisa Anda tempuh untuk menambahkan sebuah spoiler dalam konten blog Anda.

Saya harap halaman pos blog Anda semakin keren dengan hadirnya spoiler tersebut.

Kalau Anda mendapati kesusahan dan kesulitan dalam memasang kode-kode di atas, silakan langsung ajukan pertanyaan Anda di kolom komentar di bawah.

Saya akan menanggapinya dengan senang hati. :)

Oke. Happy blogging.

Demo Spoiler

Terima kasih.

9 komentar

Mantap thanks turtorialnya mas

Mas spoilernya buat apa ya mas, saya masih gk tau soalnya ??

Spoiler itu buat menyembunyikan sesuatu yang mungkin tidak terlalu penting, atau sebuah bagian yang tidak terlalu ada hubungannya dengan konten yang sedang dibahas. :)

Terima kasih atas pertanyaannya mas Sean.

mantab gan caranya biar menarik perhatian pengunjung

Nice post, things explained in details. Thank You.

Ayo komentar.... :) Bagikan pengalaman Anda!
EmoticonEmoticon