Seotechman Free Templates
Home Informasi

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/AVvXsEggOkmlVCMsAqp6j5W-uqwH-piPF4xP6SfhXF7WUoaYCNl4hetzPWe_Uijj4aAqbLhWA52Gqo0guzVFUZCT-5buaJyMpEtGZw-meQK2FW-5flp7J7AqkVma_AbfM9mV91K4u2XtiNbqp3pH/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/AVvXsEgT0eZufxz4Inns5OiPlZYMBkd16JYjmH5h2OTY0uesf13tkV3U1PYdrF1f3yrmmKHD9U5QWegq36qqG7paSxATLISoy76IM6gCsoWX-PK3hqxctnIUVUxys1oB_NofkjpjEtNcY0QbQBce/s1600/gedung-terbaru.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo9hf6sUqK48nLaYrcnF2fgZyl1n58oduNJRbImibuS9f1HLQhvmlItP0pyeP9JBjI38K18uHx8Cyr5idspAxDkXnEuBC5phorX5f-RQ-CFPMq_s-ZLyrpC32aOV4HHRx3T5OT8RXvqFDC/s1600/guru-dan-staff.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpqVI8JgdVt7v44XdSz_8AfWTAXpGSx_qUzjqH92j93wdAhcFjrX3FaBV83COQpDv7YgVogKnJze-yTXnvYPcMYSPPumNxqBb791wgGqn_E9vTNH78UF1KQai3980vjcYdv9yd6VpfFeJJ/s1600/juara-1-LKS.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IpLR3SpRKfXOmihMbdXCeVKBW1P6uI5kF-a_fLxWkPvsA8I5pGxXlUANZUZudsb1IFPDJ-dslFgqhow_puACLeYJNMqJCOoZQyGQxslCiEnDrwHBd125QDi6skeLy4dZq99zTqe8mV2j/s1600/Penghargaan-Satya-Lencana.jpg'/>
    </div>
<div class='img-full'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54oxTqy0WaCdg61zNqsS70QTKwnFYVD5HfjwKSkfuoNmWxqpXljMrajUIIWg4N6iDYQV8z08ACkVcX8SueINCc3n5vx0WGzGjbQ_jlibVbqhEnJ6iVw_j2AsKnj-ZC7joE1CNDnA4vjMu/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/AVvXsEjSFGa39f7yxxkQIjlHEL1bKpD6fhDTOQo-MPYpWtVTceWMBfbrhtIh3b6aJ_QYIORw0pDjoFV3vnnTK3sKDvctHzShR21fXpNObWOTyDtIOvqwcSgGnqgCDqtnUsVech-XEGsJw1GvDOUn/s1600/01.png' title=''/></a>

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

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbu9havvMzI39RER7DtZwaRMeRgfx-JQ1GjE35bRTvOQUmtGxziZ5tGWoQUVElqiSIXYp5W0_F9MFOCtLzhAem4ya5lDYePIsR4UoSiR2EcGC-wwDFAp-ZIOOQECLiOR0o_feJpbw-sCY/s1600/03.png' title=''/></a>

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

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

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

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8Afvp87IAZgCz6H4_GOAWxN5c8t9tvYNcxKrPN1ENaztNb8ub6FfgCYjXyTC9E8_1oI0bIaiNMLwoulG8bsdHVNLv-9ROcSojKipFT-Kd76mRHK-7cuBBiHMMXcViXSCtdtv4gojVFhN/s1600/sarpras.png' title=''/></a>

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

<a href='#'><img alt='' class='heksagon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4hXYky6Msxz3zA1DUP31frDKxNSAtOC7JP4JJWxfBipOhpJfStdo-9_tmSUi2L5v4h-rsm89OsTQnvDMXMmFXHrwj9q46CoNqJKPNW6Mj-obrAh310qDNvPv7d3LOGMl3u8_CZEZVEiRI/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/AVvXsEj4hXYky6Msxz3zA1DUP31frDKxNSAtOC7JP4JJWxfBipOhpJfStdo-9_tmSUi2L5v4h-rsm89OsTQnvDMXMmFXHrwj9q46CoNqJKPNW6Mj-obrAh310qDNvPv7d3LOGMl3u8_CZEZVEiRI/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


Tidak ada komentar:

Posting Komentar

Basic

Top