Hack CSS untuk Microsofts Edge (Spartan)

microsft-edge-eko-pramono

Mas Pram – Assalamualaikum, semoga pembaca dalam keadaan sehat selalu. Sebelum membahas judul diatas, saya mohon maaf untuk keterlambatan membalas komentar pada setiap postingan blog ini, ataupun melalui media sosial saya, dikarenakan memang ditahun 2018 ini saya kurang aktif untuk menulis di blog. Namun, jika ingin komentar atau pertanyaan anda cepat saya respon silahkan hubungi melalui whatsapP, nomor kontak ada di paling bawah postingan ini. Terimkasih.

Sesuai judul diatas, maka saya akan menjelaskan mengenai CSS untuk web browser Microsoft Edge. Mengapa microsoft edge? bukannya web browser ini sudah ketinggalan, seperti saudara kandungnya yakni Internet Explorer. Awalnya saya juga menganggapnya seperti itu, di jaman ini siapa yang masih menggunakan internet explorer ataupun microsft edge. Namun anggapan itu terbantahkan, dengan saya memperoleh banyak pengetahuan di tempat saya bekerja dengan mayoritas mempunyai klien dari daratan eropa. Diluar sana, di eropa mayoritas hampir seperempat pengguna web broser menggunakan internet explorer dan microsft edge untuk berselacar di internet. Terkadang kita membuat script css hanya untuk Chrome dan Firefox.

Nah, kali ini saya akan membagi bagaimana mengatasi css yang terkadang tidak terbaca ataupun tidak berfungsi untuk kedua browser bersaudara ini. Berikut ini penjelasannya.

 

These are my legal CSS Hacks for fixing web browser quirks or outright bugs. Please enjoy, I have been working on them for years. May it help you if you need them.

 

/* Microsoft Edge Browser 12+ (All) – @supports method */

@supports (-ms-ime-align:auto) {
.selector { property:value; }
}

/* Microsoft Edge Browser 15+ – @supports method */

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
.selector { property:value; }
}

/* Microsoft Edge Browser 14+ – @supports method */

@supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) {
.selector { property:value; }
}

/* Microsoft Edge Browser 14 – @supports method */

@supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) and (not (-webkit-text-stroke:initial)) {
.selector { property:value; }
}

/* Microsoft Edge Browser 14- – @supports method */

@supports (-ms-ime-align:auto) and (not (-webkit-text-stroke:initial)) {
.selector { property:value; }
}

/* Microsoft Edge Browser 12 */

@supports (-ms-accelerator:true) and (not (color:unset)) {
.selector { property:value; }
}

Nah, script diatas bisa anda coba sendiri mana yang sesuai dengan keinginan, semoga bermanfaat, dan terimakasih.

Jika ada masalah atau pertanyaan, silahkan hubungi admin melalui : Facebook | WA { +6285273357370 }

Advertisements

Cara Menambah Custom Class di Item Menu WordPress

MasPram – Pada artikel ini saya akan membahas mengenai bagaimana cara menambah custom class di item menu wordpress. Ini berdasarkan pertanyaan pengunjung blog ini melalui whatsapp. Pada masalah yang terjadi ketika membuat menu maka hanya class default menu saja yang ada, bagaimana untuk menambahkan class lagi?

Sebenarnya pengaturan untuk menambahkan custom class sudah ada, namun disembunyikan atau tidak ditampilkan pada pengaturan menu yang kita buat seperti gambar dibawah ini:

menu-wordpress

Lalu bagaimana cara untuk memunculkan pengaturan menambah custom class di wordpess? Berikut ini langkah-langkahnya:

Dashboard > Appearance > Menus, klik Screen Options

screen-option-wordpress

Maka akan muncul list pengaturan menu, ceklis pada CSS Classes

css-class-menu-wordpress

Buka atau expand menu yang anda buat, maka akan muncul otomatis untuk menambahkan custom class menu

add-custom-class-wordpress

 

Semoga bermanfaat 🙂

 

7 Februari 2013, Peluncuran Perdana Wikipedia Minangkabau

MasPram – Assalamualaikum, tepat hari ini 7 Februari 2017 dimana empat tahun lalu pertama kali Wikipedia Minangkabau diluncurkan. Awalnya Wikipedia Minangkabau digagas sekitar tahun 2008 lalu oleb beberapa pengguna wikipedia yang berdarah minang atau yang biasa menggunakan bahasa minang.

wikipedia_minang

Sebelum diluncurkan Wikipedia Minangkabau awalnya hanya berada di incubator wikipedia, dalam arti lain Wikipedia Minangkabau hanya berada di sub-sub wikipedia yang belum diluncurkan atau belum dirilis. Proses peluncuran awalnya dimulai dari diselenggarakannya Language Camp Universitas Indonesia oleh WMID (Wikipedia Australia). Wikipedia Minangkabau membutuhkan proses tidak lama untuk diluncurkan setelah tanggal 29 Januari 2013 mendapatkan resmi dari Board Of Trustees dan Language Committee akhirnya tanggal 7 Februari 2013 Resmi Wikipedia Minangkabau diluncurkan.

Saat ini Wikipedia Minangkabau memiliki 221.968 halaman dalam bahasa minangkabau dengan jumlah anggota sekitar 5.360 dan 3 Pengurus/Admin.

Tahu kah anda? Wikipedia Minangkabau menjadi  menjadi wikipedia terbesar ke-31 di dunia.

Cara Mengganti Icon Blog di WordPress

Assalamaulaikum, kali ini saya akan membahas bagaimana mengganti icon wordpress yang terkadang membuat sedikit gak pede dengan tampilan wordpress anda. Berhubung wordpress sering mengganti tampilan dan posisi pengaturan di wordpressterkadang pengguna baru sedikit kesulitan mencari menu-menu untuk merubah tampilan blog. Langsung saja menuju Tempat Kejadian Permasalahan.

  • Pastikan anda sudah login di akun wordpress anda, klik logo wordpress yang bertuliskan My Site dan alamat blog anda di pojok kiri anda setelah anda login.

icon

  • Anda akan diarahkan ke tampilan blog anda. Selanjutnya arahkan mouse anda ke pojok kiri atas di icon wordpress yang bertuliskan My Sites. Secara otomatis akan muncul kebawah beberapa pilihan. Klik/Pilih Wp admin.

icon2

  • Selanjutnya Pilih Settings >> General.

icon3

  • Pilih dan upload gambar sesuai keinginan anda dipojok kanan anda. Dan atur ukuran gambar sesuai keinginan anda. Kemudian Save

icon4

  •  Maka hasilnya seperti ini

icon5

Semoga bermanfaat 🙂