Website Sekolah Indonesia Blogger Template

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.


Website Sekolah Indonesia Blogger Template

WebsiteSekolahIndonesiaBloggerTemplate 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

tataletakwebsitesekolahindonesiabloggertemplate 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)

logoheaderwebsitesekolahindonesiabloggertemplate Website Sekolah Indonesia Blogger Template

Gunakan banner logo dengan ukuran 400×70 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: [email protected], 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>

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.

  • 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 900×300 > 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.

Pencarian Terbanyak:

author
Author: 
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Mengganti warna template blog adalah satu hal
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Pada dasarnya poster adalah sarana untuk mengiklankan
    8 Jenis Desain Dan Cara Mudah Menguasainya
    8 Jenis Desain Dan Cara Mudah Menguasainya
    Desain grafis erat kaitannya dengan menggambar atau
    Feature Blog Yang Harus Dibuat Untuk Kepentingan Blog Anda
    Feature Blog Yang Harus Dibuat Untuk Kepentingan Blog Anda
    Pada dasarnya membuat sebuah blog memanglah mudah,
    1. author

      Mbrodot9 bulan ago

      ketika artikel dishare ke facebook, gambar pada artikel kok gak muncul ya?

      Reply
      • author
        Author

        TeoriDesain9 bulan ago

        Wah makasih mba infonya, saya coba benerin mungkin ada yg error

        Reply
    2. author

      Ridfaa6 bulan ago

      Mas ada no rekenin gak ? mau donasi ke buat blog ini terima kasih sudah membagikan template blog sekolanya.

      Reply
    3. author

      zaputra.com4 bulan ago

      ini yang saya cari akhirnya ketemu di blog ini …

      Reply

    Leave a reply "Website Sekolah Indonesia Blogger Template"

    Must read×

    Top