Setting Template JetTheme

Mungkin anda yang masih kebingungan dengan cara mensetting Template JetTheme disini saya akan memberikan rincian recomendasi settingan dari segitampilan, tataletak, dan SEO

Jika anda 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 anda ingin memodifikasi lebih dalam bisa anda install jettheme-xx.xml.

Pengaturan Dalam Tema HTML

Langkah pertama adalah mengedit dalam halaman Tema HTML, hal ini sangat disayangkan karena kerterbatasan blogger, settingan beberapa harus dilakukan didalam tema HTML, jadi silahkan masuk kehalaman Tema/Theme > Edit HTML

Saya sudah menandai apa yang diharusnya di isi dengan ##### (pager 5x), silahkan find code berikut dengan arahkan custor anda kedalam halaman code lalu "CTRL + F" lalu akan muncul pencarian. Dan berikut adalah penjelasnya dari atas kebawah

1. Tagline Title pada Homepage

<b:with value='data:view.isHomepage ? data:blog.title + &quot; – ##### &quot; : 

ubah ##### dengan tagline judul anda, hal ini juga untuk meningkatkan SEO, contoh judul homepage : JetTheme – Template Blogger No.1, jadi anda hanya memasukan Template Blogger No.1.

<b:with value='data:view.isHomepage ? data:blog.title + &quot; – Template Blogger No.1 &quot; : 

2. Gambar/Cover pada Homepage

<b:with value='data:view.featuredImage ? data:view.featuredImage : &quot; ##### &quot;' var='meta_image'>

Disini dibutuhkan url gambar untuk Cover Halaman depan atau default jika halaman lain tidak mempunyai gambar, untuk mendapatkan gambar silahkan upload gambar atau logo anda pada post blogger dengan besar lebar kurang lebih 1600px.

https://3.bp.blogspot.com/-tPL1gFodXic/XkpynVR_i5I/AAAAAAAAADk/LSSXRzeaxAk4gxcrqLkRzmL93cUpwpCaACPcBGAYYCw/s1600/jettheme-cover.png

Lalu ganti dengan url gambar anda seperti ini, tanpa space.

<b:with value='data:view.featuredImage ? data:view.featuredImage : &quot;https://3.bp.blogspot.com/-tPL1gFodXic/XkpynVR_i5I/AAAAAAAAAk/LSSXRzeaxAk4gxcrqLkRzmL93cUpwpCaACPcBGAYYCw/s1600/jettheme-cover.png&quot;' var='meta_image'>

3. Description Homepage

<b:with value='data:view.description ? data:view.description : &quot; ##### &quot;' var='meta_desc'>

Masukan Descripsi untuk blog anda, ini sama halnya dengan mengisi Descripsi pada setting, namun jika anda sudah mengisi pada Descripsi setting anda bisa melewati ini.

<b:with value='data:view.description ? data:view.description : &quot; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies, sapien et auctor bibendum &quot;' var='meta_desc'>

4. Gambar Logo pada Schema SEO

<meta content=' ##### ' itemprop='url'/>

Masukan url gambar logo blog anda, ini sama halnya dengan cover diatas upload ke post dan ambil urlnya, paste seperti dibawah ini, tanpa space.

<meta content='https://1.bp.blogspot.com/-iwTCte_GQsQ/X0I4tBbKXlI/AAAAAAAAAKU/uM4D_971lm0TWC-JywNttslAq7E2OOpPwCPcBGAsYHg/s1600/jettheme-logo.png' itemprop='url'/>

Pengaturan Logo dan Favicon

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

Untuk favicon, anda bisa menguploadnya pada bagian Setting > Favicon

Pengaturan Menu Navigation

Pengaturan Menu untuk mengunakan Dropdown anda 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" jt-label="false" jt-func="sitemap_temp" jt-callback="sitemap_cb" jt-items="1"><div class='text-center'><div class='spinner-grow text-light' role='status'><span class='visually-hidden'>Loading...</span></div></div>