• Tentang UGM
  • simaster
  • Pusat TI
  • Perpustakaan
  • Penelitian
  • Surel
Universitas Gadjah Mada Direktorat Teknologi Informasi
Universitas Gadjah Mada
  • Layanan DTI
    • Software
  • Tutorial
  • Tentang Kami
    • Sejarah
    • Struktur Organisasi
    • Penghargaan
  • Tanya Jawab
  • Informasi Publik
  • Home
  • Tutorial

Tutorial Web Responsive

  • Tutorial
  • 6 March 2015, 08.12
  • By : ghufran.asrofi

Beautiful icons

Web lama

gambar 1.1.  Tampilan Web lama

new-web-blank

gambar 1.2  Tampilan Web Responsive

gambar 3

gambar 1.3 Tampilan Module layout postion di yootheme

A.    Panduan migrasi ke theme responsive

1.  Aktifkan Theme UGM Responsive

theme responsive

 

2. Pengaturan Menu Dashboar;

pilih Master | Settings

gambar master

Pada pengaturan ini, tidak melakukan pengaturan (editing) pada file LESS, sehingga “uncheck”
Compile Less, karena tampilan mengunakan CSS.

gambar compression

Kompresi CSS dan JS dapat dilakukan jika editing tampilan sudah selesai (fix)

Leave A Comment Cancel reply

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

Membuat Breakroom untuk rapat daring pada Microsoft Teams

Tutorial Monday, 24 November 2025

Penting sebelum memulai

Breakout Rooms adalah ruang virtual terpisah yang dibuat oleh penyelenggara (dosen atau pengajar) di dalam rapat utama yang sedang berlangsung.

Panduan Microsoft Teams sebagai alternatif pertemuan daring selain Gmeet dan Zoom

Tutorial Monday, 24 November 2025

Dewasa ini, penggunaan platform daring atau komunikasi berbasis video sangat lazim digunakan. Selain zoom meeting dengan kapasitas basic yang terbatas dan berdurasi sekitar 40 menit, serta google meet yang umumnya terbatas sampai 100 peserta yang hadir dalam rapat, terdapat alternatif lain untuk mengatasi keterbatasan tersebut. 

Alternatif tersebut tersedia dalam Microsoft Teams 365 UGM.

Google Meet: Alternatif Video Meeting dari Google Workspace

Tutorial Monday, 24 November 2025

Secara umum, Google Meet sudah terintegrasi dengan ekosistem Google Workspace (Gmail, Calendar, Drive). Oleh karena itu, pengalaman rapat seringkali terasa mulus jika Anda sudah login ke akun Google, khususnya ketika menggunakan Google Workspace UGM.

Maintenance Website

Update Friday, 25 July 2025

Kepada Para Pengelola Laman Web di UGM,

Pada Jumat, 25 Juli 20205, pukul 15.00 – 17.00 WIB akan dilakukan maintenance infrastruktur website,

sehingga beberapa/banyak website akan terkena dampak maintenance dan tidak dapat diakses.

atas perhatiannya kami ucapkan terima kasih

.

Tutorial

  • Membuat Breakroom untuk rapat daring pada Microsoft Teams
  • Panduan Microsoft Teams sebagai alternatif pertemuan daring selain Gmeet dan Zoom
  • Google Meet: Alternatif Video Meeting dari Google Workspace
  • Maintenance Website
  • Workshop Manajemen Ruang Untuk Penjadwalan Kuliah
Universitas Gadjah Mada

Direktorat Teknologi Informasi
Universitas Gadjah Mada
Rumah Dinas E1, Jl. Bungur Selatan, Bulaksumur, Yogyakarta 55281
   dti@ugm.ac.id
   +62 (274) 515660
   +62 (274) 515664

Pranala Bantuan

  • Panduan Login Eduroam
  • Panduan Login UGM Secure
  • Panduan TIK UGM
  • Helpdesk UGM
  • UGM Speedtest
  • Aktivasi Office
  • Microsoft Office 365

Tutorial

  • Panduan Email UGM
  • Setting Akun Email UGM di Outlook
  • Setting Akun Email UGM di Android
  • Registrasi Blog UGM Untuk Mahasiswa
  • Dreamspark Mahasiswa
  • Konfigurasi Online Meeting menggunakan Skype for Business

Pranala Penting

  • Electronics Thesis Disertations
  • Direct Access Journal

© 2023 DTI Universitas Gadjah Mada

[EN] We use cookies to help our viewer get the best experience on our website. -- [ID] Kami menggunakan cookie untuk membantu pengunjung kami mendapatkan pengalaman terbaik di situs web kami.I Agree / Saya Setuju