Friday, December 11, 2020

Template Blogspot Gratis Premium Dari Jettheme

Template Blogspot Gratis

Template Blogspot Gratis Premium Dari Jettheme . Template blogger gratisan dan premium milik dri jettheme com.Sudah memberikan ijin untuk di bagikan kepada blogger yang menggunakan blogspot.

Search Keyword: Template blogger gratis,template blog gratis,template blogspot gratis,template blog gratisan,template blogger gratisan,template gratisan,tema blogspot,tema blogger,tema blog,thema blogger,template blogger seo,template blog gratis terbaru,template blogspot premium gratis

Mode templatenya ada 2 list dan grid, yang dibagikan sekarang ini secara gratis adalah template yang mode grid.

Untuk sped loadnya bisa dilihat dari report GTMetrix berikut ini

gtmetrix

Features	Availability
Responsive	TRUE
Google Testing Tool Validator	TRUE
PageSpeed Insights	TRUE
Mobile Friendly	TRUE
SEO Friendly	TRUE
Dynamic Heading	TRUE
High CTR	TRUE
Personal Blog	TRUE
Disqus Comment	TRUE
Breadcrumbs Schema.org	TRUE
Related Posts Widget	TRUE
Featured Posts Widget	TRUE
Social Share Button	TRUE
Responsive Menu	TRUE
Footer Social Media	TRUE
Search Box	TRUE
Back to Top	TRUE
Newsletter Widget	TRUE
Shortcodes	TRUE

Templates Demo Templates Download

Tutorial Template Blogspot Jettheme

Berikut adalah panduan tentang cara memasang template jettheme yang benar

Pertama backup theme sebelumnya, pastikan untuk backup dan simpan file, kemudian silahkan ke Theme> Edit HTML

Gunakan template kosong di bawah ini dengan cara menyalin kode di bawah ini kemudian mengganti semua kode yang ada pada tema sebelumnya. Fungsinya untuk mereset sepenuhnya pengaturan tema sebelumnya.

BLANK FORMAT TEMPLATE BLOGSPOT


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
]]></b:skin>
</head>
<body>
<b:section id='1' showaddelement='yes'/>
<b:if cond='!data:view.isPreview'>
&lt;div id=&quot;element-r&quot; style=&quot;display:none&quot;&gt;
&lt;textarea disabled readonly&gt;
&lt;!--</b:if>
</body>
<b:if cond='!data:view.isPreview'>
--&gt;&lt;/textarea&gt;&lt;/div&gt;
<script type='text/javascript'>//<![CDATA[
document.getElementById('element-r').outerHTML = '';
const _WidgetManager = {};_WidgetManager['_PopupConfig'] = function(){};
//]]></script></b:if><b:if cond='!data:view.isPreview'>
&lt;/body&gt;
</b:if>
</html>

Kemudian simpan, dan terakhir masuk ke halaman tema> Gunakan file new.xml untuk mengembalikan / mengembalikan masukan

Terakhir, jangan lupa untuk pergi ke "Tema"> "Pengaturan Seluler" dan pilih "Desktop".

Setting Template JetTheme

Mungkin sebagian dari kalian masih bingung bagaimana cara setting template JetTheme, saya akan memberikan saran detail setting dari segi tampilan, layout dan SEO.

Pengaturan dalam tema HTML

Langkah pertama adalah mengedit di halaman tema HTML. Karena keterbatasan blogger, hal ini sangat disayangkan. Beberapa pengaturan harus dibuat di tema HTML, jadi silakan masuk ke halaman "Tema"> "Edit HTML"

Saya telah memeriksa apa yang harus diisi dengan ##### (pager 5x), silakan temukan kode berikut dengan mengarahkan pelanggan Anda ke halaman kode dan kemudian klik "CTRL + F". Ini adalah penjelasan top-down

1. Tagline Title di beranda

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

Ganti ##### dengan title tagline anda yang juga dapat meningkatkan SEO, seperti pada judul homepage: template JetTheme-Blogger No.1, jadi anda hanya memasukkan template Blogger No.1 saja.

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

2. Image halaman Blog

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

Di sini, Anda memerlukan URL gambar untuk sampul halaman beranda. Jika tidak ada gambar di halaman lain, Anda memerlukan URL gambar default. Untuk mendapatkan gambar, silakan upload gambar atau logo Anda di postingan blog, dengan lebar yaitu sekitar 1600px.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7di010Z6h6HNKdLdRyp0ML8LoVL9K-jpb1dPBrqREBynClrl0HUCZgEcHPRIfTnx_n67p2srf664ErraqIVWKg-PM0C4hO-AtS0BRoc4MJfPhYHik6qrgcvRY065C8hez-nSFLEb9VME/s1600/jettheme-cover.png

Kemudian gantilah dengan URL gambar Anda tanpa spasi.


<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. Deskripsi Homepage Blog

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

Masukkan deskripsi blog. Ini sama dengan deskripsi di pengaturan, tetapi jika sudah mengisi pengaturan deskripsi, Anda bisa melewati deskripsi 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. Image Logo pada Schema SEO

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

Masukkan URL gambar logo blog yang sama dengan sampul di atas, unggah ke postingan dan dapatkan URL-nya, lalu tempel seperti berikut tanpa spasi.

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8LN-WTbYRT7M2DK_iohE343LYNTBjRyx0__8cOZBME7FGIr5nD9_aEltLAMepfzPVGM1NgRzA6NlJNSei1hF9tBzRFE1DHv35y1RJQeUE3z605rOxEP3CxmMlwgNp0n-cWYKAhyIKOaI/s1600/jettheme-logo.png' itemprop='url'/>

Setting ikon logo dan situs web

Pada logo di bagian "Layout", Anda memiliki banyak pilihan, seperti memasukkan nama Blog, URL, data: image, SVG.

Untuk ikon favorit, Anda dapat menguploadnya di bagian "Pengaturan"> "Ikon Favorit"

Pengaturan menu navigasi

Untuk menggunakan pengaturan menu dari menu drop-down, Anda dapat masuk ke menu antara menu dengan link # sub-start dan # sub-end. Setting Lazyload Untuk Template JetTheme Pemuatan gambar / gambar yang lambat Pertama, Anda bisa menguploadnya di media seperti biasa, lalu masukkan HTML di pojok kiri atas untuk menampilkannya. Kode tambahan noscript seperti contoh berikut:


<noscript>
<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCQFKY_Zku24-V3cigdEIwbFDJJ3TUW73f55PEd_phycjdGaAMQYVrAPLkw0mvNCSSnjXfWSWObDLL57kj75NtC9iYQm3qogC3K_sr-q1ZwbLPE1PrJwCVU5yVEaCXLBm5P0ZdhYNwSI/s2048/lamp.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1371" data-original-width="2048" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCQFKY_Zku24-V3cigdEIwbFDJJ3TUW73f55PEd_phycjdGaAMQYVrAPLkw0mvNCSSnjXfWSWObDLL57kj75NtC9iYQm3qogC3K_sr-q1ZwbLPE1PrJwCVU5yVEaCXLBm5P0ZdhYNwSI/s320/lamp.jpg" width="320" /></a></div><br />&nbsp;<p></p>
</noscript>

Lazy Loading Adsense

Lazyload untuk adsense, kamu bisa mengaktifkannya di Theme> Edit HTML, lalu cari kode berikut:

const lazyadsense = false

Ubah false menjadi true

const lazyadsense = true

Lazyload iframe, video, audio

Berlaku untuk Lazyload kecuali Iframe (Youtube, Google Maps, dll.), Video dan audio, dan gambar lainnya.


<iframe class="lazyload" title="Youtube"
  width="400" height="300" allowfullscreen
  allow="accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture"
  data-style="background: url(https://img.youtube.com/vi/Uz970DggW7E/hqdefault.jpg) 50% 50% / cover no-repeat;"
  data-src="https://www.youtube.com/embed/Uz970DggW7E"></iframe>

<picture class="lazyload">
  <source media="(min-width:800px)" data-srcset="https://picsum.photos/800/1200">
  <source media="(min-width:600px)" data-srcset="https://picsum.photos/600/900">
  <img data-src="https://picsum.photos/200/300" alt="Photo" style="width:auto;">
</picture>

<audio class="lazyload" controls>
  <source data-src="sound.ogg" type="audio/ogg">
  <source data-src="sound.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

<video class="lazyload" width="320" height="240" controls>
  <source data-src="movie.mp4" type="video/mp4">
  <source data-src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

INDRAK