Setelan Template Blogger JetTheme

Setelah pada artikel sebelumnya tentang Download Template Blogger JetTheme Keren dan Ringan serta Tanpa Credit Link. Kali ini akan melengkapi artikel tersebut.

Rasanya tidak afdo jika saya memberikan template tanpa memberikan panduan setelan template Bloger JetTheme tersebut.

1. Setelan Dashboard Blogger

Pengaturan ini membantu untuk memahami blogger secara mendalam dan juga menghapus beberapa keraguan penting seperti Bagaimana cara menyesuaikan Pengaturan Dasbor Blogger saya? Bagaimana cara agar blog saya diterima oleh Google Adsense? Apa yang harus saya atur di dasbor blogger saya? Semua poin ini akan di bahas pada lain kesempatan.

2. Sitemap Blogger

Setting sitemap blogger juga menjadi poin penting karena dari sitemap mesin crawler Google mengenali halaman-halaman di blog yang Anda kelola dan mengindeks di Google. Banyak blogger mungkin lupa untuk membuat sitemap di blog mereka. Padahal ini adalah hal penting yang harus diketahui blogger pemula. Untuk membuat sitemap (peta situs), caranya cukup mudah! Anda bisa membaca postingan ini jika memang belum paham. Cara Menambahkan Peta Situs XML ke Blog Blogger Anda

Selain itu, Anda juga dapat menggunakan sitemap bawaan dari template blogger jettheme yang telah dibuat oleh pengembangnya. Berikut ini adalah kode sitemap default untuk template blogger jettheme:

<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>

Mungkin bagi anda yang baru memulai blogging, banyak yang bertanya-tanya seperti apa sitemap itu sendiri? Ya, itu normal untuk pemula. Untuk itu anda bisa melihat seperti apa halaman sitemapnya disini.

3. Contact Form

Membuat dan mengelola halaman kontak di blog juga merupakan salah satu hal yang penting. Karena jika ada pengunjung blog yang membutuhkan dan ingin menghubungi Anda, mereka bisa menghubungi melalui halaman kontak di blog Anda. 

Untuk membuat contact form di blog caranya juga cukup mudah! Anda tinggal membuat halaman baru dan bukan Posting Baru pada menu di dashboard blogger. Setelah itu buat nama judul seperti: "Contact Form." Dan pada halaman posting, pilih Tampilan HTML dan bukan Tampilan menulis.

Setelah itu copy kode dibawah ini ke halaman Tampilan 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>

Kemudian publish halaman dan lihat hasilnya akan seperti ini.