Template Documentation

Berikut panduan pemasangan dan pengaturan untuk template Jarwo Education premium blogger template versi 1.4. Bila masih kurang paham, silakan tanyakan ke saya melalui kontak WA atau melalui kolom komentar yang tersedia di bawah ini.

Pertama, silakan anda download terlebih dahulu file template premiumnya yang sudah saya kirim melalui email setelah anda melakukan pembelian. Nanti anda akan mendapatkan sebuah filenya, lalu silakan unzip atau ekstrak file tersebut menggunakan WinRAR atau sejenisnya.

Lalu, buka folder templatenya, dan pilih versi template yang anda ingin pasang untuk blog anda. Saya sarankan menggunakan template versi terbaru karena lebih stabil dan tentunya lebih banyak fiturnya.

Pastikan anda menemukan sebuah file yang berekstensi .xml, contohnya Jarwo Education Premium Blogger Template.xml.

Sekarang, masuk ke Blogger > Tema > Cadangkan / Pemulihan.

Silakan anda download tema terlebih dahulu agar mendapatkan backup dari template yang lama. Lalu tekan Pilih file, kemudian cari file yang berekstensi xml tadi, dan teken upload. Tunggu beberapa saat hingga template sudah berhasil terpasang di blog anda.

Anda juga dapat melakukan modifikasi atau perubahan pada template ini, mulai dari lebarnya, warna header, font tulisan, warna footer, dan masih banyak lagi tanpa melakukan koding. Yaitu caranya dengan masuk ke Blogger > Tema > Sesuaikan > Lanjutan. Silakan ubah tampilan templatenya sesuka hati anda agar terlihat lebih unik.

Silakan buka Blogger > Tata Letak, lalu tekan edit pada salah satu slot yang anda inginkan. Terdapat 5 slot iklan yang telah sediakan.

• Leaderboard : 728 x 90
• Iklan Infeed : Infeed
• Iklan Atas Post : InArticle / Responsif
• Iklan Tengah Post : InArticle / Responsif
• Iklan Bawah Post : InArticle / Responsif
• Iklan Sidebar : 300 x 250

Semua iklan di atas dapat anda edit melalui Tata Letak (tanpa harus koding melalui Edit HTML), kecuali iklan infeed. Untuk pemasangan iklan infeed harus melalui Tema > Edit HTML. Lalu, cari tulisan berikut:

<!-- Kode Iklan InFeed -->

Tempatkan kode iklan infeed anda di bawah tulisan tersebut (sudah saya sediakan space kosong di bawahnya).

• Cari LOGO BLOG, ganti dengan link gambar logo blog anda, contoh:
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqmBzsVXMjBrWn2X-x6RxTyg0r992ozk0nsx-JBRSk6xOA6V7UuEdkDpvAZFGkpuLjqR63StBF6xyn7VmBm1NWG5Iv5Ud_SUHB5HkJOVK5ViJuzm26US5ZQewJuRYQug4_jmkVkxNqWfI/w300/KJ+Template+Logo+Octagon.png.
• Cari DESKRIPSI BLOG, ganti dengan deskripsi blog anda.
• Cari LOGO BLOG 600x60, ganti dengan link gambar logo blog ukuran 600 x 60 piksel, contoh:
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt0qY896M_11mc4htGKTQYln9X2DVTzUBogdCpnbatY5jxYhTxmLC864HokEeSI7VuRphsY51MOZG4hywFcPvcmFZ4uVvweZ9ENwVs-Ozx7IYRaOOjAppgGUDKO1zpoM51IOVKdRRG50/s1600/KJ+Template+600x60.png
• Cari LOGO BLOG 1280x720, ganti dengan link gambar logo blog ukuran 1280 x 720 piksel, contoh:
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbim35y61n_PynCprNjnx6Ip6c4yOOmUQnOiZBoyl63KSby4YX6fP1pE8WgAq2s1OIy6_VnppOKWxKygttJBIuViR0i700fQyXNUi8SfKs0gosir-H2ZPcnYhAba0-O2tx7N_Qoh4Uh3w/s1600/KJ+Template+Logo+Rectangle.png

Silakan cari kode berikut di dalam HTML:

  <nav>
    <ul>
      <li class='mobilenav' onclick='menumobile();'><a>Menu</a></li>
      <div id='menu'>
        <li class='home'><a href='/'>Home</a></li>
        <li>
          <span class='dropDown'>Dropdown 1</span>
          <ul>
            <li><a href='#'>Sub Item 1</a></li>
            <li><a href='#'>Sub Item 2</a></li>
            <li><a href='#'>Sub Item 3</a></li>
            <li><a href='#'>Long Title Sub Item</a></li>
          </ul>
        </li>
        <li><a href='#'>Health Care</a></li>
        <li><a href='#'>Sports</a></li>
        <li><a href='#'>Information</a></li>
        <li>
          <span class='dropDown'>Dropdown 2</span>
          <ul>
            <li><a href='#'>Sub Item 1</a></li>
            <li><a href='#'>Sub Item 2</a></li>
            <li><a href='#'>Sub Item 3</a></li>
            <li><a href='#'>Long Title Sub Item</a></li>
          </ul>
        </li>
        <li><a href='https://blog.kodejarwo.com'>Download this Template</a></li>
      </div>
    </ul>
  </nav>

Ganti kode yang berstabilo biru dengan URL tujuan dan ganti kode yang berstabilo kuning dengan nama menunya.

Untuk menambahkan menu baru, silakan tambahkan kode berikut di antara kode yang saya beri stabilo hijau:

<li><a href='#'>Menu</a></li>

Sedangkan untuk menambahkan submenu baru, tambahkan kode berikut di antara kode yang saya beri stabilo hijau:

<li>
  <span class='dropDown'>Dropdown 1</span>
  <ul>
    <li><a href='#'>Sub Item 1</a></li>
    <li><a href='#'>Sub Item 2</a></li>
    <li><a href='#'>Sub Item 3</a></li>
    <li><a href='#'>Long Title Sub Item</a></li>
  </ul>
</li>

Pada tata letak, anda bisa menemukan panel tema yang berfungsi untuk mengubah beberapa pengaturan dan tampilan tema blog tanpa harus mengeditnya melalui HTML. Caranya adalah pilih pada salah satu panel, tekan edit, lalu tekan edit lagi pada salah satu pengaturan yang tersedia. Kemudian ubah isi pada kolom URL untuk mengubah pengaturannya.

Variable

• Sistem_Komentar
  Isi dengan salah satu atau beberapa dari 3 fitur komentar yang tersedia, yaitu blogger, disqus, dan facebook. Contoh pengisian (tanpa tanda kutip): "blogger" "disqus facebook" "facebook blogger" dan lain sebagainya menyesuaikan kebutuhan anda.
• ID_Disqus
  Isi dengan ID Disqus anda. Untuk mendapatkannya anda harus punya akun Disqus terlebih dahulu dan mendaftarkan blog anda di sana. (opsional, hanya untuk yang mengaktifkan komentar Disqus)
• fb:admins
  Isi dengan kode admin Facebook anda (opsional, hanya untuk yang mengaktifkan komentar Facebook
• fb:app_id
  Isi dengan kode ID aplikasi Facebook anda (opsional, hanya untuk yang mengaktifkan komentar Facebook)
• Related_Post
  Isi dengan jumlah postingan yang ingin ditampilkan pada widget related bawah post. Default adalah 8.

Tampilan

• Dark Mode
  true = Mengaktifkan mode dark pada template
  false = Menonaktifkan mode dark pada template / mengaktifkan mode light
• Grid
  true = Mengaktifkan mode grid
  false = Menonaktifkan mode grid / mengaktifkan mode list
• Grid Column
  1 = grid 1 kolom horizontal
  2 = grid 2 kolom horizontal
  3 = grid 3 kolom horizontal
  4 = grid 4 kolom horizontal
  (harus mengaktifkan pengaturan Grid terlebih dahulu)
• Sidebar
  Isi dengan true untuk menampilkan sidebar, isi dengan false untuk menghilangkannya
• Thumbnail
  Isi dengan true untuk menampilkan thumbnail post di homepage, isi dengan false untuk menghilangkannya

Masih ada yang bingung? Atau ada saran pengaturan lain? Silakan tanyakan ke saya melalui kolom komentar di bawah...

Oleh Kode Jarwo Template pada Februari 22, 2020 1 komentar