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 Tentukan Sizes Width Height Gambar Yang Sulit Diatur Pada Template Blogger


Salah satu penyebab beratnya loading Blog pada hasil tes di Pagespeed insight adalah karena sizes width heigth gambar yang tidak atau belum ditentukan ukuran pastinya.

Khususnya pada halaman Beranda/Arsip/Search/Label, widget PopularPost, widget FeaturedPost.

Sementara untuk gambar postingan mungkin dapat dengan mudah diatur karena hanya menggunakan kode html biasa. Berbeda dengan gambar di Beranda misalnya kodenya bukan html biasa melainkan tag khusus jadi rada membingungkan bagi yang belum terbiasa.

Saya bukan ahli tapi bisa sedikit wkwk.

Berikut contoh tag khusus gambar pada Template Essential/Contempo Blogger.

<b:if cond='data:post.featuredImage'>
<div class='snippet-thumbnail'>
<b:include data='{image: data:post.featuredImage,                                    imageSizes: [100],                                    imageRatio: &quot;1:1&quot;,                                    sourceSizes: &quot;100px&quot;}' name='responsiveImage'/>
</div>
</b:if>

Itu kode aslinya namun saya ubah sedikit agar dapat langsung dipakai bagi yang membutuhkan.

Pada aslinya bagian sourceSizes: &quot;(max-width: 800px), 20vw, 20vw&quot;

Itu ukurannya kurang pasti jadi saya ganti menjadi 100px supaya pasti. Hasilnya 100x100px pada jenis layar apapun, kan keren konsisten. Atau pakai vw juga lebih bagus misal 20vw yang otomatis menyesuaikan ukuran pada layar apapun tanpa merubah sizes. Sizes 100px width=20vw height=20vw. Saya lupa vw itu berapa px. Yang penting jangan pakai max-width karena ukurannya akan berubah-ubah. Kalau harus pakai max-width sebaiknya pasang pada bagian css langsung bukan pada kode gambar.

Namun kode gambar seperti dibawah ini mungkin lebih simpel tapi saya belum pernah mencobanya.

<img expr:src='data:post.featuredImage'/>

Tinggal ditambahi sedikit menjadi begini.

<img expr:src='data:post.featuredImage' sizes='250px' width='20vw' height='128px'/>

Entahlah.

Itu satu contoh pada Template Essential/Contempo, masih ada satu jenis lagi kode yang saya dapat dari Notable, kodenya lebih rumit yaitu me-resize gambar pada url-nya.

https://1.bp.blogspot.com/--9fWds_FK88/YCfrpVHBlzI/AAAAAAAAAuM/ACsj2jlEsIISKu42nkfGIZcrGhRMxAguACLcBGAsYHQ/s140/no-image-02.jpg

Bisa dirubah menjadi.

https://1.bp.blogspot.com/--9fWds_FK88/YCfrpVHBlzI/AAAAAAAAAuM/ACsj2jlEsIISKu42nkfGIZcrGhRMxAguACLcBGAsYHQ/s1600/no-image-02.jpg 

Merubah url yang terlihat seperti itu dari s140 menjadi 1600 mungkin mudah tapi kalau urlnya tidak terlihat tentu akan sulit. Lihat kodenya diposting satunya Kumpulan Tag Data Template Blogger

Komentar

  1. Saya malah kesulitan edit panjang lebar foto profil author.. Karena gak bisa bisa saya lepas saja, wkwkwk

    BalasHapus
  2. mantul sekali...saya mencoba nilai serba auto namun salah satu nilai harus ditentukan terlebih dahulu, ternyata work juga...

    BalasHapus

Posting Komentar

Popular Posts

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

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 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