Seiring perkembangan ilmu teknologi yang berkembang pesat, masyarakat juga mulai terbiasa memanfaatkan teknologi berbasis internet. Dengan adanya website sekolah, keluarga besar dapat dengan mudah mengakses berita dan informasi terbaru kapanpun dan dimanapun.
Ketika setiap sekolah memiliki sebuah website, maka akan ada manfaat yang dapat diperolah. Adapun manfaat tersebut misalnya meningkatkan tali silaturahmi antara keluarga besar sekolah termasuk almuni, memudahkan sekolah dalam menggali dana terutama dari para alumni yang telah sukses, memperlihatkan profile sekolah lewat website yang dapat diakses oleh siapa saja terutama untuk calon siswa siswi baru.
Template ini sengaja saya buat khusus untuk anda yang sedang mencoba membuat website sekolah menggunakan platform blogger, namun jika anda ingin menggunakannya untuk blog pribadi juga tidak masalah. Featur template blog ini masih sama dengan template lain seperti responsive, breadcumbs, back to top, dan sebagainya. Saya hanya mengandalkan sedikit skin dan menempelkannya pada widget.
Gambar diatas adalah screenshot tata letak pada template ini, saya akan menjelaskan satu persatu cara mengaturnya agar template yang anda gunakan dapat menyerupai demo yang saya buat dari nomer satu sampai dengan lima.
1. Setting Header (Logo)
Gunakan banner logo dengan ukuran 400x70 file PNG (Background transparan) anda dapat membuatnya menggunakan Adobe Photoshop. Pada widget > tekan edit > tuliskan deskripsi > beri tanda pada Have a description placed after the image > Upload gambar > Save.
2. Widget Deskripsi Sekolah
Anda hanya harus menekan edit pada widget lalu masukan kode dibawah ini. silahkan ganti tulisan yang saya warnai kuning dengan deskripsi sekolah anda.
3. Widget Gambar Keluarga Besar Sekolah
Anda hanya harus menekan edit pada widget lalu masukan kode dibawah ini, silahkan ganti link gambar yang saya warnai kuning dengan link gambar yang anda miliki. Jika ingin menggunakan slider, anda dapat mencari kodenya di Google.
4. Widget Link Keluar Warna-Warni
Copy kode dibawah ini lalu pastekan pada widget nomer empat, anda dapat melihat gambar diatasan untuk memastikannya. Silahkan ganti warna merah dengan link tujuan dan warna kuning untuk keterangan tulisan pada widget
5. Widget Google Maps
Jika lokasi sekolah anda belum terdaftar pada Google Maps, silahkan baca tutorial dari Kang Adhy Suryadi Kompiajaib : Membuat Google Maps dan Menentukan Lokasi Sendiri.
Saya anggap anda sudah membuatnya dan memiliki lokasi sekolah sendiri di Google Maps, berikut langkah-langkah membuat widgetnya.
Nah bagi anda yang mungkin peduli dengan sekolah tercinta, silahkan gunakan template ini untuk membuat websitenya. Anda hanya harus mengganti domain menjadi sch.id agar lebih sempurna. Semoga pendidikan di Indonesia semakin maju, jangan lupa share ya. Semoga bermanfaat.
Ketika setiap sekolah memiliki sebuah website, maka akan ada manfaat yang dapat diperolah. Adapun manfaat tersebut misalnya meningkatkan tali silaturahmi antara keluarga besar sekolah termasuk almuni, memudahkan sekolah dalam menggali dana terutama dari para alumni yang telah sukses, memperlihatkan profile sekolah lewat website yang dapat diakses oleh siapa saja terutama untuk calon siswa siswi baru.
Website Sekolah Indonesia Blogger Template
Template ini sengaja saya buat khusus untuk anda yang sedang mencoba membuat website sekolah menggunakan platform blogger, namun jika anda ingin menggunakannya untuk blog pribadi juga tidak masalah. Featur template blog ini masih sama dengan template lain seperti responsive, breadcumbs, back to top, dan sebagainya. Saya hanya mengandalkan sedikit skin dan menempelkannya pada widget.
Setting Website Sekolah Indonesia Blogger Template
 |
| Menu Widget/Tata Letak |
Gambar diatas adalah screenshot tata letak pada template ini, saya akan menjelaskan satu persatu cara mengaturnya agar template yang anda gunakan dapat menyerupai demo yang saya buat dari nomer satu sampai dengan lima.
1. Setting Header (Logo)
Gunakan banner logo dengan ukuran 400x70 file PNG (Background transparan) anda dapat membuatnya menggunakan Adobe Photoshop. Pada widget > tekan edit > tuliskan deskripsi > beri tanda pada Have a description placed after the image > Upload gambar > Save.
2. Widget Deskripsi Sekolah
Anda hanya harus menekan edit pada widget lalu masukan kode dibawah ini. silahkan ganti tulisan yang saya warnai kuning dengan deskripsi sekolah anda.
<div align="center" style="background:#ddd url(http://s7.postimg.org/s4qjj3qd3/quote.png) no-repeat; "> <div style="width:800px; text-align:justify; padding:20px; color:#333;">
Website Official SMA GARUDA XVII. Alamat Jln. Parangtritis No.321 Bantul, Yogyakarta, Jawa Tengah, Indonesia 53281. Email: smagaruda@sekolah.com, Contact: (0281) 235172 / (0281) 3726343.
</div></div>
3. Widget Gambar Keluarga Besar Sekolah
Anda hanya harus menekan edit pada widget lalu masukan kode dibawah ini, silahkan ganti link gambar yang saya warnai kuning dengan link gambar yang anda miliki. Jika ingin menggunakan slider, anda dapat mencari kodenya di Google.
<img style="
width: 585px;
" src="http://s7.postimg.org/zbuaby03v/DSC_0139.jpg" />
4. Widget Link Keluar Warna-Warni
Copy kode dibawah ini lalu pastekan pada widget nomer empat, anda dapat melihat gambar diatasan untuk memastikannya. Silahkan ganti warna merah dengan link tujuan dan warna kuning untuk keterangan tulisan pada widget
<div class="side-nav"> <a href="http://unsoed.ac.id/" target="blank" class="pale2">Universitas Jenderal Soedirman</a> <a href="http://www.uny.ac.id/" target="blank" class="pale5">Universitas Negeri Yogyakarta</a><a href="https://uns.ac.id/id/" target="blank" class="pale6">Universitas Negeri Solo</a><a href="https://ugm.ac.id/" target="blank" class="pale7">Universitas Gadjah Mada</a><a href="http://www.ui.ac.id/" target="blank" class="pale8">Universitas Indonesia</a></div>
Jika lokasi sekolah anda belum terdaftar pada Google Maps, silahkan baca tutorial dari Kang Adhy Suryadi Kompiajaib : Membuat Google Maps dan Menentukan Lokasi Sendiri.
Saya anggap anda sudah membuatnya dan memiliki lokasi sekolah sendiri di Google Maps, berikut langkah-langkah membuat widgetnya.
- Masuk ke GoolgeMaps
- Tuliskan Alamat sekolah anda sampai Google Maps memberikan titik tumpu lokasi tersebut.
- Pilih Options (icon menu sebelah kiri search location)
- Pilih Share or embed map > embed map > Medium > Custom Size > Ganti ukuran menjadi 900x300 > Copy Link > Pastekan pada widget nomer lima.
Nah bagi anda yang mungkin peduli dengan sekolah tercinta, silahkan gunakan template ini untuk membuat websitenya. Anda hanya harus mengganti domain menjadi sch.id agar lebih sempurna. Semoga pendidikan di Indonesia semakin maju, jangan lupa share ya. Semoga bermanfaat.
ketika artikel dishare ke facebook, gambar pada artikel kok gak muncul ya?
ReplyDeleteWah makasih mba infonya, saya coba benerin mungkin ada yg error
Delete