Selasa, 25 April 2017

Tutorial Sublime Text 3 – #16 Theme

      Assalamualaikum Wr. Wb. . Hai sahabat lupacode semuanya, apa kabar kalian hari ini ? semoga sehat selalu yah. Selamat datang kembali di blog Lupacode – Tutorial Pemrograman masih bersama saya selaku admin dari blog lupacode ini yang akan selalu setia memberikan tutrorial seputar pemrograman khususnya bagi temen – teman yang ingin menjadi seorang web desainer. Pada kesempatan kemarin kita telah membahas mengenai sebuah tutorial dimana kalian bisa dengan mudah mengerjakan beberapa file sekaligus dalam satu halaman, bagi sahabat lupacode yang absen dari tutuorial saya yang kemarin sahabat lupacode dapat mengunjungi materi yang kemarin mengenai Tutorial Sublime Text 3 – #15 Coding Modes atau sahabat lupacode semua dapat mengunjungi halaman Daftar Isi untuk melihat seluruh materi yang telah saya bahas.

Tutorial Sublime Text 3 – #16 Theme

          Pada materi kali ini saya tidak akan membahas mengenai produktivitas ngoding yang biasa kita lakukan, namun pada kesempatan kali ini kita akan membahas sesuatu yang menyenangkan yaitu mengenai Custumisasi tema dari sublime text yang kalian punya. Biasanya topik ini merupakan topik yang paling disukai karena setiap orang memiliki selara tersendiri terhadap tema yang dipilih.
          Sekarang yang akan kita ganti pada sublime text itu adalah tema nya, tema itu merubah seluruh tampilan sublime text mulai dari siderbarnya, menunya, kemudian tabnya, semua tampilannya bisa kita ubah. Caranya kita bisa instal pake package control tapi sebelumnya kita lihat dulu tema apa yang bisa kita instal pada sublime text ini.
       Pertama kita masuk dulu kedalam website nya package control yaitu https://packagecontrol.io kemudian di kotak pencarian kita tulis Theme kemudian kita pilih yang Popularity seperti ini tampilannya

Package control - Lupacode

       Sekarang kita lihat ini adalah tema – tema yang populer yang dimiliki oleh si sublime text 3. Yang paling pertama diatas dapat kalian lihat ada Theme – Soda yang paling banyak di install oleh pengguna sublime text kita coba menginstal dua theme saja pada materi kali ini nanti sisanya kalian bisa instalsendiri sesuai dengan keinginan kalian masing – masing. Yang pertama kita buka dan kita lihat dulu yang Theme – Soda tampilan tema nya seperti dibawah ini

Theme soda - Lupacode

Theme soda - Lupacode

        Kalian bisa lihat tampilan tema nantinya, ada yang cerah dan ada yang gelap. Sekarang kita akan mencoba menginstal tema nya. Caranya adalah seperti biasa kita masuk kedalam menu Preferences -> Package Control atau supaya lebih cepet kita panggil menggunakan  shortcut nya saja dengan menekan CTRL + SHIFT + P kemudian kita tulis install lalu kita tekan enter kemudian kita tulis nama tema nya “Soda” kalian pilih yang theme soda yang kedua seperti dibawah ini

Theme soda - Lupacode

     Kemudian kita tunggu supaya tema nya terinstall, nah kalau sudah untuk mengaktifkan  tema ini agak berbeda caranya. Kita kembali ke website yang theme soda tadi untuk melihat cara penginstalan nya.

Theme soda - Lupacode

   Cara untuk menginstalnya adalah kita masuk dulu ke dalam user setting dengan cara masuk ke dalam menu Preferences -> Setting -> User  lalu kita copy kan baris diatas, seperti contoh pada gambar diatas copykan bari yang itu. Sekarang kita copykan dulu seperti ini didalam setting user, kita paste code nya kemudian kita Save.

Setting user - Lupacode

  Seperti biasa kita restart dulu dengan cara menutup sublime text nya kemudian kita buka lagi sublime text nya dan sekarang tema nya sudah terganti menjadi seperti ini

Setting user - Lupacode

        Kalian bisa lihat disebelah kiri tampilannya sudah berubah folder nya juga berubah kemudian tab line nya juga berubah, tapi skema warna nya tetap sama, sekarang kalian bisa kombinasikan antara themes dengan color scheme seperti yang telah kita bahas mengenai color scheme pada materi sebelumnya.
       Sekarang kita coba ganti yang saat ini light (terang) nya menjadi yang dark (Gelap). Karena pada theme soda ini ada yang terang dan ada yang gelap, caranya adalah kita cukup mengganti tulisan “Shoda Light”menjadi “Soda Dark

Setting user - Lupacode

   Kita save dan tampilannya akan berubah menjadi gelap seperti ini

Setting user - Lupacode

   Oke itu yang pertama soda theme yang telah berhasil kita install
    Baiklah sekarang kalau kalian kurang suka dengan tema itu, kita akan coba lagi tema yang lain, kita coba install yang ke-dua yaitu Theme – Spacegray kalau kita lihat dulu tampilan pada websitenya adalah seperti ini

Theme spacgray - Lupacode

Theme spacgray - Lupacode

        Kalian bisa lihat contoh tampilan theme yang spacegray ada yang gelap dan ada yang terang nya juga. Sekarang kita coba instal dan kembali lagi ke sublime text kemudian kita tekan CTRL + SHIFT + P kita ketik install kemudian tekan enter lalu kita tulis nama tema nya “Space gray”kemudian kita pilih yang ke-dua

Theme spacgray - Lupacode

      Oke kalau sudah kita lihat cara instal nya, kita kembali lagi ke website nya lalu kita pilih saja code yang pertama, kalian bisa memilih yang lainnya sesuai dengan keinginan saja

Theme spacgray - Lupacode

       Kalau sudah di copy kemudian kita simpan di setting – user seperti tadi diatas caranya sama saja, kemudian kita ganti kode tema soda tadi yang pertama dengan tema space gray ini, seperti ini

Setting theme - Lupacode

     Kalian jangan khawatir punya dua color scheme gapapa, karna  color scheme yang pertama itu akan ditimpa oleh color scheme yang ke-dua. Oke kemudian kita save, maka tampilannya akan berubah dengan theme – spacegray

Setting theme - Lupacode

         Sekarang kalian bisa lihat tampilannya berubah, schema warnanya juga berubah. Kalau ga suka dengan yang ini kalian bisa menggantinya dengan yang light dengan mengcopy script nya pada website diatas kemudian paste di setting – user seperti biasa yang telah kita lakukan diatas.
        Kalau kalian ingin dengan mudah melihat theme yang sudah kita instal , kita dapat memasang sebuah plugin untuk mengelola management tema, kita coba instal plugin yang namanya “  Themr ”
   Seperti biasa kita masuk ke tekan CTRL + SHIFT P kemudian kita tulis install lalu tekan enter, kemudian kita tulis nama pluginnya ‘themr’ kemudian tekan enter

Plugin Themr - lupacode

   Ini untuk memilih dengan mudah thema yang kita punya, jadi kita tidak perlu buka lagi settingannya dan ganti tema nya secara manual, tapi dengan memanggil themr bisa mengganti tema dengan mudah.
   Kalau sudah terinstal untuk bisa melihat list tema nya kita bisa panggil command pallete dengan menekan CTRL + SHIFT + P kemudian kita ketik themr kemudian kita pilih yang list themr

Plugin Themr - lupacode

   Sekarang kalian dapat melihat list tema yang sudah kita pasang, dan kita akan lebih mudah mengganti tema. Baiklah sampai sini dulu untuk pembahasan materi mengenai tema sublime text nya, silahkan kalian pilih tema yang sesuai dengan keinginan kalian masing – masing. Kunjungi terus blog lupa code ini untuk update materi tutorial terbaru lainnya. Saya admin dari blog lupacode undur diri sampai bertemu dalam pembahasan materi lainnya.

Wassalamualaikum Wr. wb

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon