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 🙂

 

Cara Mengubah Huruf Kapital (Case) menggunakan CSS

alphabet-upper-and-lower-b&w-mdMas Pram – Kali ini saya akan membahas mengenai bagaimana caranya merubah huruf kapital (Case) menggunakan CSS. Namun dalam pembahasan lebih detailnya kita akan merubah teks kapital menjadi huruf kecil semua, dan sebaliknya. Bagaimana caranya? Berikut ini penjelasannya:

 

Contoh penggunaan di HTML


Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Script/Kode CSS untuk merubah huruf kapital


p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

Demo

Share File Via Wifi Menggunakan Filedrop

file-drop-logo-duniagamaMasPram – Semoga pembaca dalam keadaan sehat selalu. Kali ini saya akan membahas bagaimana caranya sharing file via wifi menggunakan Filedrop. Apa itu Filedrop?

Filedrop merupakan aplikasi atau software yang membantu anda untuk berbagi file dalam skala kecil maupun besar walaupun berbeda OS dan Perangkat melalui wifi. Tidak perlu khawatir untuk penggunaanya, aplikasi ini sangat mudah untuk digunakan. Contohnya saja Filedrop dapat berbagi dari OS MAC ke Windows, Windows ke Android ataupun dari HP ke PC, ataupun sebaliknya.

Bagaimana cara menggunakan Filedop?

  • Download aplikasi Filedrop langsung dari website resminya : http://www.filedropme.com/
  • Install aplikasi Filedrop yang sudah anda download tadi
  • Setelah proses installasi selesai, akan muncul tampilan seperti dibawah ini. Filedrop akan mencari perangkat yang terkoneksi wifi sama dengan perangkat anda

filedrop-duniagama

  • Setelah menemukan perangkat, anda hanya Drag dan Drop file yang akan dibagikan.

Filedrop-MacBook

  • Anda dapat menentukan lokasi folder untuk menyimpan file yang dibagikan, dengan menekan tomblo atau icon dibawah file tranfser.
  • Untuk penerima file anda akan menemukan tampilan untuk menyetujui atau tidak untuk menerima file.

filedrop-duniagama-1

  • Tunggu hingga proses transfer atau bergi selesai.

Semoga bermanfaat 🙂

 

Download Soundtrack Opening Boruto: Naruto Next Generations

Mas Pram – Assalamualaikum, semoga pembaca dalam keadaan sehat selalu. Kali ini saya akan membagikan Soundtrack Opening Boruto : Naruto Next Generations. Yang suka nonton naruto, ini merupakan kisah kelanjutan kehidupan naruto setelah perang ninja ke 4 yang lebih spesifik menceritakan kehidupan anaknya, yakni Boruto dan kawan-kawan. Berikut ini soundtrack opening boruto,

Boruto - Mas Pram

 

Penyanyi : Kana Boon

Judul lagu : Baton Road

Download : [Mediafire] [Zipphyshare] [mega.nz]

 

Semoga bermanfaat, terimakasih 🙂

Download Internet Download Manager 6.28 Build 15 Full Version

IDMMasPram – Melalui situs resminya Tonec atau IDM kembali lagi mengupdate versi IDM terbarunya menjadi 6.28 build 15. Sebelumnya IDM banyak mengalami kegagalan pada versi sebelumnya dan sampai saat ini banyak yang belum menemukan solusinya jika menggunakan path ataupun serial number. Seperti, muncul pop up fake serial number padahal sudah di patch atau di crack. Namun hal ini tidak berpengaruh pada prosess download atau yang lainnya. Hanya saja sedikit mengganggu karena tiap kita ingin mendownload sebuah file, pasti akan muncul. Selain itu, IDM belum sukses singkronisasi instalasi dengan web browser Mozilla Firefox.

Download

IDM + Crak/Patch [Mediafire] [Zippyshare]

Password : maspram21

Cara Install :

  1. Download file Internet Download Manager 6.28 Build 15 + Patch
  2. Jangan lupa matikan Antivirus sebelum menginstall Crack!
  3. Extract engan WinRAR
  4. Note : Bila diperlukan, Uninstall IDM sebelumnya kemudian Restart PC/Laptop kalian agar tidak terjadi penumpukan file .old pada IDM
  5. Jika sudah mengupdate IDM ke versi ini tidak perlu uninstall IDM versi sebelumnya dan lanjut ke step 7.
  6. Install Internet Download Manager hingga selesai
  7. Close Internet Download Manager yang ada di Taskbar
  8. Buka folder PATCH dan copy crack.exe. dan paste ke directory installasi IDM
    (C:\Program Files (x86)\Internet Download Manager)
  9. Klik kanan pada crack.exe dan jalankan dengan Run As Administrator
  10. Klik patch dan isikan First Name dan Last Name kalian.
  11. Selesai

Uji coba : Windows 7, Windows 8, Windows 10

Semoga bermanfaat 🙂

 

Membuat Breadcrumb Menggunakan Bootstrap

MasPram – Assalamualaikum, semoga pembaca dalam keadaan sehat selalu. Kali ini saya akan membahas mengenai Bootstrap, namun lebih spesifiknya kali ini saya akan membahas bagaimana membuat breadcrumb navigator menggunakan bootstrap. Berikut ini cara membuatnya :

Breadcrumb-bootstrap

  • Tambahkan seperti dibawah ini untuk memanggil file javascript dan css bootstrap
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  • Tambahkan Script dibawah ini dalam tag <body> </body>
<div class="bs-example">
<ul class="breadcrumb">
	<li><a href="#">Home</a></li>
	<li><a href="#">Products</a></li>
	<li class="active">Accessories</li>
</ul>
</div>
  • Tambahkan css dibawah ini di datam tag <head></head>
.bs-example{
margin: 20px;
}
  • Simpan dan jalankan File

 

Download | Demo

Semoga bermanfaat 🙂