Template Blogspot Gratis Premium Dari Jettheme

Template Blogspot Gratis
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

fastload blogspot template
gtmetrix

FeaturesAvailability
ResponsiveTRUE
Google Testing Tool ValidatorTRUE
PageSpeed InsightsTRUE
Mobile FriendlyTRUE
SEO FriendlyTRUE
Dynamic HeadingTRUE
High CTRTRUE
Personal BlogTRUE
Disqus CommentTRUE
Breadcrumbs Schema.orgTRUE
Related Posts WidgetTRUE
Featured Posts WidgetTRUE
Social Share ButtonTRUE
Responsive MenuTRUE
Footer Social MediaTRUE
Search BoxTRUE
Back to TopTRUE
Newsletter WidgetTRUE
ShortcodesTRUE





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> 

LihatTutupKomentar