Bikin Alat Hitung Sederhana ala Excel di Blog

Hai bro/sis, aku baru belajar JavaScript dan pengen bikin kalkulasi simpel kayak di Excel: A1 * A2 = A3, bisa ubah angka, dan ada tombol reset buat kosongin. Ternyata gampang banget! Ini catatanku, cocok buat yang suka Excel kayak aku. 😄

Baca selengkapnya » 0

Membuat Markdown Elektron dalam Orbital untuk Editor Blogger

Sambil menunggu waktu aktif mengajar, menyempatkan belajar kode kecil-kecilan, agar menulis di Editor Blogger semakin mudah. Kali ini membuat markdown atau penyandian elektron dalam orbital dengan menuliskan kode sederhana (input) dan output-nya berupa deretan "kotak orbital" yang berisi elektron.
Penampilan sementara masih di file html tunggal yang berisi kode Cascading Style Sheet dan JavaScript. Bagi yang mau mencoba menjalankan silakan salin kode di bawah ini, simpan sebagai file html. Selanjutnya buka di browser komputer.

Baca selengkapnya » 0

Menulis Format Rumus Kimia dan Matematika Secara Efisien di Blogger tanpa MathJax

Menulis rumus senyawa kimia atau ion dan bentuk pecahan (pembilang dibagi penyebut) memang dapat menggunakan MathJax dengan kemampuan yang powerfull. Namun untuk mengetik rumus-rumus kimia dan perhitungan kimia relatif sederhana dapat dilakukan tanpa perlu MathJax. Keuntungan menggunakan cara ini, font yang digunakan sama persis dengan yang digunakan dalam postingan utama, berbeda dengan MathJax. Trik ini bisa saja diterapkan di platform selain Blogger, namun perlu adaptasi. Berikut ini catatan ringkas weblog urip.info yang menggunakan platform Blogger.

Baca selengkapnya » 0

Membuat Tombol Buka Tutup (Accordion) di Blogger

Berikut ini catatan saya ketika mencoba membuat tombol buka dan tutup suatu bagian dari postingan di blogger. Tombol tersebut dibuat dengan kode cascading style sheet (CSS) dan javascript (Js). Catatan ini dibuat untuk pemula.

Baca selengkapnya » 0

Visualisasi 3D Molekul dengan 3DMol.JS di Web/Blog

Alternatif untuk menampilkan (memvisualkan) molekul secara 3-Dimensi (3D) di web semakin mudah. Hanya dengan memasang kode dengan format tertentu molekul 3D yang cantik dapat ditampilkan. Syaratnya blog atau website yang digunakan memang mengizinkan penggunaan script. Molekul yang hendak ditampilkan pun tinggal menggunakan pada pangkalan data, sudah tersedia, kecuali kalau molekulnya khusus. Molekul 3D ini dapat diputar di perbesar/diperkecil dengan memainkan mouse atau dua jari di gawai. Bagaimana caranya simak kelanjutan tulisan ini.

Baca selengkapnya » 3

Koversi Persamaan Matematis Ms Word ke Latex

Biasa untuk mengetik persamaan matematis di blog ini langsung menggunakan format latex yang tampilkan dengan menggunakan Mathjax. Kali ini akan diberikan tutorial singkat untuk mengonversi  persamaan matematis dari berbagai format (ms word, ms powerpoint, pdf, gambar, dll) dapat dilakukan hanya dengan 2 langka saja. Screenshoot, salin kode yang diberikan ke editor blog. Selesai.

Baca selengkapnya » 1

Cara Membuat Data Tabel Dapat Diurutkan dalam Tulisan di Blog/Website

Berikut ini tutorial singkat cara membuat data tabel yang dapat diurutkan dalam tulisan blog/website secara otomatis. Cukup buat tabel seperti biasa dan tambahkan beberapa baris kode. Pembaca dapat mengurutkan data berdasarkan kolom tertentu yang dikehendaki.

Baca selengkapnya » 0

Form, Select, Option, untuk Membuat Jawaban Tersembunyi

Sekadar catatan. Berikut ini kode sederhana yang akan digunakan dalam blog ini. Tujuannya adalah tidak menunjukkan jawaban secara langsung sehingga bila dikehendaki pembaca dapat mencoba mengerjakan sendiri lebih dahulu . Ketika ingin mencocokan jawabannya boleh klik "Petunjuk......"

Baca selengkapnya » 0

Penempatan Bilangan Oksidasi di Atas Setiap Unsur

Pada pokok bahasan reaksi redoks ada keharusan menuliskan bilangan oksidasi (biloks). Penulisan manual dengan menempatkan biloks di atas atau di bawah setiap unsur tentu tidak repot. Bahkan pengetikan menggunakan aplikasi olah kata pun bisa dilakukan "secara manual" pula. Tentu saja masih belum praktis. Demikian pula bila ingin menuliskan dalam bentuk laman di blog atau website pribadi. Bila tidak hati-hati penempatan biloks-biloks bisa berantakan dan tentu menjadi tidak menolong bagi yang hendak memahaminya.

Baca selengkapnya » 0

Kode HTML untuk Penulisan Isotop dan Ion

Menulis simbol atau lambang isotop atau ion bila dilakukan dengan aplikasi olah kata tentu bukan hal sulit. Tinggal klak-klik saja jadi sesuai keinginan. Sedikit berbeda bila ingin menuliskan pada website yang harus menggunakan kode HTML. Karena kemalasan biasa saya hanya menuliskan sebagaimana saya bisa, dan berharap pembaca bisa memahaminya karena biasanya pada tulisan diberi keterangan.

Baca selengkapnya » 1

Cara Membuat Simbol Elektron dalam Orbital Tanpa Gambar

Untuk membuat konfigurasi elektron dalam orbital atau subkulit diperlukan ketelatenan agar tampilannya relatif lebih bagus. Berbeda jika membuatnya dalam Microsoft Word atau aplikasi olah kata lain, cukup hanya menyisipkan karakter dari jenis font (huruf) tertentu kemudian di-format sesuai keinginan. Memang tidak dilarang membuatnya dengan aplikasi apapun kemudian di capture dan disimpan sebagai image selanjutnya disisipkan dalam tulisan di website atau blog. Hasilnya kurang bagus kalau menurut saya. Oleh karena itu dicari alternatif yang mungkin agar orbital-orbital yang terisi elektron itu berupa teks dengan karakter yang sesuai, bukan image tentu.

Baca selengkapnya » 0

Menambah/menghapus Baris/kolom pada Tabel HTML

Sekadar catatan dari hasil jelajah tentang cara menambahkan atau menghapus baris atau kolom pada tabel HTML. Untuk kepentingan tertentu kadang diperlukan untuk menambah atau menghapus baris atau kolom pada suatu tabel sehingga tabel yang ada bersifat dinamis, pengguna dapat menambah atau mengurangi baris/kolom sesuai kebutuhannya. Berikut ini contoh dan kode yang dapat digunakan. Jangan lupa untuk memasang jquery terkini pada template blogger agar kode berikut dapat berjalan.

Baca selengkapnya » 2

Tabel HTML dengan Penomoran Otomatis

Berikut ini adalah catatan kecil agar saya dan yang senasib yang baru belajar html dan css terkait tabel sedikit tercerahkan bila suatu saat lupa lagi. Ketika saya harus membuat tabel dengan pemutakhiran secara berkala tentu juga harus melakukan perbaikan urutan penomoran karena ada sisipkan pada baris. Tentu akan kurang praktis bila harus mengganti nomor seri ketika ada data baru yang mesti disisipkan. Dapatlah cara ini dari sini. Keunggulan cara ini adalah menyelesaikan urusan yang seperti saya temui tadi. Kini bila ingin menyisipkan baris maka tidak perlu lagi repot untuk memperbaiki penomoran lagi. Penomoran akan dilakukan secara otomatis. Dengan memanfaatkan cascading style sheet masalah itu pun jadi bablas, lewat dah.

Baca selengkapnya » 1

Cara Melipat Tabel yang Memanjang Vertikal

Suatu ketika kita mendapati harus membuat tabel yang sangat panjang secara vertikal, baris-nya (row) banyak, bisa ratusan bahkan ribuan . Kandang dikehendaki agar tabel yang memanjang tersebut untuk dibuat lebih ringkas dengan melipatnya pada bagian tertentu. Maksud tabel yang memanjang itu seperti pada contoh laman ini. Tujuannya adalah agar pembaca dimudahkan dalam menyimak isi tabel.

Baca selengkapnya » 0

Konversi Tabel Excel ke HTML secara Manual

Sebagai pembelajar html pemula, saya, lebih suka untuk membuat sesuatu tidak dengan cara yang klak-klik begitu saja. Ingin juga paham apa yang terjadi di balik kemudahan dari suatu cara. Karena keterbatasan pengalaman tentu untuk menuju paham benar ada proses belajar sedikit demi sedikit. Kali ini saya berbagi pengalaman cara mengonversi tabel yang dibuat di aplikasi Ms. Excel untuk disalin ke laman html blog atau website.

Baca selengkapnya » 0

Cara Mudah Menampilkan Rumus Struktur Kimia dengan Chemicalize untuk Blog dan Website

Beberapa tahun lalu saya pernah menulis tentang hal ini. Ya tentang Chemicalize, meskipun tulisan saya yang lama itu saya sudah hapus namun beberapa sudah saya pindahkan ke sini. Di blog tadi sudah terpasang plugin chemicalize sehingga untuk melihat struktur suatu senyawa tinggal arahkan pointer di atas nama zat tersebut. Plugin chemicalize ini setahu saya hanya mendukung untuk web/blog yang menggunakan mesin wordpress.org, untuk yang versi wordpress.com tentu tidak dapat dipasangi karena keterbatasan wewenang yang tersedia. Namun jangan khawatir, termasuk pengguna blog di blogger/blogspot atau website lain masih dapat menggunakan cara lain. Tulisan cara mudah menampilkan rumus struktur kimia dengan chemicalize untuk blog dan website ini akan sedikit mengobati kekhawatiran itu :)

Baca selengkapnya » 0

Kolaborasi Wordpress dan Blogger

Segala sesuatu memang punya kelebihan dan kekurangannya masing-masing. Blogger.com dan Wordpress.com sebagai pemberi layanan ngeblog gratis juga demikian. Sudah cukup puas ngeblog di Wordpress.com kini saya beralih ke blogger.com. Di Blogger.com membolehkan pengguna untuk bermain script sepuasnya. Di Wordpress.com hanya boleh fokus di konten blog saja. Satu ketidaknyamanan selama fokus ngeblog di blogger adalah minimnya tool pada editor untuk mengetik. Ada beberapa cara untuk memudahkan menulis di blogger pernah saya tulis di sini, namun ini masih kurang merasa nyaman juga karena mesti online :) Akhirnya ada solusi yang cukup mengurangi ketaknyamanan tadi.

Baca selengkapnya » 0

Mempelajari Kode Website dengan Ctrl+U

Bagi orang awam tentang dunia website/blog seperti saya belajar dapat dimulai dengan mempelajari website milik orang lain. Melakukan pengamatan ketika melihat sesuatu yang bagus pada website/blog yang kebetulan dijumpai, kemudian memunculkan rasa ingin tahu bagaimana hal bagus itu dibuat. Beruntung pada setiap alat jelajah (browser) internet memiliki fasilitas untuk mengetahui apa yang terjadi dibalik website yang kita kagumi. Bahwa setiap sesuatu yang tersaji di internet akan dengan mudah dilihat "source code"-nya.

Baca selengkapnya » 0

Cara Membuat Tabel Hitung Mol dengan Calx di Blogger

Berikut ini adalah tabel untuk perhitungan jumlah zat, massa zat, dan massa molar zat yang dibuat dengan prinsip fungsi microsoft excel yang diubah menggunakan Calx.
Prinsip tabel hitung mol ini adalah menginput 2 variabel yang diketahui pada kolom "Input" untuk menghitung satu variabel lain yang ditanya (dapat dilihat pada kolom "Hasil". Tulisan sebelumnya sedikit saya ceritakan tentang Calx di sini yang merupakan kelanjutan pemuasan rasa ingin tahu saya di sini.

Baca selengkapnya » 2

Bagaimana Daftar Isi di Blog Ini Dibuat?

Daftar isi (table of content) atau sering ditulis sitemap ini menjadi kebutuhan setiap blog atau website. Tujuannya adalah untuk memudahkan pengunjung menjelajah isi blog/website. Seperti yang ada di blog ini juga disediakan menu daftar isi dengan 3 model daftar isi. Berharap pengunjung dimudahkan penjelajahannya. Daftar isi atau daftar tulisan di blog ini ketiga-tiganya menggunakan kode yang diambil dari pihak ketiga. Oleh karena itu semua kredit dari pembuatnya tetap dibiarkan muncul di halaman dafar isi.

Baca selengkapnya » 0