Template Blogspot Gratis dari Jettheme
Template Blogspot Gratis
Template Blogger Gratis namun berkualitas premium dari jettheme ini sangat powerfull dan bebas untuk dibagikan dan dikostumisasi begitu kata pembuatnya sebagaimana dapat dilihat di website resminya jettheme.com dan grup telegram jettheme.
Template ini mengusung mode grid untuk tampilan homepage-nya. Mode homepage seperti ini memang sedang menjadi tampilan favorit bagi banyak blogger di dunia internet.
Untuk speed loadnya jangan diragukan lagi, berikut hasil report dari GTMetrix
Tutorial Pengaturan Template Jettheme
Bagi teman-teman yang ingin memasang template jettheme ini silakan pahami dan cermati cara melakukan penyetelan berikut:
Sebelum memulainya silakan masuk ke halaman Tema/Theme >Edit HTML
1. Tagline Title pada Homepage
<b:with value='data:view.isHomepage ? data:blog.title + " – ##### " :
<b:with value='data:view.isHomepage ? data:blog.title + " – Template Blogger No.1 " :
2. Gambar/Cover pada Homepage
<b:with value='data:view.featuredImage ? data:view.featuredImage : " ##### "' var='meta_image'>
https://3.bp.blogspot.com/-tPL1gFodXic/XkpynVR_i5I/AAAAAAAAADk/LSSXRzeaxAk4gxcrqLkRzmL93cUpwpCaACPcBGAYYCw/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. Description Homepage
<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. Gambar Logo pada Schema SEO
"url" : "#####"
"url" : "https://1.bp.blogspot.com/-iwTCte_GQsQ/X0I4tBbKXlI/AAAAAAAAAKU/uM4D_971lm0TWC-JywNttslAq7E2OOpPwCPcBGAsYHg/s1600/jettheme-logo.png"
Pengaturan Logo dan Favicon
<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>
Pengaturan Newsletter Menggunakan Follow.it
Contact Form Jettheme
<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><divdata-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>