Membuat Auto Hide (Spoiler) Di Blogger

Assalamu'alaikum

Selamat malam, berjumpa lagi di pembahasan mengenai tips tips blogging. Di kesempatan kali ini saya ingin berbagi tentang cara membuat auto hide atau jenisnya spoiler yang biasa di temui di kaskus biasanya. Hide jenis ini biasa saya gunakan untuk implementasi pratice coding sehingga menuntut pembaca untuk melakukan proggramming sendiri baru melakukan perbandingan nantinya. Barangkali ada yang penasaran script dan bagaimana cara menggunakannya, langsung saja berikut pernjelasannya.

Auto-Hide (Spoiler)

Untuk membuat auto-hide atau istilahnya spoiler kalau di kaskus, kita cukup menambahkan beberapa script berikut yang nantinya di letakkan di postingan pada blogger.

<div style="margin: 5px 0px 0px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> Letakkan teks atau kode script (gambar atau video), link di sini   </div> </div> </div>

Untuk peletakan script diatas di letakkan di mode html postingan kalian, dan tidak akan berjalan jika di letakkan di mode compose postingan. Kelemahan auto hide ini di beberapa blogger yang belum support ketika di pratinjau atau mau di ubah isi teks di dalam auto hidenya tidak bisa di lakukan karena tombol buka nya hanya bisa di klik pada artikel yang sudah jadi saja.

Untuk itu, jika ingin mengganti isi auto hidenya letakkan pada tulisan merah yang saya tandai di script diatas. Sehingga kurang lebih hasilnya akan seperti berikut ini.

Judul Spoiler:

Letakkan teks atau kode script (gambar atau video), link di sini

Demikian penjelasan mengenai cara membuat auto-hide di blogger di pembahasan kali ini. Semoga bermanfaat bagi kita semua. Sekian, sampai berjumpa di pembahasan berikutnya.

C++ Programming 9 - Array di C++

Assalamu'alaikum

Selamat malam, salam programming. Lanjut lagi ke programming c++ selanjutnya. Di pembahasan kali ini, saya ingin menjelaskan mengenai array pada cpp programming. Jika pada pembahasan looping programming sudah pernah di senggol mengenai array dan pembahasan array merupakan salah satu komponen penting lainnya pada c++, cek C++ Programming 6 - Loops / Perulangan di C++. Jadi apa itu array? Langsung saja kita bahas pembahasannya.

C++ Programming 8 - Fungsi dan Prosedur di C++

Assalamu'alaikum

Selamat sore, salam programming. Melanjutkan kembali pembahasan mengenai CPP programming (C++). Kali ini yang ingin saya bahas adalah fungsi dan prosedur pada C++. Jika if else dan perulangan adalah instruksi dan komponen yang penting untuk menjalankan beberapa kondisi programming di c++, maka fungsi dan prosedur merupakan bagian inti dari c++ itu sendiri.

Mengatasi Artikel yang Hanya Muncul Satu Pada Home Blog dan Insert Jump Break

Assalamu'alaikum

Selamat siang para reader, selamat beraktifitas. Berawal dari salah satu permasalah blogging yang menimpa saya sejak awal memulai blogging di blogger. Yaitu kok artikel di home cuma muncul satu doang ya? Awalnya saya kira itu permasalahan mengenai templates atau bug mungkin, namun setelah di pikir pikir blog blog yang lain aman saja dan homenya muncul lebih banyak artikelnya. Dari situ saya mulai melakukan surfing ke beberapa artikel yang menjelaskan mengenai fenomena ini, anjay. 

ECMP - Routing Mark dan Firewall Mangle di Mikrotik

Assalamu'alaikum

Selamat siang, salam networking. Melanjutkan pembahasan mengenai ECMP yang berisi mengenai pembahasan load balancing atau multi jalur akses, cek ECMP - Load Balancing, Distance dan Fail Over di Mikrotik. Karena metode yang digunakan sebelumnya pembagian load balance berdasarkan address. Di metode kali ini saya akan membahas metode pembagian load balance berdasarkan koneksi akses. Dalam hal ini bisa menggunakan metode routing. Langsung saja berikut pembahasannya.

DBMS Query Translation Practice (Kasus Relasi Tabel Kepegawaian)

Assalamu'alaikum

Selamat siang, jumpa lagi bersama saya di pembahasan mengenai query translation. Setelah kita sudah membahas beberapa jenis dari query translation seperti aljabar dan kalkulus relational. Di kesempatan kali ini saya ingin membahas mengenai beberapa contoh case yang bisa kita gunakan sebagai latihan mengenai query translation aljabar maupun kalkulus. Kita akan mulai dengan beberapa tabel sebagai berikut.

C++ Programming 6 - Loops / Perulangan di C++ (Practice)

Assalamu'alaikum

Selamat pagi, salam programming. Melanjutkan kembali pembahasan mengenai perulangan, di pembahasan kali ini beberapa contoh atau kasus untuk di buatkan program dengan menggunakan perulangan. Karena pada dasarnya, perulangan merupakan salah satu elemen penting dalam programming ada baiknya jika kita lebih menguasai program perulangan. Sekedar catatan, ada baiknya jika contoh program kalian lakukan rancang terlebih dahulu baru membandingkan dengan program rancangan yang saya berikan.

ECMP - Load Balancing, Distance dan Fail Over di Mikrotik

Assalamu'alaikum

Selamat siang, salam networking. Berjumpa lagi di pembahasan networking setelah lama tidak di bahas. Di kesempatan kali ini saya akan menjelaskan mengenai load balancing, distance dan fail over pada Mikrotik. Ketiga fungsi ini saling berkaitan satu sama lain. Apa hubungan ketiga fungsi ini? Langsung saja berikut pembahasannya.

C++ Programming 5 - Switch Case Statement Di C++ (Practice)

Assalamu'alaikum

Selamat siang, salam programming. Melanjutkan pembahasan mengenai switch case condition yang sudah di bahas sebelumnya. Cek link berikut untuk kilas balik. Di kesempatan kali ini saya akan membahas kondisi seperti apa yang cocok untuk menggunakan struktur pemrograman switch case condition. Langsung saja, berikut pembahasannya.

DBMS Query Translation - Kalkulus Relational Domain

Assalamu'alaikum

Selamat malam, membahas kembali mengenai DBMS Query Translation. Di pembahasan kali ini kita akan membahas mengenai kalkulus relational domain. Hampir sama dengan kalkulus relational tuple, hanya penulisan struktur kalkulusnya saja yang berbeda. Pembahasan kali ini merupakan lanjutan dari pembahasan kalkulus relational tuple, klik link berikut untuk review terlebih dahulu mengenai apa itu kalkulus relational dan kalkulus relational tuple.