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 |
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'>
<div id="element-r" style="display:none">
<textarea disabled readonly>
<!--</b:if>
</body>
<b:if cond='!data:view.isPreview'>
--></textarea></div>
<script type='text/javascript'>//<![CDATA[
document.getElementById('element-r').outerHTML = '';
const _WidgetManager = {};_WidgetManager['_PopupConfig'] = function(){};
//]]></script></b:if><b:if cond='!data:view.isPreview'>
</body>
</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 + " � ##### " : 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 + " � Template Blogger No.1 " :
2. Image halaman Blog
<b:with value='data:view.featuredImage ? data:view.featuredImage : " ##### "' var='meta_image'>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9MzUR1CrvKscwLZrIIWYOOObBJtFL19VoxY5ZjhrEZLZiLfs2I2O5Ms9pg9B74T-oQJTrSApZhaaoQU5TYJ3ehc0ELrJiY6P77n_843yrd7tgQncgxUWVCGdjliRTQfdtXq3CZIz6pEU/s1600/jettheme-cover.png
<b:with value='data:view.featuredImage ? data:view.featuredImage : "https://3.bp.blogspot.com/-tPL1gFodXic/XkpynVR_i5I/AAAAAAAAAk/LSSXRzeaxAk4gxcrqLkRzmL93cUpwpCaACPcBGAYYCw/s1600/jettheme-cover.png"' var='meta_image'>3. Deskripsi Homepage Blog
<b:with value='data:view.description ? data:view.description : " ##### "' var='meta_desc'>
<b:with value='data:view.description ? data:view.description : " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies, sapien et auctor bibendum "' var='meta_desc'>4. Image Logo pada Schema SEO
<meta content=' ##### ' itemprop='url'/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5f51cZgVkw0xw8ovnN7qL-wouYnEwKT9WH6LVPXmw6Nq1rm6hbK4IIHhEXDeuWyOW75cS7P5AnRiWTVx59BIE3SbdDDsH5XNuAO1FNbVHEqcN3HDNuyygO1VAS6EPfyIln731PR8kT_r0/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> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPtdYwj6jUUfmKHmcoPQoB3ZOXkJL_W3kvQmf_ye4GTnjMfiBz5ZzuGAxH5-XzSY1odZDcE-Z3sNtbd8-DHoq3T3PZTJkH5EMJBw5p03_yGBC_yswshebQNgtFOfujOrgKpvmO6iXn40/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/AVvXsEjpPtdYwj6jUUfmKHmcoPQoB3ZOXkJL_W3kvQmf_ye4GTnjMfiBz5ZzuGAxH5-XzSY1odZDcE-Z3sNtbd8-DHoq3T3PZTJkH5EMJBw5p03_yGBC_yswshebQNgtFOfujOrgKpvmO6iXn40/s320/lamp.jpg" width="320" /></a></div><br /> <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> Sumber : indrak.eu.orghttp://belajar-cara-membuat-website.blogspot.com
http://jasa-akuntansi-bandung.blogspot.com/p/jasa-akuntansi.html
http://www.leetchi.com/c/life-contribution
https://ronwordpresshostingplans.au-syd.mybluemix.net/
https://dev.azure.com/genpromo/_git/Wordpress%20Hosting%20Plans
https://dev.azure.com/genpromo/Wordpress%20Hosting%20Plans/_wiki/wikis/Wordpress-Hosting-Plans.wiki/1/Cheap-Web-Hosting
https://www.twitch.tv/genpromo
https://omegaquartos.wixsite.com/healthwellness
