Cara Pasang Spoiler dan Source Code

 Saya masih belum tau ini kenapa sekarang Kodenya makin panjang, tapi kita coba bedah 1 per 1

Pertama Spoiler

Q1 : Bagaimana cara pasang Spoiler

A1 : Caranya harus masuk ke HTML CODE EDIT MODE

 

Panjang Betul skrg kodenya kl asal ngopi. Skrg kita pecah kode yang panjang banget itu supaya bisa lebih mudah dimengerti.

<div id="spoiler" style="display: none;">
<img /><div class="separator" style="clear: both;">
  <a href="Masukin Link Gambarnya" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="535" data-original-width="1988" height="86" src="Masukin Link Gambarnya" width="320" /></a>&lt;</div></div>

<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" style="background: red; border: 1px solid blue; color: white; padding: 5px 50px;" title="Klik untuk membuka spoiler" type="button">BUKA/TUTUP SPOILER</button>&nbsp;<div><br /></div>

Untuk membuat Spoiler yang perlu di ganti cuma ada 2 Bagian Utama
1. Bagian Pertama Paste link Gambar yang mau di tampilkan di Bagian yang di Highlight Biru
2. Bagian ke dua adalah nama div id spoiler (yang warna biru) kl ada yang sama, maka nanti fungsi tombolnya kl di klik kebuka yang punya div id yang di tentukan

untuk Source Code paling gampang pake bantuan website http://hilite.me/


Komentar

Postingan populer dari blog ini

Sejarah

Belajar buat 3D Model di Blender