Lompat ke konten Lompat ke sidebar Lompat ke footer

Tamplate Blog Gratis Premium Dari Jettheme

Tamplate Blogspot Gratis Premium Dari Jttheme
Tamplate Blog Gratis Premium Dari Jetthemes

 



Tamplate Blog Gratis

Tamplate Blog Gratis Premium Dari Jettheme. adalah sebuat tampalate yang gratis dan dan premium pula yang dimiliki oleh Jettheme com. Jettheme sendiri memberikan izin untuk share tampalate tersebut ke pada kaum blogger gratisan seperti saya ini dan menngunakan platform blogger/blogspot. Untuk update kali ini Tamplate jettheme v2

Search Keyword: Tamplate Blog Gratis, tampalate blogspot gratis, template blogger gratisan,t emplate gratisan,tema blogspot, tema blogger, tema blog, thema blogger, template blogger seo, template blog gratis terbaru, template blogspot premium gratis,Template Blogspot Jettheme,Template Blogspot Jetthemev2,Jettheme v2, Jettheme Versi 2, Tamplate  Jettheme V2 Terbaru, Jettheme v2 Baru,

Tamplate ini memiliki beberapa Mode yaitu 2 list dan grid, yang saya bagikan kali ini adalah yang mode grid.

Untuk speed loadingnya atau pengetesannya bisa dilihat dari gambar GTMetrix dibawah ini.

Tamplate Blogspot Gratis Premium Dari Jttheme performa GTMetrix


Fitur yang tersedia di tamplate ini

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


Untuk melakukan pengeditan tamplate ini bisa dilakukan dengan 2 cara yaitu menggunakan Mode HTML dan menu edit layout yang tersedia di menu blogger. Untuk cara kali ini saya menggnakan yang simple dan mudah di gunakan berhubung saya males juga ruwet untuk edit di menu HTML.

Untuk prevew-nya seperti gambar di bawah ini.


Layout blogspot


Note :

Untuk melakukan edit mode font dan edit warna pada tamplate ini bisa mengginakan di menu layout > Theme Designer. Seperti gambar dibawah ini.

 

Theme Sedigner blogspot



Jika pengujian di GTMetrix mungkin tidak langsung dan sama peris seperti pada gambar di atas, dan jika kalian blum puas dengan hasil pengujian GTMetrix silahkan edit theme tersebut sesuai kebutuhan masing - masing.



Edit HTML Tema JetTheme v1 dan v2

Cara edit HTML Tema JetTheme. Blogger memiliki keterbatasan untuk edit Tema JetTheme jadi harus edit pada di halaman "Tema">"Edit HTML".

Silahkan ganti tanda ## dengan instruksi yang telah saya berikan, jika kebingungan mencari Scrip Code maka gunakan Opsi "Find" dengan mengklik "CTRL + F" agar mempermudah proses ini.

1. Home Tag Line

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

Silahkan ubah tanda ## dengan tag line yang menurut kalian SEO seperti pada umumnya yang ada pada Hompage Title (Judul Hompage). Contoh : Tema Blog Gratis JetTheme V2, Jadinya seperti dibawah ini.

<b:with value='data:view.isHomepage ? data:blog.title + &quot; – Tema Blog Gratis JetTheme V2 &quot; :


2. Gambar Page Blog

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

Kalian bisa gunakan gambar menggunakan URL dengan Mengganti tanda ## yang digunakan untuk sampul Home. Jika kalian menggunakan sampul default maka disarankan menggunakanversi asli dari template ini. Untuk gambar Custom bisa Upload dahulu lalu ambil URl tersebut. dengan kisaran 1600px lebarnya.

https://1.bp.blogspot.com/-Ggz9yp4p7yA/X9SNrifZeVI/AAAAAAAAAtQ/KD7zVkY9DKgj9QDIkZRBs4pkczcQ8ileACLcBGAsYHQ/s931/Tamplate%2BBlogspot%2BGratis%2BPremium%2BDari%2BJttheme.png

Ganti tampa tanda jarak menggunakan URL kalian.

<b:with value='data:view.featuredImage ? data:view.featuredImage : &quot;https://1.bp.blogspot.com/-Ggz9yp4p7yA/X9SNrifZeVI/AAAAAAAAAtQ/KD7zVkY9DKgj9QDIkZRBs4pkczcQ8ileACLcBGAsYHQ/s931/Tamplate%2BBlogspot%2BGratis%2BPremium%2BDari%2BJttheme.png&quot;' var='meta_image'>


3. Deskripsi Blog Hompage

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

Ganti tanda ## dengan deskripsi blog kalian. Jika kalian sudah memasukkan deskripsi blog pada "Setting" > "Deskripsi" maka silahkan Skip.

<b:with value='data:view.description ? data:view.description : &quot; template blogspot premium gratis,Template Blogspot Jettheme,Template Blogspot Jetthemev2,Jettheme v2, Jettheme Versi 2, Tamplate  Jettheme V2 Terbaru, Jettheme v2 Baru &quot;' var='meta_desc'>


4. Gambar Icon Logo Dengan Schema SEO

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

Upload dahulu img/png icon kedalam postingan blog dan ambil url kemudian pasti seperti dibawah ini. tanpa menggunakan Spasi.

<meta content='https://2.bp.blogspot.com/-wdiOKXuAbWg/YD-CZKXQ8HI/AAAAAAAAA2s/d7zi7NYuwN0pT0hAEwra2_U9nHfW4yNRgCK4BGAYYCw/w250/logo%2Bdani31.png' itemprop='url'/>

Situs Web Ikon Logo Setting

Di menu layout kalian bisa memasukkan URL, Nama Blog, SVG, data:image.

Bagi kalian yang mempunyai favorit icon bisa upload di "Setting">"Faforite Icon"

Setting Navigasi menu

Agar kalian bisa edit menu drop-down dan edit # sub-start dan # sub-end sesuai kebutuhan. Template Jetthemev2 ini juga support fitur LazyLoad yang membuat picture akan di load lambat pada saat Blog di akses dan membuat loading semakin cepat. Untuk Scrip Code noscript :

<noscript>

<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Ggz9yp4p7yA/X9SNrifZeVI/AAAAAAAAAtQ/KD7zVkY9DKgj9QDIkZRBs4pkczcQ8ileACLcBGAsYHQ/s931/Tamplate%2BBlogspot%2BGratis%2BPremium%2BDari%2BJttheme.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1371" data-original-width="2048" src="https://1.bp.blogspot.com/-Ggz9yp4p7yA/X9SNrifZeVI/AAAAAAAAAtQ/KD7zVkY9DKgj9QDIkZRBs4pkczcQ8ileACLcBGAsYHQ/s931/Tamplate%2BBlogspot%2BGratis%2BPremium%2BDari%2BJttheme.png" width="320" /></a></div><br />&nbsp;<p></p>

</noscript>


Setting LazyLoad Google Adsense

Untuk edit LazyLoad Adsense edit kode tersebut menggunakan EDIT HTML dan gunakan CTRL + F kemudian temukan atau salin Code dibawah ini:

Const lazyadsense = false

ganti false ke true

Const lazyadsense = true

 

Setting Iframe, Video, Audio Untuk LazyLoad

LazyLoad ini bisa berfungsi dengan baik kecuali load iframe dari media ( Google Maps, Youtube, dll ), Untuk Scrip nya silahkan dibawah ini.

<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> 


Ok cukup sekian dari Tamplate Blog Gratis Premium dari Jettheme , mungkin jika ada pertanyaan bisa di tanyakan di kolom komentar atau hubungi admin dani31 pada menu Button media sosial yang sudah tersedia dibawah ini.

Thanks


Posting Komentar untuk "Tamplate Blog Gratis Premium Dari Jettheme"