Langsung ke konten utama

Highlight Post

Sejarah Kenapa 'K' Jadi Singkatan Ribu?

Saya pertama kali tau singkatan "K" ini sekitar 5 tahun lalu dan saya kira datang dari bahasa gaul dan ternyata ada sejarahnya yaitu berasal dari bahasa Yunani 'chilioi' yang berarti ribuan. 10K, 200K, 50K itu adalah angka-angka yang kerap kali ditemui ketika berbelanja. Tahukah Anda apa arti satuan 'K' di belakang angka tersebut? Huruf 'K' menjadi penting karena huruf itu merupakan pengganti ribu saat menyebutkan harga atau jumlah. Lalu, kenapa 'K' bisa mempunyai arti tersebut? Usut punya usut, Dikutip dari laman Merriam-Webster, satuan 'K' memiliki kepanjangan kilo. Kilo digunakan sebagai unit pengukuran dalam Sistem Satuan Internasional atau SI (Système international d'unités). Misalnya dalam mengukur jarak, 1 kilometer sama dengan 1.000 meter. Sedangkan untuk mengukur berat, 1 kilogram sama dengan 1.000 gram. Kata kilo berasal dari bahasa Yunani 'chilioi' yang berarti ribuan, digunakan untuk menyatakan banyak atau jamak.
💬

Cara Embed Codepen dengan Smartphone

Codepen dapat dikatakan merupakan situs gratis tempat latihan atau me-tes langsung sebuah kode html, css, dan js.

Sebagai contoh masukkan sebuah kode html, css atau js kedalam kotak yang tersedia lalu hasil/result dari itu dapat langsung dilihat dibagian bawahnya, jika hasilnya belum sesuai selera bisa langsung diedit lagi kode2 dalam kotak tersebut.

Lebih simpel dan cepat dibanding latihan di web pribadi, karena latihan di web pribadi biasanya pakai dua tab jendela, satu jendela buat mengedit dan satunya lagi buat melihat hasilnya.

Hanya saja tentu tidak sebebas web pribadi, karena terdapat batasan2 kode yang dapat di terapkan Codepen, kecuali upgrade dari versi gratis ke member Pro.

Namun meski versi gratis, Codepen punya kelebihan dapat meng-embed kode hasil latihan kita disana. Embed dapat diartikan yaitu hasil latihan kita disana dapat ditampilkan/di-embed ke Blog. Contohnya bisa dilihat nanti dibagian bawah postingan ini.

Untuk dapat melakukan semua aksi diatas tentunya terlebih dulu kita harus mendaftar.
1. Daftar ke www.codepen.io
2. Saat mendaftar terlebih dulu biasanya harus melewati verifikasi captcha, setelah ini barulah muncul kotak2 tempat pengisian data pendaftaran.
3. Konfirmasi dan verifikasi pendaftaran yang dikirim ke email. Ya seperti pendaftaran pada umumnya.

Setelah punya akun kita bisa langsung latihan dan meng-embed. Dan disinilah inti posting ini, karena kita pakai Smartphone dalam menjalankannya maka akan ada sedikit perbedaan dengan tampilan pada perangkat desktop.

Perbedaanya adalah pada bagian link/kode embed tidak terlihat dari Smartphone. Dan solusinya untuk dapat melihatnya kita harus mengunakan tampilan Desktop pada browser smartphone kita. Pada Smartphone dengan browser/peramban Chrome dan Opera untungnya terdapat view desktop, jadi kita bisa menggunakan itu untuk melihat dan ambil Kode Embed. Hanya itu perbedaannya, selebihnya semua fitur tampak sama saja antara tampilan Smartphone maupun Desktop.

Secara urut setelah pendaftaran tadi untuk dapat mengembed dan menampilkan hasil latihan di codepen ke blog, berikut ini langkah2nya:

1. Setelah login di situs codepen klik "Pen", berikut contoh gambar (mode potrait).


2. Selanjutnya akan tampak seperti gambar dibawah ini, silakan langsung saja masukkan kode apapun kedalam kotak html, css atau js. Tidak harus di isi semua, bisa juga dari salah satunya saja.

Tampilan halaman "Pen" (mode lanskap), saya memasukkan kode iframe kedalam kotak html dan hasilnya disebelah kanan, jika (mode potrait) hasilnya muncul dibagian bawah.


3. Ambil kode embed, dengan me-klik link bertuliskan 'embed' dibagian bawah sebelah kanan (jika pakai smartphone gunakan view desktop pada browser), setelah di klik akan muncul halaman baru berisi kotak kode embed, salin saja kode dalam kotak untuk di pasang ke postingan blog. Selesai!

Klik link embed:


Penampilan halaman textarea embed:


Berikut Contoh salinan kode embed:

<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="jaey" data-slug-hash="yLVbgNp" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em; padding: 1em;" data-pen-title="yLVbgNp">
  <span>See the Pen <a href="https://codepen.io/jaey/pen/yLVbgNp">
  yLVbgNp</a> by Jaey Zone (<a href="https://codepen.io/jaey">@jaey</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

Berikut Contoh kode embed setelah terpasang di blog:

See the Pen yLVbgNp by Jaey Zone (@jaey) on CodePen.


Kesimpulannya kode embed ini berfungsi meminimalisir tampilan postingan blog agar tidak terlalu semerawut, terutama postingan tutorial yang menyertakan contoh kode kedalam postingan, seperti kita ketahui rata2 kode2 html, css, js, itu panjang2 jika di urai kedalam posting mungkin akan membuat pembaca jadi bingung, jadi dengan menampilkan kode kedalam embed di postingan seperti contoh diatas, kode akan lebih tertata dalam satu kotak khusus. Hanya saja resikonya, seumpama situs codepen tutup maka semua code embed dalam postingan kita akan ikut lenyap.

Komentar

Popular Posts

Halaman Alternatif dengan Tag Kanonis yang tepat

Halaman alternatif dengan tag kanonis yang tepat dengan Status: Dikecualikan. Kurang lebih begitulah kalimatnya dari cakupan data blog kita jika dilihat di Search Console. Salah satu penyebabnya adalah komentar di blog. Dari misalnya url postingannya begini: https://jaeyzone.blogspot.com/2019/04/10-hal-seputar-mimpi-basah-yang-mungkin.html Berubah menjadi begini: https://jaeyzone.blogspot.com/2019/04/10-hal-seputar-mimpi-basah-yang-mungkin.html?showComment=1554698065783 Semakin banyak komentar dipostingan maka semakin banyak pula url semacam itu dengan ID berupa angka yang berbeda2 yang memicu semakin banyak "Halaman alternatif dengan tag kanonis yang tepat, Status: Dikecualikan" di Search Console. Pada dasarnya url beranak pinak dan berubah2 semacam itu kurang baik buat Seo blog jika tidak dicegah dengan "tag kanonis". Tapi tenang itu tidak membahayakan blog di mesin pencari karena hal ini sudah ditangani oleh Blogger yang artinya disetiap duplikat komentar semacam

Cara Membuat Efek Video Orang Menghilang, Pindah Tempat, atau Terbang

Beberapa tips dan trik berikut ini saya ketahui dari menonton di TV yang kemudian saya tulis disini yaitu cara membuat efek video orang yang seolah terbang, pindah tempat, dan menghilang seperti magic atau efek di film. Lumayan sebagai ajang kreasi buat yang hobi share video di medsos. Siapa tau dengan membaca ini bisa membuka inspirasi untuk menemukan hal yang lebih baru lagi daripada ini. 1. Cara membuat video orang yang seolah terbang. Caranya silakan buat video anda sedang melompat-lompat kedepan beberapa kali seperti Kanguru. Hasil video rekaman dari melompat itu kemudian di edit dan dipotong menggunakan aplikasi pada bagian kaki yang menapak ketanah lalu gabungkan kembali hasil bagian-bagian potongan video yang "tanpa kaki" tersebut dan lihat hasilnya tampak seperti seolah terbang. Itu karena kaki yang menapak ketanah sudah di potong menggunakan aplikasi jadi tampak seperti sedang melompat/terbang. 2. Cara membuat video orang yang seolah pindah tempat atau mengh

Cara kembalikan Pengaturan "Aksi lengkap memakai" ke Default di Android

Terkadang saat akan membuka suatu file misal ketika membuka video atau lainnya akan muncul tulisan "Aksi lengkap memakai" dan kita diminta memilih "Selalu" atau "Sekali saja". Kalau memilih Selalu, info tulisan tersebut tidak akan muncul lagi dan video akan selalu diputar dengan aplikasi pemutar video yang telah kita pilih. Namun, mungkin kita memiliki aplikasi pemutar video lebih dari satu dan ingin menggunakan pemutar video yang lainnya tapi karena telah memilih "Selalu" maka tidak bisa lagi. Untuk itu maka kita harus menghapus "Hapus Default" atau mengembalikan pengaturan tersebut seperti semula agar saat ingin memutar video akan muncul "Aksi lengkap memakai" dan kita bisa memilih ingin memutar video dengan pemutar video yang mana dari beberapa pemutar video yang ada. Haha.. Jujur saja saya pernah kesal lho gara2 itu. Sebetulnya petunjuknya sudah ada saat akan memilih "Selalu" tapi karena terburu2 biasanya tidak s