Pengaturan Template Sekolah

PENGATURAN

LOGO

<div class='logo'><h1>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqDHpGiEv-SBb4Q4zYk7VAxH2BWyvu6nwf1pHzWSda2ZNkEInDFFIJM2X68xwgLYkt-7_1nM309c31WBHe0-mGHOWb4pq6HABdzeYjcuXqav4UyNcBNIQMGoG1_Qv-a1hE2np3OscMxB6/s1600/header.png'/></a></h1>
</div>

KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas, untuk Url gambar yang di mark/ditandai dengan warna kuning silahkan ganti dengan Url/Link gambar Logo. Ukuran logo Panjang 1170px dan Tinggi 138px

<div class='boxmenu'>
<nav id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<i class='fal fa-bars'/>
</div>
<!-- menu navigasi header start -->
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Profil</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
</ul>
</li>
<li><a href='#'>Paket Keahlian</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Informasi</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Kurikulum</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Humas</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Kesiswaan</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Sarpras</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Bkk</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Ppbd</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
<li><a href='#'>Hubungi Kami</a></li>
</ul>
<!-- menu navigasi header end -->
</nav>
</div>

KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas,
Ganti dengan Link
Ganti sesuai dengan title Link

SLIDER

<div class='box-slider'>
<div class='Modern-Slider'>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0nOvZEaqIHfQFlpxS92aheGb7bk9hERKmvkpqolwrRm9p62T9OlbLUPR5g03YorMzd4Hmrr14m_SVSfwmzoISqhgvTxbp9EOh3JM007h5OPc27Bgayx7XISJYjLfscFTcmzriZbEE-vzU/s1600/gedung-terbaru.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3PSNfb4iBsPXrH0SbiB48JRUES4J1tVhIp9CT8lXDkeaGbmWj4IobIys4YlmU9CZnrrTotlzI7142ArFtJCNXAsOQ2dyliGslr2jnIiyY7RjyMhCfw42P4svAhjRyctm7kzO9DZRTViXf/s1600/guru-dan-staff.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDOY4XeMKZdhj2FPvHoBrOT3oxbKhwew8_iYqpMVUNw59YcgR2LeufS02zUf2mbQY87hxzFFqwLTYQNG-esgV231oxqGnyZmt0P2aqnlmF5NlBYC-FEn2HclD85ZPbvT_1Mqg0fL3mvbie/s1600/juara-1-LKS.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2nbXeoxgJEHQ4hsRNmrkwkUUjE6vgulmMM3lVmIk2ElUysakGGRn4P5CIGP5k6PjHfE_HRnCXPxRTQ6ZcSCa6MScHb-E1d1ddVS4JqK0wBZp0PftYCW0mm_CDaD8O4OiYHUqR-jnshAd/s1600/Penghargaan-Satya-Lencana.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNgOvO2Rz5TJ1eOVGdZUUQpiFKDc_Z7I40GMPWcVZ3pIeqPgV5eevQ9b4T6vPMgTHwspMj_Pg2tNSiqY4V7uc_jSE79iCwl1GhvrujGNX3Qj6kCiA8mlqGqbiUmlyzsY5foEpEFbibs7sv/s1600/tata-boga.jpg'/>
    </div>
</div>  
</div>

KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas,
Ganti dengan Url gambar

MENU SEGI ENAM

<div class='box-menu'>
<div class='container'>
<div class='mymenu-home text-center'>
<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumTe4aDn1BKdUG8nWNXWl3XdFXE11GrzXk5y0cLkLU371glMhnx97BPHUFwtgs2DmJsQOFCy9v1lo_7RGZNZTkW1DMQ6ntgOymkCFeI5smZU4voadS0eDkOFgSITu7wNOr_t30qugPSHX/s1600/01.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC_pCu9YFLgOnBMzSHcglNGEH0mPrWZ7zmyw-iy4ZuAz-1vxmomRkzcsuACbcczl1-oIbQhQSGpKKx6SL9kZXAn9f7nEKCaUIVszPzx3MIZjvvNwu2uC9UU9TzjWcVKFcms77KOkGokUwj/s1600/02.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXl5APcakHJ7zQ67CVXPcLSgPUtTZA_abWiCyOnoJv-6gyRCgZGlouCSupcCChzC5NM60hyphenhyphennWdyMqeMn1PLAoCGeRKL0IabIFaf8C4Ym5GHSMN2HHAo8pL5fzU1oNWmSOvz_oRR4B_WmQD/s1600/03.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0KmF1USi4LUsKBJX35oVIj0firRiF_zv_nVSV6nm7SaRqLZPxOIA587920SBBdfycgwG4tpqBJ10Y3VGtkwRZx2STOfI_byb45fo6D0JfruONyi8pbPTnCgCuCk8Zw6fxLYD_eSYc-8gP/s1600/kurikulum.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbOZFHfFFApTGrkANl6uVCkrp0yIL5VjHzsF4ezgOcVAjvgGc95hqDqjTeq_mHRgCz8ZdLEixfHuN9tmthFTZGAAE2I_rk-qpb4S_lRasfE5hsHajOJEHy_xI8E9sxMT5JacntyhNwX8Y/s1600/humas.png' title=''/></a>

<div class='margintop-20 marginleft150'>
<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOw9xe4fvnUbZbCsfLULFBgjK-CaynoJWq3f3Wx85UULn_jR-rNtc0bfO_XoD_41vMHy5DEZ598GoBH5Ioj5FunWZ4PegFOtgF3H4StHLKf8e5a_QBWLFd6co9YL3KKjWcqMDWRpmfVR6U/s1600/kesiswaan.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGd1qu9pIEq61Nbxo_IBH6B-CW3ZE2D3LnpOY6zHD38shUmTLmD6P637IryJbzsVv5fzROKtvHeRicm6qnRYDDAPQ0JEfchI8ohMvoxpg5oyPRx-IjI7fqPf3I2wjZcC3oEhUJf1aR-JsS/s1600/sarpras.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih_ZQIrVBB3wfHEZ6HheI1dJXgrS-k4_glJeYdtXcfSBorUOkSAYzEQfDCU_DllEPSCX2jv90RCZ-3YjsPbmdunQ7-cgRlI48yYmsFPZYTU5N7r1hiDiNoyU0fGQubrd5YhSv_J9mmwdua/s1600/bkk.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNf6618sakxftlDYdtfWN_DRV6QeOeWxtcpdWfIEvAenAOiLZVmSDDpHLxSyRTm2LoR6j1gt52XUX6c7j0AxARE3A8MwexEKH80NIzGk_85uTOMqPjfgdWA_V5q-x3I3GfW79CNxM0p6N/s1600/ppdb.png' title=''/></a>
</div>
</div>
</div>
</div>

KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas,
   Ganti dengan Link masing masing menu
   Ganti dengan Url/Link Gambar dan ukuran gambar persegi 6 dengan lebar 143px dan Tinggi 163px,
   Perhatikan tanda ini adalah pembungkus menu kedua dan jika ingin menambahkan menu, perhatikan di bawah ini


...............................................
...............................................
...............................................
<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNf6618sakxftlDYdtfWN_DRV6QeOeWxtcpdWfIEvAenAOiLZVmSDDpHLxSyRTm2LoR6j1gt52XUX6c7j0AxARE3A8MwexEKH80NIzGk_85uTOMqPjfgdWA_V5q-x3I3GfW79CNxM0p6N/s1600/ppdb.png' title=''/></a>


PENTING!
Jika menu lari dari baris, maka harus diperhatikan adalah CSS ini, untuk menemukan code tersebut masuk di dalam EDIT HTML dan cari

.margintop-20 {
    margin-top: -35px;
}

KETERANGAN
margin-top: -35px; silahkan di tambahan (px) Nya atau tambahkan (px) Nya

SOCIAL FOOTER

<div class='right'>
<ul>
<li><a class='icon1' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-facebook-f'/></a></li>
<li><a class='icon2' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-twitter'/></a></li>
</ul>
</div>

KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas,
Ganti dengan Url/Link masing masing Social Media
n-top: -35px; silahkan di tambahan (px) Nya atau tambahkan (px) Nya

PAKET PILIHAN

Masuk di dalam Layout Sidebar dan masukkan script di bawah ini di dalamnya

<div id="menuleft">
<ul>
<li><a href="/2020/01/lebih-mendalami-kompetensi-yang-mereka.html">Teknologi Pengolahan Hasil Pertanian</a></li>
<li><a href="/2020/01/agribisnis-tanaman-pangan-dan.html">Agribisnis Tanaman Pangan  dan Hortikultura</a></li>
<li><a href="/2020/01/pengolahan-hasil-pertanian-dan-perikanan.html">Agribisnis Tanaman Perkebunan</a></li>
<li><a href="/2020/01/agribisnis-ternak-unggas.html">Agribisnis Ternak Unggas</a></li>
<li><a href="/2020/01/agribisnis-ternak-ruminansia.html">Agribisnis Ternak Ruminansia</a></li>
<li><a href="/2020/01/alat-mesin-pertanian.html">Alat Mesin Pertanian</a></li>
<li><a href="/2020/01/jasa-bog.html">Jasa Boga</a></li>
<li><a href="/2020/01/akomodasi-perhotelan.html">Akomodasi Perhotelan</a></li>
</ul>  
</div>

KETERANGAN:
Masuk di dalam LAYOUT, WIDGET SIDEBAR, kemudian masukkan code diatas di dalmnya,
Ganti dengan Url/Link postinga
Ganti dengan title judul postingan

INFORMASI

Masuk di dalam Layout Sidebar dan masukkan script di bawah ini di dalamnya

<div id="menuleft">
<ul>
<li><a href="/search/?max-results=5">Berita</a></li>
<li><a href="#">Artikel</a></li>
<li><a href="#">Galeri</a></li>
</ul>  
</div>

KETERANGAN:
Masuk di dalam LAYOUT, WIDGET SIDEBAR, kemudian masukkan code diatas di dalmnya,
   Adalah jumlah yang akan di tampilkan di dalam halaman Blog, silahkan di sesuaikan
   Ganti dengan Url/Link postingan
   Ganti dengan title judul postingan

AULIAN V2

Pengaturan Template Sekolah

Pengaturan Template Sekolah

Pesan via WhatsApp!

Pengiriman Fleksibel

Metode Pembayaran Lengkap

Toko WA+

Hubungi Kami