Setting Template JetTheme

Mungkin kamu yang masih kebingungan dengan cara mensetting Template JetTheme disini kami akan memberikan rincian recomendasi settingan dari segi tampilan, tataletak, dan SEO

Jika kamu belum menginstallnya silahkan click disini untuk cara Install, kami merekondasikan untuk menggunakan file xml, dengan nama jettheme-xx.min.xml untuk code yang sudah di optimasi, namun jika kamu ingin memodifikasi lebih dalam bisa kamu install jettheme-xx.xml.

Pengaturan Logo dan Favicon

Pada logo dibagaian Tataletak, kamu mempunyai banyak option seperti memasukan Nama Blog, URL, data:image, SVG.

Untuk favicon, kamu bisa menguploadnya pada bagian Setting > Favicon

Pengaturan Menu Navigation

Pengaturan Menu untuk mengunakan Dropdown kamu bisa memasukan menu diatara menu dengan link #sub-start dan #sub-end

Pengaturan Halaman Sitemap

Buat halaman/page baru, buat judul contoh Daftar Isi/Sitemap, setelah itu masukan kode dibawah ini kedalam post pada Mode HTML

<div class="custom-posts sitemap-posts" data-label="false" data-func="sitemap_temp" data-callback="sitemap_cb" data-items="1"><div class='text-center'><div class='spinner-grow text-light' role='status'><span class='visually-hidden'>Loading...</span></div></div></div>

Contact Form Jettheme

Buat halaman/page baru, buat judul contoh Formulir/Contact, setelah itu masukan kode dibawah ini kedalam post pada Mode HTML

<form class='contact-form-blogger'>
  <div class='contact-form-wrap row'>
    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-name'>Your Name</label>
      <input class='form-control bg-transparent jt-border-light text-reset' id='field-name' name='name' required='' type='text' placeholder='Enter Name'/>
    </div>
    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-email'>Email Address</label>
      <input class='form-control bg-transparent jt-border-light text-reset' id='field-email' name='email' required='' type='email' placeholder='Enter Email'/>
    </div>
    <div class='col-12 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-message'>Message</label>
      <textarea class='form-control bg-transparent jt-border-light text-reset' id='field-message' name='message' required='' rows='3' placeholder='Enter Message'></textarea>
    </div>
    <div class='col-12 mb-3'>
      <button class='btn btn-sm fw-bold py-2 px-5 jt-btn-primary' type='submit'>SEND</button>
    </div>
  </div>
  <div
       data-success="Thank you message sent successfully."
       data-error="Message failed to send. Please try again an hour later."
       class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7">
  </div>
</form>

Pengaturan Dalam Tema HTML

Semenjak JetTheme V.2.8 Pengaturan dalam tema HTML sudah tidak diwajibkan, kamu cukup install dan menggunakan configurasi blogger dan Tema Jettheme akan berjalan dengan baik.

Jika kamu masih menemukan code ##### seperti ini di judul berarti kamu masih memakai tema versi dibawah nya, kami sangat menyarankan untuk mengupgrade tema JetTheme kamu.

Namun fitur-fitur tersebut kami tidak menghilangkannya, namun mengubahnya agar lebih mudah lagi untuk ditemukan walaupun kamu tidak paham code sekalipun, disini kami akan menjelaskan bagaimana cara mengunakannya, jadi silahkan masuk kehalaman Tema/Theme > Edit HTML

Ketika kamu membuka Edit HTML, kamu akan melihat tulisan seperti dibawah ini.

-------------------------
# JetTheme v.2.8 Setting #
-------------------------

Tepat dibawahnya kita akan menemukan fitur settingan JetTheme, kamu cukup memperhatikan description agar tidak keliru, dan mengisi bagian value=" ", berikut penjelasnya:

1. Tagline Title pada Homepage

<Variable name="tagline" description="Tagline" type="string" value=""/>

isi value=" " dengan tagline judul kamu, hal ini juga untuk meningkatkan SEO, contoh judul homepage : JetTheme – Template Blogger No.1, jadi kamu hanya memasukan Template Blogger No.1.

<Variable name="tagline" description="Tagline" type="string" value="Template Blogger No.1"/>

2. Title Separator

<Variable name="separator" description="Separator" type="string" value=" - "/>

Berfungsi sebagai pembatas pada judul contoh JetTheme – Template Blogger No.1, kamu bisa mengubahnya atau mengabaikannya seperti itu, namun jika kamu mengubahnya dengan pembatas lain dan pastikan tedapat spasi pada awal dan akhir.

3. Description Homepage

<Variable name="description" description="Description" type="string" value=""/>

Ini adalah cara alternatif untuk memasukan descripsi blog kamu, kamu bisa mengabaikan ini jika sudah mengisi Descripsi pada setting blogger.

4. Gambar/Cover pada Homepage

<Variable name="cover" description="Cover" type="string" value=""/>

Disini dibutuhkan url gambar berfungsi contoh ketika kamu share blog di media social, untuk Cover Halaman depan atau default jika halaman lain tidak mempunyai gambar, untuk mendapatkan gambar silahkan upload gambar atau logo kamu pada post blogger atau widget Upload Image dengan besar lebar kurang lebih 1600 X 700 pixel.

<Variable name="cover" description="Cover" type="string" value="https://3.bp.blogspot.com/-tPL1gFodXic/XkpynVR_i5I/AAAAAAAAADk/LSSXRzeaxAk4gxcrqLkRzmL93cUpwpCaACPcBGAYYCw/s1600/jettheme-cover.png"/>

5. Gambar Logo pada Schema SEO

<Variable name="logo" description="Logo" type="string" value=""/>

Masukan url gambar logo blog kamu, caranya sama halnya dengan cover diatas, fungsinya untuk melengkapi data pada Schema SEO.

6. Favicon High Resolution

<Variable name="favicon" description="Favicon" type="string" value=""/>

isi dengan url gambar favicon blog kamu, caranya sama halnya dengan cover dan logo diatas namun dengan format .png dan besar 200 X 200 pixel, fungsinya agar favicon blog kamu tidak blur.

7. New Google Analytic

<Variable name="analyticId" description="Analytic ID" type="string" value=""/>

Ini adalah cara alternatif memasukan kode ID google analytic kamu, kamu bisa mengabaikan ini jika sudah mengisi iD Analytic pada setting blogger, namun perbedaannya disini kamu juga bisa menggunakan Google Analytic versi terbaru

<Variable name="analyticId" description="Analytic ID" type="string" value="G-AXXXXXXXXX"/>

8. Google Adsense

<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value=""/>

Kamu bisa mengabaikan ini jika sudah mengaktifkan Adsense pada blogger, ini hanya alternatif untuk adsense kamu yang berbeda email dangan blogger kamu, kamu bisa mengisinya dengan ID caPubAdsense yang bisa kamu dapatkan pada script Adsense kamu.

Pada sebelah kiri menu halaman Adsense, click Ads/iklan pilih Overview/Ikhtisar, setelah masuk halaman Overview, click Get Code/Dapatkan Code, kamu akan mendapatkan code seperti dibawah ini

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890XXXXXX
     crossorigin="anonymous"></script>

Salin ID/angka contoh yang diwarnai dan masukan seperti dibawah ini.

<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value="1234567890XXXXXX"/>

Catatan: Fitur ini hanya untuk yang sudah di terima oleh adsense, jika kamu dalam tahap Mendaftar Adsense atau Peninjauan untuk mempercepat penerimaan, cukup letakan code adsense dibawah <head> seperti yang diarahkan oleh google.

Untuk pengguna Adsense agar performa blogger tidak turun dan tetap 90 keatas, kami menjelaskannya di cara menggunakan lazyAdsense silahkan click disini