Inggris Indonesia Jepang Arab China
» Unlabelled » Pengaturan Template Sekolah

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/AVvXsEhNAvawKWkFmImEFTgWg9itIWIr9-0Y3ooOW13Ezdake3L4x8YQrPtZzwSdwlkxm87-bzAJlMzqoeWWLkgcs8PXozm8L5CmamsI01ea1zan_1G-u-1sWJlzXsxcZTsq0NGdyQg-jT41BfV4/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



MENU

<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/AVvXsEhcLQ8Vh3_VzrabiILrL3NACOsAGy6btdWiuawHqdYYwZ3CfAM6O-V5w3Ayjsd_seB2KC_4A3-cRqdhoO1y4FzJ03WDZBeWcRhC_eVRwL_4RCNisDDQJkf8HU1j7y4jX6ICb7pTeePAScvd/s1600/gedung-terbaru.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfpgtSoyVUPCkaFU9XIbKBEr21L_-MPt0wDcs5oVXyICzGo0UCOTHynlT-ZRJV99c9lAc9xNRSCC9QW00gyqVfNh1b5oVIaCfss_0ar2OqnYoK1P5u1WHRUGl-5XYUevVvAi98Zg_O6JwY/s1600/guru-dan-staff.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HCUuUisdrWTpvqo4VH53iZsbC4EnTpNyvWd9nlJWWUFxv532w8_-EPVYkY7g7pmKAahugFHvvq3XzpCVeEVhSnxRDbx-SO-vSpFIwv-Z0Dab9okhSr4pbMLKzy9NbNeZUhrBNHTGZPsw/s1600/juara-1-LKS.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTp4Ippp6irleDKdIlIGXsHsDwLCByFqmwQwYxi73q4gHHR1QK4cNxHBS8Of8y__hWfARMjHVg9RbcW-y0oJJyJY_oEBGutdaJfaeKy6z78fTQRg2P8kZDCGHHEP5Qp1VbJYAIqx8Kd6Ii/s1600/Penghargaan-Satya-Lencana.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjep-zYCx2Soe9nA5QQGlHkWhL8eZ1nHaZGaSIeKPUeLn9hoaYTbjVQ2-pt07wFxM8wefj6T7cjoJ7cF3tlcdqrxGYgfmQ_Wt2NYKZ8K44pTW2vseq9B1hy3mJ9YRb7tjD2zLsXj_aN2CGP/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/AVvXsEj0CUlv8YOxaPjtuuq9xYzkNoQmzXo9kkYoqCzuTmEku5CRwfG9exYRNKiG-wKI7n7dJgnUGIEN8ofBYQ1aNlW0lbAIzo_3RtPCUlZrWaoPle1OC0dcvvwLcHGAFHKASkMq2oCY1Q4t2hVf/s1600/01.png' title=''/></a>

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYyM66IveuU-2gb5rxGI4uvlsxlF4lwYta8_W3HJjn6-fC3mr5W5xkOawDgKCpXGJxra2EKbSCKrFTBhDsdaOHy5EIhmnOd-1kPTMRHwo9SeCQsuZzjjAqGhE_3eX06t1JjPATWGJCEBcS/s1600/02.png' title=''/></a>

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

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

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

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

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

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

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR1xN9rveBXmfV2c28MzgFXGjBoJBp1JmUeF6aQ3kvv-weuOW5qxzcyGsQgkpnmKKeAe5CEkUVtwkSzOgPReqaOw6p7tV1_TTZ9cc_G53T4usR2uNz5-BRBZFz5IcIcrttgUVIU2qq1x6B/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/AVvXsEhR1xN9rveBXmfV2c28MzgFXGjBoJBp1JmUeF6aQ3kvv-weuOW5qxzcyGsQgkpnmKKeAe5CEkUVtwkSzOgPReqaOw6p7tV1_TTZ9cc_G53T4usR2uNz5-BRBZFz5IcIcrttgUVIU2qq1x6B/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