0
Home  ›  ManualBook  ›  MPLM UNP  ›  Website

Documentation Penggunaan Website MPLM UNP

"MPLM UNP merupakan lembaga legislatif yang ada di departemen Matematika FMIPA UNP"

website-mplmunp

Login Website MPLM UNP

Majelis Perwakilan Lokal Matematika atau MPLM UNP merupakan Organisasi legislatif mahasiswa ditingkat departemen yang berada di Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Padang (FMIPA UNP). Agar dapat login ke website

Berikut ini langkah-langkah cara login ke website MPLM UNP sebagai berikut :

  1. Untuk masuk ke akun blogger, langkah pertama adalah membuka situs Blogger. Silakan buka www.blogger.com, akan tampil halaman seperti gambar di bawah ini : masuk-akun-blogspot-blogger1
  2. Lihat gambar di atas, klik "buka" . Akan tampil halaman seperti di bawah : masuk-akun-blogspot-blogger2
  3. Selanjutnya ketikkan alamat email anda, lalu klik "berikutnya". Lalu tampil halaman seperti di bawah ini : masuk-akun-blogspot-blogger3
  4. Lihat gambar di atas, ketikkan sandi anda, lalu klik "berikutnya". Kemudian akan tampil halaman dashboard blogger anda seperti di bawah ini : masuk-akun-blogspot-blogger4
  5. Selesai

Posting Berita/ Informasi/ Kegiatan

Setelah memastikan Anda telah login pada website diatas, Login Website MPLM UNP. Pada bagian ini akan membahas terkait melakukan posting berita/artikel pada website tersebut. Berikut langkah-langkah nya:

  1. Pertama, pastikan anda masuk pada dashboard blogspot. Caranya : buka Login Website MPLM UNP, masukkan alamat gmail dan password. Akan tampil halaman dashboard anda seperti gambar di bawah ini : mengisi-web-kosong1
  2. Dari gambar di atas, klik "entri baru" . Kemudian akan tampil halaman seperti gambar di bawah ini : mengisi-web-kosong2
  3. Pada kolom judul : ketikkan judul yang anda inginkan.
    Pada kotak bertanda hijau, ketikkan artikel anda hingga selesai.
    Pada label : ketikkan kategori yang anda inginkan. Jika nama kategori sudah pernah dibuat sebelumnya, maka nama kategori akan muncul secara otomatis, klik saja, tidak perlu membuat nama kategori yang sama.
    Pada deskripsi penelusuran : isikan keterangan ringkas dari artikel anda.
    Jika langkah - langkah tersebut sudah anda lakukan, klik " publikasikan ". Anda akan dibawa kembali ke halaman dashboard anda di blogger. mengisi-web-kosong3
  4. Lihat gambar di atas, kotak warna hijau adalah tampilan judul dari artikel yang anda buat. Ketika penunjuk mouse anda diarahkan pada judul tersebut, akan muncul tombol : edit, lihat, berbagi, dan hapus. Jika sekiranya anda masih ingin mengedit artikel tersebut, klik saja edit, lalu lakukan pengeditan, setelah selesai klik " publikasikan ". Dari gambar di atas, klik "lihat" untuk melihat tampilan artikel anda di internet.

Posting Produk Hukum MPLM UNP

Membuat postingan tentang produk hukum pada website MPLM UNP, berarti Anda mengulangi langkah-langkah Posting Berita/ Informasi/ Kegiatan, melainkan Anda melakukan embed dokumen dan menambahkan link download Menambahkan Button Download pada bagian bawah postingan artikel.

Silahkan simak dan perhatikan langkah-langkah menambah postingan pada website MPLM UNP.

Perhatikan
pada bagian Label : isi dengan jenis produk hukum yang sesuai, seperti : Keputusan MPLM, Ketetapan MPLM, Peraturan MPLM, Undang Undang.
pada bagian deskripsi penelusuran : Silahkan deskripsi singkat tentang produk hukum dengan maksimal 150 huruf.

Featured Post :: Berita & Produk Hukum Pilihan/ Pinned

Pada langkah ini, Anda akan dibantu untuk menjadikan postingan berupa Berita & / Produk Hukum MPLM UNP menjadi pilihan yang di-noted pada bagian halaman depan website MPLM UNP.

Silahkan disimak dengan baik dan teliti video berikut ini :

Catatan :
Silahkan Anda Edit Berita / Produk Hukum yang akan dijadikan Featured/ Pilihan yang telah dibuat dan menambahkan label baru Featured.
Postingan Featured akan muncul 3 postingan yang telah dipilih.

Embed Dokumen dari Google Drive

Berikut adalah cara untuk menyematkan (embed) dokumen pdf yang terdapat dalam Google Drive kita ke dalam blog atau website:

  1. Bukalah dashboard Blogger dan juga file pdf yang ada di Googl Drive anda 1-sematkan-buat-postingan-baru Buka google drive Anda
    2-sematkan-Buka Drive
  2. Buatlah postingan atau bisa juga laman (page), dan tampilkan dengan mode html. 3-sematkan-Buat Postingan
  3. Bukalah preview dokumen pdf anda di Googe Drive. Caranya dengan klik kanan kemudian klik preview atau double klik saja dokumen pdf tersebut 4-sematkan-Pratinjau atau dobel klik
  4. Bukalah preview tersebut di jendela baru dengan klik ikon titik tiga di daerah pojok kanan atas. 5-sematkan-Buka Pdf di jendela baru
  5. Setelah dokumen pdf terbuka di jendela yang baru, kliklah embed atau sematkan 6-sematkan-Klik Sematkan
  6. Salinlah kode yang muncul setelah itu 7-sematkan-Copy kode html
  7. Tempel atau pastekan kode yang disalin tadi ke postingan. Disarankan untuk merubah pengaturan lebar sematan (atribut width) menjadi dalam bentuk angka persen, misal 100% atau terserah, tujuannya adalah agar tampilannya nati menjadi responsive 8-sematkan-pastekan
  8. Publikasikan dan selesai 9-sematkan-Berhasil

Demikianlah cara untuk menyematkan dokumen pdf yang ada di Google Drive, kita sematkan di blog

Menambahkan Button Download

Silahkan copy code berikut ini pada halaman postingan dan pastingan Anda mengedit dengan menu HTML

Button download solid

mplm-button1
<center><a href="#download" target="_blank"><button class="onmaibana"><i class="fa fa-download"></i> Download</button></a></center>
    

silahkan ganti #download dengan link untuk download file

Button download outline

button-download-outline
<div id="wrap" style="text-align: center;">
<a class="bie-slide2" href="#download" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Klik disini</span></a>
</div>

silahkan ganti #download dengan link untuk download file

Button download berdampingan

link-download-berdampingan
<div id="wrap" style="text-align: center;">
<a class="bie-slide2" href="#preview" target="_blank">
  <span class="circle2"><i class="fa fa-link"></i></span>
  <span class="title2">Preview</span>
  <span class="title-hover2">Preview</span></a>
  <a class="bie-slide2" href="#register" target="_blank">
  <span class="circle2"><i class="fa fa-user"></i></span>
  <span class="title2">Daftar disini</span>
  <span class="title-hover2">Register here</span></a>
</div>

Silahkan diganti
#preview dengan link untuk Preview
#register dengan link untuk melakukan registrasi

Button Countdown Download File

button-download-file

Widget Coutdown Download file ini merupakan widget yang akan memberikan informasi waktu menunggu dengan durasi sekitar 10 detik dan file tersebut baru bisa dilakukan download ke link asli. Perhatikan code berikut ini :

<div class='downloadInfo'>
<span class='fileType' data-text='zip'></span>
<div class='fileName'>
<span class='textd'>file_name.zip</span>
<span class='fileSize'>200kb</span>
</div>
<a class='fileLink' aria-label='Download'><i class='icon download'></i></a>
</div>
<div class='wcTargetLink'>https://www.inakri.com</div>

Silahkan ganti https://www.inakri.com dengan link download yang telah dibuat baik dari google drive/onedrive atau link download lainnnya.

Source:
https://blog.inakri.com

MIKO MARTUNUS
MIKO MARTUNUS Miko is a simple human who has hobby off reading, writing, and likes to learn programming languages with a little dream to be alike a coconut tree
Post a Comment
Newer Posts
Latest Posts
Additional JS