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 🙂

 

Advertisements

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 🙂

Mengenal Ionic Framework

ionic-guide

MasPram – Semoga pembaca dalam keadaan sehat selalu, amin. Kali ini saya akan membahas mengenai Ionic Framework. Apa sih Ionic Framework? mungkin dari namanya kelihatannya merupakan nama minuman. Bukan, ionic bukan nama sebuah minuman melainkan sebuah framewok yang dikhususkan untuk membangun aplikasi mobile hybrid dengan HTML5, CSS dan AngularJS. Ionic menggunakan Node.js SASS, AngularJS sebagai engine-nya. Ionic dilengkapi dengan komponen-komponen CSS seperti button, list, card, form, grids, tabs, icon dan masih banyak lagi. Selain itu memungkinkan aplikasi dapat berjalan dibeberapa platform smartphone. Jadi Ionic itu merupakan teknologi web yang bisa digunakan untuk membuat suatu aplikasi mobile. Karena hybrid maka aplikasi hanya dibuat 1 kali tetapi sudah bisa dirilis di lebih dari 1 platform alias cross-platform.

Kelebihan

  • Mempersingkat waktu pembuatan dan pengambangan.
  • Gratis dan bebas digunakan untuk kepentingan pribadi maupun komersil.

Kekurangan

  • Masih sebatas framework, jika untuk membungkusnya menjadi aplikasi Android, iOS atau windows phone tetap menggunakan Phonegap

Cara menggunakan Ionic Framework

  • Untuk mempelajari lebih lanjut ionic framework dapat mengunjungi situs resminya di Ionic Framewok
  • Install terlebih dahulu Git For Windows dan opisional console [Disini]
  • Install terlebih dahulu Node.js  [Disini]
  • Buka CMD atau Command Prompt. Cek apakah sudah terinstall node.js atau belum. Ketikkan node -v

nodecek

  • Cek NPM (Node Package Manager). Ini sudah terinstall bersamaan dengan install nodejs. Tools ini akan sangat membantu saat menambahkan module nodejs akan terinstall secara default di C:\Program Files\nodejs\node_modules\npm\bin.
    Ketikkan npm -v di CMD

npmcek

  • Ketikan npm install –g cordova kemudian enter, Tunggu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek cordova
  • Ketikan npm install –g ionic kemudian enter, Tunggu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek ionic
  • Selanjutnya jalankan ionic menggunakan CMD, ketikkan seperti dibawah ini

ionicstart

  • Akan otomatis membuat folder myapp di desktop anda

des

  • Selanjutnya jalankan file project yang sudah terbuat tadi seperti dibawah ini, secara otomatis akan muncul di webbrowser anda.

ionicmyapp

myfirstapp

 

Sekian dan terimakasih, semoga bermanfaat 🙂