Langkah-Langkah Membuat Microsite di Shortlink s.id - Bagi seorang Instruktur, Fasilitator ataupun guru yang sedang melaksanakan suatu pelatihan atau pembelajaran, tetapi belum memiliki website atau webblog dapat tampil profesional dengan memanfaatkan fitur Microsite dari platform shortlink s.id secara gratis yang dapat dijadikan sebagai elearning sederhana dengan tampilan yang elegan dan profesional.
Berikut langkah-langkah membuat microsite di shortlink s.id
MEMBUAT AKUN DI s.id
- Siapkan email anda, misal "namaemail"@gmail.com
- Bagi yang belum memiliki akun di s.id, lakukan pendaftaran terlebih dahulu.
- Pada kotak Address Bar, ketik s.id atau klik link ini s.id
- Dari halaman home.s.id, klik tombol Login/Register
![Home s.id Home s.id](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8M6NTmmZ3MZgXe9GV9YqdTbW-AoikGDWucjGHGyGqbqIrxr7cJARnH3Xqn-kGSJfQn_LASew7H4SIzT1s-oQ22myC_1aM7qJoINZW1kJIzc3GPa7AdoCkRpyChkrobiUZpTPVmsnFQc-4exFLHDFfpOfonbKWWsLUrPAXGKdeN4AIx6WJPVFR7gF/w640-h360-rw/sid%201.png) |
Gambar 1 Halaman Home s.id |
![Login dengan akun google Login dengan akun google](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfxtI2R_x0gcssH0Tdo8wlQ2j-kRV44ONMhLfVu0sidsNuqfNfYCFXo7rXIdbwBllh1iO81CLH66FLS89h4MVSC5Ts-Yhqj_GPeBRYV3WCJxlyl0120PnH6dKzIktD9kGY3MUgEdaDzqd4qihqWEAcS7J9GEqAJSaX4ErYxORllEOFA2yqWmJ4I4L/w640-h360-rw/sid%202.png) |
Gambar 2. Login dengan akun google |
- Masukkan akun google anda.
- Klik tombol Berikutnya, lalu masukkan sandi akun anda dan selesaikan proses login
![Masukkan akun Google Masukkan akun Google](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZK1iZOIzceegx9R6gL-2QvDXiHLdVw0plmkenr5O63CxO4a3PH9TF9repyMgMJEt0WXnKVlbxOcBLSj1DpkZabhGSHV_k8TDTAT-xYPjVgK000ZkzArWckaM11jKj_4Jl09T5Kk9kWMrA2jxm_TJdFm3OY05biztnhcpsp-dDN8c0kg3JBdfUrrhz/w640-h360-rw/sid%203.png) |
Gambar 3. Masukkan akun Google |
- Setelah berhasil akan muncul halaman ini. Centang kedua kotak lalu klik tombol Continue
![Halaman Aouth s.id Halaman Aouth s.id](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXHo3Ofux5RmjyEDuFh8wD3SkbDAH5SC2Ihf4k2Vjylms0y92SWjucGXIo_649FW12Jssav7s9BcAZSyBbWDfsvm29r7KfaTIUZdYMT_5kDvK5j5-y2qwZVjw-IGxj1RJhrgviB3t3gUZh0Ufh3_f0M40Of4zd8moQRc4z4jL3WxfHHs9ORqbl6yO/w640-h360-rw/sid%204.png) |
Gambar 4. Halaman Auth login |
- Tunggu proses, jika berhasil akan tampil halaman dashboard akun s.id kita, seperti gambar berikut
![Halaman Dashboard akun s.id Halaman Dashboard akun s.id](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1E7UDWvXwe_PDGgjHukHCiOolzO1HUBSDcdrGMvhYXFVvH6RPCvtPK2qwsV60cSQfG269qnaUTeGtResC8fAqwzkW01_bwWBvDlfkC43cgnKTrXnvgCQ2wdFiHmzAylSRU09v8lXChSXxQBItb_cuSIfy2-xIlT6OV7E30r3GTqhBWxDV_QlGyrPM/w640-h360-rw/sid%205.png) |
Gambar 5. Halaman Dashboard akun s.id anda |
MEMBUAT SHORT LINK (Memperpendek Link)
- Misal, ambil link berbagi file di Google Drive
- Klik Menu Links di bawah Dashboard
![Membuat Short Link Membuat Short Link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57DN-TexK918DI1CTScMRR6SpzgPfpFPpavkdgWKw2XF0RQZirFqOd2pKGkWiGlw2FfT6lb6Ki3kzT7EsucblzbYj0k2XB_65PMksMBwiVyYmciPYNmdgUlAWQxNpmGStyc9FknFDtBWoJ1XiHLckebyoN0FUlPwDqn4G_caPa2Ve0ih8CQPA5ZlI/w640-h360-rw/sid%206.png) |
Gambar 6. Langkah 1 Membuat Short Link |
- Paste link yang diperoleh dari langkah 1 ke kotak Short it (Tekan Control + V)
- Lalu Klik Tombol Short it!
![Memasukkan link ke kotak Short it Memasukkan link ke kotak Short it](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinvetfuJzAvLmaWmgxjXabDyHyP7Ch7qGYH4n3IJff4uo8wxT16SF-I1TDEsKn2oMqI7qUlfhOil4q2BfSglPA2raX85Gxyi7l4PO7kO20L1g6AHcjTPuXj3UKM0J0XBX_sEqAuTIikrwgyvVCEqLSZtqlavr53KOUCitzrF8GdlJQGULKDuX9PurD/w640-h360-rw/sid%207.png) |
Gambar 7. Langkah 2 shot link di s.id |
- Sistem akan memperpendek link kita secara otomatis, seperti gambar berikut, lalu tutup kotak tersebut
![Short Link Berhasil dibuat Short Link Berhasil dibuat](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNTKTwJUXe4qOk2-siLRO3TX2ZpLcj_k8ToKGWe0sfIWSZ6gYN_-VlcwOfBRYVPpzAZU0PNMkO1pZNt1p4tQf3q_x98FAMyR7FlYQcnb8qb3D0Qi-S9DiGEcHglIkHjLkuYGk1wPlH1WUYNYbImBF3srI8Pyhfkg6-x7jpyRYsLE5X_FunoR_vV15/w640-h360-rw/sid%208.png) |
Gambar 8. Short Link Berhasil dibuat |
- Untuk mengganti link sesuai keinginan kita, klik tanda pensil di sebelah kanan link yang dibuat pada langkah diatas.
![Mengganti nama short link Mengganti nama short link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jTFP-FQgzdjnvpw-IfiRgtVUmLPfatZyUGXy2Iwvq39ChlLKTGLfWdd40e7lBXjqjXktJAJSmK2easlDviIE1rdStRrvnqRD8BT3jV0BXjkj4n5CmDpEPKjTZCe9jZZ82kHGmJyDkdo6CTPRKlXsfXWxvjF3nhRXALmc0IGViIIoWtmKPG_txx3A/w640-h360-rw/sid%209.png) |
Gambar 9. Tool Mengganti Nama Short Link |
- Gantilah Nama sesuai dengan yang diinginkan
- Lalu klik tanda centang.
![Mengganti nama short link Mengganti nama short link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX2vk26956fVYXYNwVNEkZDUUa42F8tj8alIRI4YlnN9Gvz0CXoxTFX8KAJiUQ6F2nzC7n0Uv_YnhnCVIhRGHYkgzF6tCwABPe_0X1_o4eAU2Lkqn8ar0ZthdYT4bV1XbtbOlMmHRCpOt9Bwljv5aA7ChN888Ln2gCS_a50_4aF4dCaoi_3poc_NGg/w640-h360-rw/sid%2010.png) |
Gambar 10. Mengganti nama short link |
- Untuk membagikan link, klik Tool Share, kemudian pilih link mau dibagi ke facebook, twitter, whatsapp dan lainya.
![Share link Share link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAVaNXDAQMwbZmcOIhkbdtyUTLRJS6sn6dDzPU2K1K_NMjmzay2EhueHq2i51h1WFJuH6hz9tJcII6CzY2bO-Ab0atfstie-w6N-BP_tGZ3xlBWQl1xiTMCuNXXD-hENio0-9ZNTKKJkWT54NvKfU4AKOdzgIs0khKQioVpG5tBkCNZow6fYhcEFkP/w640-h360-rw/sid%2011.png) |
Gambar 11. Share link |
MEMBUAT MICROSITE
- Dari halaman Dashboard klik menu Microsite
- Klik tombol + Create new
![Membuat Microsite Baru Membuat Microsite Baru](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsH7R-Cxp0-MHDPHF6OiyqRVvPm47m-PlM3IXXdXQrLcTYzPwo5XE2V9Qe9JgS29YBZbnSwc2x7vVf80YNpDf366ISmJhqHEd6qBQ0pv-A7zzsgW5qoxKRBkZLexk9tlAYeCZpj5izdkh0rR62YfCDnLmTKojPhnSHgvDNpZpxwIFXmNbMpgFBvdxE/w640-h360-rw/sid%2012.png) |
Gambar 12. Membuat Microsite Baru |
- Klik template yang diinginkan
- Jika ingin melihat klik preview
- Tutup kotak Preview
- Lalu klik tombol Next
![Memilih templat Memilih templat](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2Ys023VzgEAKXyQPOLoJzLMFEOqto-CH-Pk1FMxrfvbSzg312XRfhCegPrt2PF6J-aE7v1_j75q2gePQsFMedU4N-zSuufSoEhpPHfyfVr1sviZs9_kodED6QHhIKHxkwQ3XeqhPMr7zWWU5jo6uAl4JwzNXMCYbl7D5vecrAnRj0YTL8gwoOKsb/w640-h360-rw/sid%2014.png) |
Gambar 14. Templat Microsite |
- Buatlah Nama Microsite
- Buatlah url (link) dari microsite
- Pilih tipe, misal pendidikan
- Klik tombol Create
![Nama, alamat link dan tipe microsite Nama, alamat link dan tipe microsite](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QpM4YROblo1CY8OamYAkvD4o0U0MDEi4925e1Wq-y9bl1sJeHi4J4ATiQJui2h49moJWBInkO_5YyvoDjCQlj-iwI_AeN-e1Nb411U3Zq3_wnX1vYxj1aI8IlNVW6tDNgGg0O5VKmOtO-cDYRLK_5-5EtlI-myG6tlyKEJaZOTQEKbWt7OayVQKT/w640-h360-rw/sid%2015.png) |
Gambar 15. Nama, alamat link dan tipe microsite |
- Microsite berhasil dibuat, tunggu sampai proses pemuatan halaman microsite selesai, maka kotak dibawah ini akan ditutup secara otomatis
![Microsite berhasil dibuat Microsite berhasil dibuat](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOq2NazuhqwgUKYLxD_5Vy1ctIrJPIAeWclGRGmbcvWoLAQct0IYa7U2wt0xYA393ANZcyrdVBomG4GBZH3zW7-Pvqs1Z35A1bGtgO6MaQHLFHUWfoPsX9Bv65WV78_iDp0UsMrKoWKeGYUcSFwq0MWLzdHHz_Zmcc8MT50X93AFe6r_IrhlrLvgm/w640-h360-rw/sid%2016.png) |
Gambar 16. Microsite berhasil dibuat |
MELAKUKAN PENGATURAN DAN MENAMBAH KOMPONEN MICROSITE
Tampilan Microsite sebelum melakukan pengaturan lanjutan. Gambar sebelah kiri merupakan layar kerja microsite, dan gambar sebelah kanan merupakan priview dari microsite
![Tampilan Microsite MGMP Tampilan Microsite MGMP](https://blogger.googleusercontent.com/img/a/AVvXsEhhwO-EU2-qMQe6gFaNuA5muYDzaGxu2zqlvjtPZirw6Ym7SBmvzdFnOq9vzuKtxX0FPNpu4eBl8Zh_OvGYIDrlvXhoCy8_PK_tDtFzRnaerr6W2Pfx5GfsoXbr8NPWqfXCI_-DpQWbmdKpfjYQk1bfQ8Y4RdKhkSGQJZkhjwivMbLKuUIx0CVfBSNA=w640-h360-rw) |
Gambar 17. Tampilan Microsite MGMP |
MENGUBAH KOMPONEN GAMBAR/LOGO
- Sorot gambar logo
- Klik tanda pensil yang muncul
![Mengganti Logo Mengganti Logo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfW4Yb_Jg4vletUNOKeRzAY8h4zHd4FkdwgCkelMyPvTmpPTxs8nLfop2_mYwd7Y_K5wJtk8kpqxij9sU6LT2Qe_fMK-DS7atFx02pbTl0-8jgvo4FwB3rJ_zd4fwv9SQpD5I2npvV32hhV8ad_NFCCqrp038nVAr03y9jhcjkv8FNwmLz6luQ8FMz/w640-h360-rw/sid%2017.png) |
Gambar 18. Mengganti Logo Microsite |
- Pilih lokasi gambar yang akan dijadikan logo
- Klik Open
- Tunggu beberapa saat sampai proses uploading gambar selesai
![Mengganti Logo Microsite Mengganti Logo Microsite](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwQ-Z704L2tj93uLCWr_VlAMjLPxO7wL9wknb1bRCFwsIdJkUF8VUf_GTG84thU-WP87LD3YPYc9_rrUCGD6Jk5_22WyPvaNFtIbwlkHWjFry0aMPY3kVvK7Tgh-XS2t3Pjpa25RMVEsVUZXxBfN-hvXtj7cuCYdv8_fgUI7JlZk0ZENh8SULzxms/w640-h360-rw/sid%2018.png) |
Gambar 19. Mengganti Logo Microsite |
EDIT KOMPONEN TEXT
- Scrol ke bawah, klik panah kebawah pada Text Hello, kemudian ganti Hello dengan Judul Microsite
- Ubah Text Size dan Font Size sesuai yang diinginkan
![Edit Title Microsite Edit Title Microsite](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5RSx9lxIc9UqK_tShA17uSBLKsk-soyd559f89DLAYFibYkyrSrvx1mB2xuwmt2OlZPa-1l-aKWfaFTLnFC3cfwkWXymhRh7e9OPrIbYzPJfYm8tmbLR84-UN9qrSGwXFpTFmRnZkjw3cIU9jhWziNxkq08f_XSwhVmGXqgop09yQ778PAgda2OA/w640-h360-rw/sid%2019.png) |
Gambar 20. Edit Title Microsite |
- Dengan cara yang sama dengan cara diatas, ubah Text Welcome
![Mengganti Text Welcome Mengganti Text Welcome](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJINPMxqY9rhTA3aAuDJF0lGb3GXIxmuOb4k64A_aysGrcd8EqfkdkjXE--KyPnIQj5cR5v6bBaQBdMsNEZKc__vz021PsrToz9B7n2meMIMIH74p6ju334L7nPr1RuPvCQddLQtjDxSLGXuT3AHKwVBtAMFWAhf7rxy59TodOVtKqyYpNODJulUg/w640-h360-rw/sid%2020.png) |
Gambar 21. Edit Text Welcome |
EDIT KOMPONEN LINK
- Edit Link : First Link. Klik panah ke bawah disampingnya
- Ganti First Link dengan Judul Komponen, misal Surat Panggilan Peserta dan Jadwal Kegiatan
- Ganti logo
- Ubah pengaturan huruf jika diperlukan
- Masukkan link dokumen yang akan dilampirkan, misal link berbagi file di google drive. Disarankan untuk melakukan short link dari link berbagi google drive.
![Edit Komponen Link Edit Komponen Link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ImmQpGMajyjNOyd2D0_5gn00I981dR1xwgM6hHGndLxaGDVt-BUV3GH7KkdQXqRjTP-Rt03P1mIAwaC2YO0qZM7b0hMk-alDbB8pB73mIJTeOAllYl8Hbv74TKJa8s0Zml3e0hRSmkgADopAlgUPw9cz8zyKwPgQGOgHUbEqveaNElAiQ_GIOio2/w640-h360-rw/sid%2021.png) |
Gambar 22. Edit Komponen Link |
- Edit Link : Second Link, klik tanda panah ke bawah disampingnya
- Ganti Second Link dengan Judul Komponen, misal Upload Surat Tugas
- Ganti logo
- Ubah pengaturan huruf jika diperlukan
- Masukkan link yang akan dilampirkan, misal link request file di One Drive untuk pengumpulan Surat Tugas. Cara membuat request file di One Drive dapat dipelajari melalui link https://www.nurmankarim.my.id/2022/03/request-file-di-onedrive.html
![Edit Komponen Second Link Edit Komponen Second Link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyz5U8Lpx8fWFckADW8TH78o8bDjdQ4uC8MiNPGzjCVORNAxypdRaHZcQ0PatSpzYpKEZ23iYl2ohkZAiBG2bU7wJRQhuJzL_8Kz-4hsJyun4y6pwT8LIQvnix4akV2AfL6L-rUUKZs3qeMgC86raTK4TTDUoYwhhcznAH4iXgQ22jCsWtP1UXLgWE/w640-h360-rw/sid%2022.png) |
Gambar 23. Edit Komponen Second Link |
- Edit Link : Last Link, klik tanda panah ke bawah disampingnya
- Ganti Last Link dengan Judul Komponen, misal Upload Biodata
- Ganti logo
- Ubah pengaturan huruf jika diperlukan
- Masukkan link yang akan dilampirkan, misal link request file di One Drive untuk pengumpulan Biodata.
![Edit Last Link Edit Last Link](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2aQRe2-3z2yi0eqjwiWHO8SJZ6yIRw9PzjEQa9yBFUjgOJIvTW8G3xwlzWhip-DnSDTrboRnqfe3gryVoYwGyCK4wwqdAgO8Pqm3bN-b3_09fxo_7N-K94dLUekKVdXB4i0oo2YMj__SWoGtYULTWFSsYMjuh7zkEAau9bQ3PxKrrvy3DwnJysRa/w640-h360-rw/sid%2023.png) |
Gambar 24. Edit Last Link |
- Karena komponen yang disedikan template sudah habis, maka kita perlu untuk menambahkan komponen lagi.
- Klik + Add New Component
- Klik Link
![Add New Component Add New Component](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWiwGpmrtSXqH9EjIct0dOAoN9HkdIJ6tL8Qy9QABHolztQdAR-Ws2T-70glA1kzivtann8lYsLoTPmKoTXSDs3gCRrEwlE_Q-IPV55XdTJsDc4tKHW6-9kvZ96YI49yMKZbjJ-_1ft0ybReSFbG4e66EQzgjr2myqdzM-n_phqiXv5LbrxYaMGJv/w640-h360-rw/sid%2024.png) |
Gambar 25. Add New Component |
- Seperti pada langkah-langkah diatas isi dengan komponen materi Toleransi Dalam Keberagaman
- Selanjutnya buat, materi-materi yang lain
- Geser posisi komponennya ke bawah
![Menambah Komponen Menambah Komponen](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpoNiT9eQsFYHTaRm_RNYIsdAT2Oy10-ctkR7BQPV2WymVYB6CM00Gas4Xe-i2_4NEs0_9FIQJfNSfZD9V95pwmY4YAwzwVO4GDuhJ6B2W3P5MW-L7TcpXxsmvK8TTS_xJRBiqmdzt40m0aMSsSwEgbdK97s98Ifyl_DB8w5mFQcTndQgI5NMh4RB/w640-h360-rw/sid%2025.png) |
Gambar 26. Menambah Komponen |
EDIT HORIZONTAL LINK
Fitur ini berfungsi untuk menyematkan link media sosial seperti Facebook, Youtube, Twitter, Website dan lainnya.
- Edit Horizotal Link. Klik tanda panah ke bawah disampingnya
- Copy link Media sosial anda.
- Paste sesuai dengan media sosial yang ingin anda sematkan
![Menyematkan link media sosial Menyematkan link media sosial](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKyyR74CCNGW-mJynGFWV0h519ZrokETHYu6JqDsDJGeX3MnXzbilTNlZFDhA537X_cNnZZNQxE2X_mElk-iBg6S0A-ZLPcx9YrQCuqfM74C2rjkn0TVXevP-YUvVNdJEpWsIlBiEa3uEw8GeWkAYlCeLAumS2h_ubm89SgTI_FTkGc7W5xJmsje8H/w640-h360-rw/sid%2026.png) |
Gambar 27. Menyematkan link media sosial |
Hasil dari Microsite diatas seperti gambar berikut. Jika ingin melihat versi smart phone silahkan klik gambar tersebut.
Demikian pembahasan langkah-langkah membuat microsite di Shortlink s.id. Semoga bermanfaat. terimakasih.
Post a Comment
Terimakasih untuk anda telah berkomentar di postingan ini