NaZaNWR6MGpaMGZ4NGJaNqt4NncsynIkynwdxn1c
Membuat Situs Sekolah Dengan Blogger

Membuat Situs Sekolah Dengan Blogger

Latar Belakang

KBM online membuat guru mendapat banyak pertanyaan dari orang tua. Ada yang sampai malam hari masih mendapat wa. Pertanyaan yang diajukan sebenarnya juga itu - itu saja.

Dari sini terpikir bagaimana kalau semua informasi terkait KBM dan informasi lainnya bisa diadakan di satu tempat, online, yang bisa diakses orang tua murid kapan saja. 

Muncul solusi membuat blog, yang berisi KBM yang akan datang, serta informasi lainnya yang penting untuk orang tua murid.

Tapi blog kan tampilannya kurang seru mister?
Bisa diatur, kita buat tampilan blog yang bisa memudahkan  orang tua dalam mencari apa yang dibutuhkan. Kami sertakan tempa premium tinggal pasang dan edit.

Dan guru pun bisa dengan mudah mengisi info kbm ke blog.
Untuk lebih jelasnya Bunda bisa melihat contoh situs sekolah menggunakan blogger di https://tk-kasihbunda.blogspot.com/ atau Bunda bisa melihat screenshot berikut:



Tampilan home situs sekolah



Halaman Profil Sekolah



Halaman Info KBM



Halaman Kontak

Tujuan / Goal

Membuat situs kelas dengan menggunakan blogger yang berisi:
 Halaman Profil Sekolah
 Halaman Info KBM
 Halaman Kontak

Alat / Sarpras yang diperlukan

 Akun google (Gmail)
 Laptop
 Jaringan internet (kuota data)

Kemampuan dasar yang akan digunakan/pelajari

Membuat blog
Mengganti tema blog
Mengedit tata letak blog (Link menu dll)
Restore content
Merapikan sidebar
Mengedit dan membuat halaman
Membuat postingan / artikel
Mengalihkan situs ke halaman selamat datang

Manfaat untuk Bunda:

Blog menjadi tempat penyimpanan digital Bunda.
Bunda bisa melihat foto dan video kegiatan, serta mengunduh file admin kelas.
Blog menjadi tempat evaluasi program sekolah
Blog menjadi portofolio pribadi Bunda.
Wah, jadi semangat kan Bunda semua. Saat yang lain masih berkutat persiapan masa kini. Bunda bersiap untuk masa depan.
Joss.
Bunda siap?
Siapkan laptop, siapkan kuota data.

Cara membuat blog

Pertama Bunda masuk ke akun gmail dengan cara mengetik di address bar  www.gmail.com


Lalu masukkan alamat email

Masukkan password gmail Bunda




Lalu klik next dan akan membuka gmail Bunda, dan otomatis Bunda masuk ke akun google yang akan kita gunakan untuk mengakses blogger (pembuat blog dari google).



Sekarang kita akan masuk ke blogger.com dengan cara Bunda klik tanda + di samping tab gmail (lihat lingkaran merah dalam gambar di bawah) 

Maka akan terbuka tab baru yang masih kosong.



Lalu Bunda ketik alamat blogger di url address yaitu blogger.com dan klik enter

Akan ada beberapa kemungkinan tampilan :
Tampilan blogger yang menunjukkan Bunda perlu masuk ke akun blogger Bunda.
Tampilan membuat blog, yang berarti Bunda sudah otomatis masuk akun blogger Bunda.
Kami akan jelaskan skenario 1 terlebih dahulu.
Skenario pertama, kalau Bunda ternyata harus masuk akun blogger lagi, yang terlihat dari tampilan di bawah


Tampilan ini berarti kita perlu sign in lagi.
Ini agak aneh sih,biasanya kalau sudah masuk gmail, Bunda akan langsung masuk ke blogger yang terkait dengan gmail Bunda.
Kalau ini yang terjadi, kita tinggal klik create your blog (gambar di bawah).


Lalu akan muncul akun gmail Bunda, dan Bunda tinggal klik gmail Bunda.


Dan masukkan password Bunda


Setelah Bunda klik next atau enter, Bunda akan masuk ke blogger.
Dan halaman ini adalah skenario kedua. Yaitu kita langsung membuat blog di blogger.
Bunda akan melihat tampilan berikut



Di halaman ini Bunda diminta untuk memberi nama blog Bunda.
Saran saya Bunda beri nama sesuai nama sekolah.
Semisal: TK Kasih Bunda

Lalu klik next


Disini Bunda diminta menuliskan nama alamat untuk blog Bunda.
Saran saya Bunda gunakan format yang singkat seperti berikut: tkkasihbunda
Pastikan tidak ada spasi diantara nama alamat yang Bunda ketikkan.

Jika Bunda menuliskan alamat dan muncul tulisan seperti dibawah
Berarti alamat yang Bunda masukkan sudah ada yang menggunakan, sehingga Bunda perlu menggantinya.
Bunda bisa memakai alternatif berikut:
tk-kasih-bunda (menggunakan - di antara nama tk nya)
Atau
Tkkasihbundajakarta (menambahkan nama kota)
Atau yang semacamnya. 
Bunda bisa gunakan kreativitas Bunda disini.
Dan jangan kuatir, alamat masih bisa diganti nanti.
Setelah nama ok, Bunda klik next


Dan akan muncul permintaan nama untuk profil untuk blog yang akan ditampilkan.
Saran saya, Bunda gunakan nama sekolah yang tadi Bunda pilih.
TK Kasih Bunda

Klik finish dan Bunda sudah selesai membuat blog sendiri.

Cara mengganti tema

Setelah kita berhasil membuat blog, sekarang kita akan mengganti tema. 
Dengan mengganti tema kita bisa mendapatkan penampilan yang berbeda.
Kita akan menggunakan tema nubia yang sudah di edit sedikit untuk kebutuhan situs sekolah.
Tema nubia ini sudah dibeli lisensinya, jadi legal untuk digunakan Bunda.
Langkah yang akan dilakukan adalah:
Mengunduh tema.
Memasang tema di blogger.
Langkah pertama, mengunduh tema.
Bunda bisa mengunduh tema di link berikut, file tema nubia xml.
Setelah di klik, akan terbuka jendela seperti gambar di bawah, lalu Bunda klik tombol unduh (lihat kotak merah).



Maka akan terbuka jendela untuk mengunduh, Bunda pilih tempat untuk menyimpan hasil unduhnya dan pastikan Bunda hafal nama filenya, lalu klik save. (Nama bisa berbeda, karena file akan diupdate).



Langkah kedua kita akan memasang tema ke blog kita.
Caranya:
Klik thema / tema



Klik tanda panah 



Lalu Bunda pilih “Restore” atau “Pulihkan”


Pilih “upload”



Lalu Bunda pilih tema yang tadi sudah di unduh, file dengan akhiran “.xml”.
Nama file bisa jadi berbeda, karena file akan terus di update.

Klik open.


Tunggu sampai muncul tulisan di kiri bawah layar “Restored theme” atau “tema telah dipulihkan”.



Klik “View blog” untuk melihat blog dengan tampilan barunya.
Maka akan terbuka jendela baru berisi blog dengan tema baru:


Dan sekarang blog Bunda sudah resmi menggunakan baju (tema) baru.


Restore / Memulihkan Content 

Untuk alasan waktu dan kepraktisan, kami sudah siapkan template halaman dan postingan untuk situs sekolah Bunda.
Nanti setelah selesai Bunda bisa mengedit dan mengubah halaman serta postingan sesuai kebutuhan sekolah Bunda.
Bunda bisa mengunduh contentnya di link berikut, file content blog.
Setelah di klik Bunda akan melihat layar berikut:


Bunda klik tombol unduh (kotak merah). Maka akan terbuka jendela unduh seperti gambar di bawah. Bunda tinggal simpan di lokasi yang Bunda pilih, pastikan Bunda hapal nama filenya. Klik save.


Setelah kita berhasil mengunduh content, kita akan masukkan content tersebut ke dalam blog, dengan cara:
Klik setting
 
Lalu Bunda gerakkan kursor ke arah kanan layar, dan scroll ke bawah hingga menemukan menu “manage blog” atau “kelola blog” dan pilih “import blog”.





Akan terlihat layar berikut:

Bunda klik di kotak, untuk membuktikan kalau kita bukan robot. Tunggu sampai gambar berubah seperti berikut:

dan Bunda klik import.
Lalu Bunda pilih file yang tadi sudah di unduh, file backup content, dan pilih “open”.

Bunda tunggu sampai muncul tulisan seperti di gambar bawah:



Maka sekarang kalau Bunda cek di menu “page” atau “halaman” akan terlihat 3 halaman seperti di gambar bawah, kalau belum terlihat, klik tombol refresh:



Kalau Bunda cek menu “post” akan terlihat ada 1 postingan.



Sekarang kalau Bunda klik view blog, maka Bunda akan melihat tampilan seperti berikut:



Kalau Bunda klik menu “Profil Sekolah” akan terlihat:



Kalau Bunda klik menu “Info KBM” akan terlihat:



Kalau Bunda klik menu “Kontak” akan terlihat:



Mister, tempat saya kok muncul angka 404?:



Kalau Bunda mengalami hal ini, jangan kuatir, ini hanya masalah link saja. Kita akan bahas langsung.

Mengedit Menu Blog

Saat ini tampilan menu blog Bunda terdiri dari:HOME, PROFIL SEKOLAH, INFO KBM, dan KONTAK.


Jika Bunda mengalami masalah, contoh saat Bunda klik menu KONTAK dan yang muncul adalah halaman error 404, seperti gambar di bawah,


bukannya halaman kontak seperti gambar di bawah: 


maka cara memperbaikinya adalah dengan menghubungkan halaman kontak dengan menu.
Untuk itu kita membutuhkan alamat halaman kontak, caranya kita klik menu “Page” atau “Halaman”


Lalu kita lihat pada halaman kontak, kita letakkan kursor di atas halaman kontak, maka akan terlihat beberapa pilihan (lihat gambar di bawah)


Kita akan klik kanan pada gambar mata (view) dan pilih “Copy link adress” 
Setelah kita mendapatkan alamat halaman kontak, kita akan memasangkannya pada menu.

Caranya: klik menu “layout” atau “tata letak”


Lalu Bunda geser kursor ke bagian kanan layar, dan scroll ke bawah hingga terlihat bagian “main menu”, seperti gambar di bawah


Lalu Bunda klik tanda pensil, maka akan terlihat jendela baru untuk mengedit menu:
Supaya lebih enak dalam melihat semua bagian menu yang ada, kita perbesar jendelanya, dengan klik gambar kotak di kanan atas (lihat gambar di atas).
Sekarang kita edit menu “Kontak” dengan klik “Edit”


maka akan terlihat pilihan edit berikut:

yang menjadi penyebab menu “Kontak” tidak muncul adalah karena alamat yang kami setting di tema tidak sama dengan alamat yang ada di blog Bunda. Nah Bunda ingat tadi kita sudah copy alamat halaman “Kontak” yang asli, sekarang kita akan taruh alamat tersebut di kotak “URL”, dengan “paste” alamat tadi sehingga alamatnya berganti seperti di bawah:

jangan lupa untuk klik save di nomor 2 dan nomor 3.
Dan sekarang menu “KONTAK” sudah bisa di klik dan membawa ke halaman kontak.
Untuk masalah yang sama di menu “Profil Sekolah”, Bunda bisa menyelesaikan dengan cara yang sama, yang berbeda hanya alamat yang dicopy adalah alamat halaman Profil sekolah.
Bagaimana dengan menu “HOME” Mister? Tanya Bunda.
Good.

Untuk saat ini kalau Bunda klik menu “HOME” yang akan terlihat adalah tampilan berikut:

Kurang menarik ya? Jangan kuatir, kami sudah siapkan halaman selamat datang, sehingga nanti yang klik menu “HOME” akan mendapat sapaan dari sekolah, bukannya tampilan postingan seperti di atas.

Caranya kita akan menghubungkan halaman “Selamat Datang” dengan menu “HOME”. 
Kita klik menu “Page” atau “Halaman”:

Lalu kita taruh kursor di atas halaman selamat datang hingga terlihat pilihan gambar mata:
Bunda klik kanan pada gambar mata dan pilih “copy link address” (gambar di bawah).
Setelah kita mendapatkan alamat halaman selamat datang, sekarang kita akan menghubungkannya dengan menu “Home”.
Caranya:
Klik “Layout” atau “Tata letak”.

Pilih menu “Main menu”, klik tanda pensil.

Klik edit di bagian menu “HOME”

Bunda hapus garis miring yang ada di kotak URL dan Letakkan alamat yang sudah di copy ke kotak tersebut

Sehingga menjadi

ingat untuk klik savenya ya.
Dan sekarang kalau kita lihat blog kita dan klik menu “HOME” yang muncul adalah halaman selamat datang.


Memasukkan Logo Sekolah

Saat ini tampilan blog Bunda tidak ada logo sekolah. Jika Bunda ingin memasukkan logo sekolah ke tampilan blog, berikut caranya:
Siapkan logo sekolah,seperti contoh berikut:
Kalau Bunda ingin menambahkan Nama sekolah, Bunda bisa satukan ke dalam gambar logo dengan menggunakan powerpoint atau software editor gambar, dengan huruf berwarna putih agar terlihat di latar belakang blog, seperti contoh di bawah.
Klik menu “Layout” atau “Tata Letak”

Klik tanda edit / gambar pensil di bagian header logo (lihat gambar bawah)




Akan terbuka jendela baru, Bunda pilih “choose file”






Bunda lalu pilih file logo yang sudah disiapkan dan klik “open”.


Lalu Bunda klik pilihan “Instead of Title and Description”

Dan klik “save”.
Sekarang saat Bunda klik view blog:

Akan terlihat tampilan blog Bunda telah memiliki logo:

Kalau Bunda belum mempersiapkan logo atau logonya belum sesuai, Bunda bisa menggunakan nama sekolah terlebih dahulu.
Caranya:
Klik menu “Layout” atau “Tata Letak”

Klik tanda edit / gambar pensil di bagian header logo (lihat gambar bawah)

Lalu Bunda isi seperti gambar di bawah, dengan data sekolah Bunda:

dan klik “save”.
Maka tampilan blog Bunda menjadi:



Merapikan sidebar kanan

Saat Bunda membuka postingan situs atau halaman situs. Baik itu home maupun kontak, Bunda akan melihat di bagian kanan (kotak merah) terdapat beberapa bagian blog seperti search this blog, label, logo blogger dan arsip. Dalam blogger bagian ini disebut gadget.


Dan kita akan belajar menghapus gadget yang tidak kita perlukan.
Dalam hal ini kita hanya akan menyisakan search this blog dan media sosial.
Berikut langkahnya:
Buka menu layout

Lihat bagian “sidebar” bagian kanan layar, kadang Bunda butuh scroll (gulir) ke bawah untuk melihatnya, 

Pada side right (A) ini ada banyak gadget, berikut sediki penjelasan pada bagian sidebar ini
Gambar 1 adalah untuk menambahkan gadget.
Gambar 2 adalah gadget yang tidak aktif, terlihat dari gambar mata yang disilang.

Gambar 3 adalah gadget aktif, terlihat dari adanya gambar mata, gadget ini sudah diberi nama “Mau bertanya?”

Gambar 4 adalah gadget navbar. Di sini Bunda tidak melihat adanya gambar mata, berarti gadget ini tidak terlihat saat pengunjung membuka postingan situs sekolah.

Gambar 5 adalah gadget search this blog.

Saat gadget aktif maka gadget akan terlihat saat pengunjung membuka postingan blog Bunda.
Bunda memiliki 2 pilihan untuk membuat gadget tidak terlihat di postingan situs Bunda. Pilihan1, menghapus gadget, dan pilihan 2 menonaktifkan gadget. Perli diingat ada beberapa gadget yang tidak bisa dinonaktifkan, jadi perlu dihapus. Tapi kita bisa menambahkannya lagi dengan menggunakan fasilitas “add gadget”.
Cara menghapus gadget. Kita coba dengan gadget “Mau Bertanya”, gadget ini adalah gadget text yang kami buat untuk memposting informasi sekolah. Tapi saat ini karena belum ada informasi sekolah, jadi kami nonaktifkan.
Sekarang kita akan coba untuk menghapusnya.
Klik gambar pensil untuk mengedit

maka akan terbuka jendela baru seperti gambar di bawah

Bunda bisa klik kotak di kanan atas layar untuk memaksimalkan tampilan jendela.
Berikut penjelasan jendela gadget yang Bunda temukan

Nomor 1 Kalau di centang, maka gadget akan aktif dan bisa dilihat pengunjung situs.
Nomor 2 Kotak untuk memberi nama gadget, supaya mudah ditemukan kembali.
Nomor 3 Kotak untuk mengisi text yang ingin kita tunjukkan pada pengunjung, Bunda juga bisa mengisi gambar di kotak ini.
Untuk menghapus gadget ini Bunda klik “remove” atau “hapus”

Maka akan muncul jendela peringatan:
Bunda klik “Ok” dan gadget terhapus.
Bunda bisa menghapus gadget lainnya, yang tidak Bunda butuhkan dengan cara yang sama. Kalau Bunda merasa gadget tertentu akan Bunda butuhkan, Bunda bisa memilih opsi menonaktifkan, dengan cara

Untuk gadget “Attribution”, Bunda tidak bisa menonaktifkan, jadi pilihannya hanya menghapus (lihat gambar di bawah):

Saran: untuk sidebar sebaiknya sebersih mungkin sehingga pengunjung tidak terlalu dibebani dengan banyaknya informasi yang ada di layar. Bunda bisa gunakan sidebar ini untuk informasi penting, seperti pengumpulan tugas yang tinggal 3 hari lagi atau pendaftaran lomba yang membutuhkan peran serta orang tua.


Membuat Info KBM dan Membuat Membuat Label Supaya Muncul di Menu “Info KBM”

Saat Bunda klik menu Info KBM, Bunda akan temui sudah ada 1 postingan berisi info KBM.

Bunda klik “READ MORE” maka akan terbuka postingan tersebut yang berjudul “Info KBM Senin 15 Maret - 19 Maret 2021

pada bagian bawah postingan Bunda akan lihat ada tulisan “tags” dan disebelahnya “Info KBM”.

Nah untuk memunculkan postingan kita secara otomatis ke menu “Info KBM” ini kita perlu memberi label postingan kita dengan nama label “Info KBM”.
Caranya kita buat postingan terlebih dahulu:Klik “NEW POST” kalau yang terlihat di kotak tersebut adalah “NEW PAGE” maka Bunda klik terlebih dahulu menu “POST” makan akan muncul menu “NEW POST” di kotak tersebut.



Mengedit dan Membuat Halaman 

Saat ini kalau Bunda menu “PAGE” Bunda melihat ada 3 halaman.
Halaman “Selamat Datang”, “Profil Sekolah”, dan halaman “Kontak”.
Tapi isi di halaman tersebut masih template dari kami.
Bunda perlu mengeditnya dan memasukkan data sekolah Bunda.
Caranya: kita buka halaman yang ingin diedit, semisal kita akan mengedit halaman “Selamat Datang” terlebih dahulu.
Kita tinggal klik judul halaman tersebut “Selamat Datang”
 
maka akan terbuka layar editing halaman “Selamat Datang”
Nomor 1 Bunda pastikan gambar pensil yang terlihat, sehingga bisa mengedit dengan mode tulisan.
Nomor 2 adalah tombol untuk mengupdate, setelah Bunda mengedit isi halaman sesuai dengan data sekolah Bunda.
Kotak “tempat mengedit halaman” adalah tempat untuk mengedit halaman, tentu saja 😊. 
Dan selesai. Mudah bukan?

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.
Contact Us via Whatsapp