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

Next Post Previous Post
25 Comments
  • Unknown
    Unknown 20 April, 2021

    please how to add READ MORE to the featured posts

    • Jettheme
      Jettheme 20 April, 2021

      I'm sorry I don't provide automatic for that, but you can edit on Theme > HTML

    • Jettheme
      Jettheme 20 April, 2021

      you can contact me, or ask in our group, t.me/jettheme

  • CHIru
    CHIru 13 May, 2021

    Terimakasih,tema nya keren dan wuss.

    • Jettheme
      Jettheme 18 May, 2021

      sama-sama, semoga bermanfaat

  • Titus Dwiaryanto
    Titus Dwiaryanto 30 May, 2021

    terimakasih templetnya mas, mohon bimingannya untuk megatur menu dan sub menunya bagaiman menghubungkan dengan ling label. mksh mas.

    • Jettheme
      Jettheme 02 June, 2021

      silahkan masuk kegrup telegram mas t.me/jettheme

  • Dr. Bambang
    Dr. Bambang 30 June, 2021

    cara merubah warna navigasi menu+header (tanpa logo) dimana ya letaknya? sudah berulang kali test, ga ketemu2. Terima kasih sebelumnya

    • Jettheme
      Jettheme 03 July, 2021

      di custumisasi menu

  • abdulloh dhyaulhaq
    abdulloh dhyaulhaq 01 July, 2021

    izin pake om....

  • Tipsy4you
    Tipsy4you 19 July, 2021

    I want to add syntax highlighter on my blog (blogger ) , How ?

    • Jettheme
      Jettheme 19 July, 2021

      you can find it in Typography article

  • Ranjith Ramadasan
    Ranjith Ramadasan 16 August, 2021

    How to add contact form bro? whats the short code ?

  • Ranjith Ramadasan
    Ranjith Ramadasan 16 August, 2021

    This template is eligible for Adsense ?

    • Jettheme
      Jettheme 21 August, 2021

      of course

  • Mochammad Fatkhurrohman
    Mochammad Fatkhurrohman 02 September, 2021

    how to change the template color ?

    • Jettheme
      Jettheme 02 September, 2021

      on theme > customize

  • Mengekspose
    Mengekspose 25 September, 2021

    bang bisa gak kalau saya pakai templatenya tapi rencana mau ubah sesuai keinginan

    • Jettheme
      Jettheme 07 October, 2021

      silahkan

  • Baca Online
    Baca Online 01 October, 2021

    Bang untuk menampilkan jumlah postingan di halaman utama caranya gimana?
    saya sudah set 10 di tata letak tapi->Blog post tapi yang muncul cuma 3,saya sudah ubah di setting langsung gak berubah juga

    • Jettheme
      Jettheme 07 October, 2021

      itu bug dri blogger, bisa pakai jump break di blogger disetiap postnya, klau masih bingung, silahkan masuk kegrup

  • Boy Daniel
    Boy Daniel 03 October, 2021

    ada yang bisa tau gimana caranya untuk menyembunyikan quick edit pensil? thnks

    • Jettheme
      Jettheme 07 October, 2021

      quick edit pencil hanya akan tampil untuk admin

  • Ihsan
    Ihsan 12 October, 2021

    message di contact form masuknya ke mana ya mas?

    • Jettheme
      Jettheme 12 October, 2021

      ke email

Add Comment
comment url