Membuat File SVG Struktur Molekul

Keunggulan gambar dengan format svg adalah kualitas-nya, gambar format ini merupakan salah satu format gambar vektor, dapat dilakukan pembesaran tanpa menurunkan kualitas. Ukuran file ini relatif kecil. Sampai saat ini admin masih belum mendapatkan cara terbaik untuk menyisipkan gambar struktur molekul format svg yang sudah dibuat di Chemdraw agar ukurannya benar-benar teroptimasi. Masih menggunakan prosedur normal: membuat struktur molekul di Chemdraw; menyimpan sebagai file svg; mengoptimasinya di SVGOMG; download atau salin kode hasil optimasi untuk disisipkan dalam laman/postingan di blog dan selesai.

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

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

Beberapa tahun lalu saya pernah menulis tentang hal ini. Tapi sayangnya saat ini (tahun 2026) sudah tidak tersedia layanan ini. 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

Skenario Pembuatan Kalkulator Kimia di Blog ini

Saya tidak punya kemampuan koding (pemahaman tentang script/kode) untuk dapat membuat kalkulator sederhana sekalipun. Berbekal aplikasi olah kata, Microsoft Word (MW) dan aplikasi olah data, Microsoft Excel (ME) serta sedikit kemauan untuk mau belajar tentang pola kode-kode akhirnya beberapa kalkulator sederhana bisa saya buat. Hal ini saya lakukan karena melihat kemampuan matematis siswa yang kurang memadai sekadar untuk dapat diaplikasikan dalam pelajaran kimia yang saya ampu. Lalu bagaimana ini diterapkan? Berikut ini skenario yang saya buat, skenario ala saya yang awam dalam hal design yang berhubungan dengan koding

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

Bagaimana Tabel di Blog ini Dibuat?

Tabel diperlukan untuk menyajikan data agar lebih mudah dimengerti. Di blog ini gaya tabel dibuat dengan dua cara , cara manual dan cara otomatis. Sebenarnya tidak ada beda di antara kedua cara itu. Yang membuat beda adalah bagaimana tabel saat ditampilkan. Untuk cara manual dilakukan sebagaimana lazimnya pembuatan tabel dengan kode html dan dibuat dengan pengaturan warna, huruf dan latar, dan lain-lain, yang dilakukan secara manual. Untuk cara gaya otomatis diatur dengan membuat kode CSS terlebih dahulu dan diberi identitas tertentu sehingga begitu tabel jadi maka tampilannya akan seperti yang sudah diatur dalam kode CSS tadi. Dalam kode "table" harus dibuat manual dengan dan disisipkan identitas CSS yang dibuat sebelumnya.

Baca Selengkapnya » 0

Berbagi Tulisan secara Otomatis ke Media Sosial dari Blogger Melalui IFTTT

Jika di wordpress.com tersedia Jetpack yang tinggal atur sedikit maka setiap kita posting tulisan di wordpress.com langsung terkirim ke akun media sosial yang sudah kita hubungkan. Bagaimana jika di blogger-blogspot? Sebelumnya saya memanfaatkan jasa dlvr.it namun saya tidak puas karena jika terhubung ke facebook maka gambar yang di tampilkan dari blogger murni sebagai gambar tidak langsung ke blog meskipun pranalanya ada di bagian bawah gambar tadi. Ini kurang menguntungkan, karena diklik gambar tadi bukan dibawa ke blog tapi hanya melihat gambar. Nah selain yang saya sebut tadi, alternatif lainnya adalah membagikan tulisan dari blogger ke akun media sosial yang kita punya melalui IFTTT.com Caranya?

Baca Selengkapnya » 0

Center Menu dengan Drop Down List dan Tersorot ketika Aktif

Setiap orang punya selera berbeda dalam hal  tampilan menu blog, misalnya saya lebih suka menu yang letaknya di tengah (center) halaman dengan drop down list sebagai sub-menu. Saya juga ingin ketika menu dan atau sub-menu yang sedang aktif (di-klik) tersorot dengan warna berbeda dari menu sebelum ter-klik. Berikut ini saya paparkan bagaimana cara melakukan semua itu.

Baca Selengkapnya » 0

Baru Bersentuhan dengan CSS

Aktivitas saya adalah dunia pengajaran kimia, bukan dunia IT, hanya saja kadang menggunakan IT untuk aktivitas saya. Walau sejak 2006 ngeblog di wordpress.com, script html saja sangat minim saya pelajari. Alasannya memang selama itu fokus di konten (seolah - yak-yak-o dan nganu banget) sehingga apa yang ada di balik wordpress.com tidak saya pikirkan sama sekali. Baru beberapa bulan terakhir ngeblog di blogspot dengan kelonggaran yang lebih dari cukup memaksa saya berkenalan dengan dunia lain. Salah satunya adalah CSS, yah saya baru saja bersentuhan dengan-nya.

Baca Selengkapnya » 4