-->

Template gratis blog dengan page speed 100%

www.it-banana.com
Free template blog awesome speed

Page speed blog kamu mendapat hasil yang jelek? dan setelah mencoba berbagai optimasi masih mendapatkan hasil yang kurang maksimal maka kamu membaca artikel yang tepat dan rekomendasi untuk dicoba.

Setelah berselancar di internet untuk optimasi pagespeed blog, akhirnya saya menemukan template gratis untuk blog yang luar biasa ini. Dengan menggunakan template ini blog it-banana menjadi sangat cepat, bahkan saat di tes menggunakan tools seperti gtmetrix.com maka hasilnya luar biasa yaitu page speed score 100%.

www.it-banana.com

Sangat menggembirakan hasilnya dan banyak sekali kelebihannya. Dengan page speed blog kamu yang cepat maka mesin pencarian sangat menyukai itu dan blog kita bisa menjadi rekomendasi di mesin pencarian. Selain itu keuntungan page speed blog cepat adalah google adsense atau penyedia iklan bisa menampilkan iklan termahal untuk blog kamu.

Template gratis blog dengan page speed 100%

Silahkan jika ada yang ingin mencoba membuktikan page speed blog mendapatkan hasil yang baik maka download template tema gratisnya dibawah ini.



Hasil yang maksimal dan memuaskan untuk saya yang memakai template gratis ini. Kamu bisa modifikasi sendiri sesuai selera yang kamu inginkan. Untuk panduan garis besar template gratis dengan page speed 100% ini silahkan baca artikel ini sampai beres.

Cara ganti tema blog

  • Download tema template terlebih dahulu
  • Login dan masuk ke dashboard blog kamu
  • Pilih Tema, Kemudian klik Panah kebawah (samping sesuaikan) lalu pilih pulihkan

www.it-banana.com

  • Klik Upload dan cari template tema berformat xml yang sudah di download

www.it-banana.com

  • lalu klik Open dan Selesai.

www.it-banana.com

  • Lihat tema baru yang sudah di upload tadi.

Cara merubah dan membuat menu header blog

  • Pada dashboard pilih Tema - Panah kebawah (samping sesuaikan) - Edit HTML

www.it-banana.com

  • Klik dmana saja lalu pada keyboard tekan ctrl + f
  • Ketik kata kunci menu contoh ketik dropdown menu

www.it-banana.com

  • Setelah menemukan kodenya, rubah nama menu dan isi dengan url link tujuan menu
  • Contoh saya mengganti nya seperti ini :

 <nav class='mini-list'>
<ul id='show-list'>
  <li><a href='/'>HOME</a></li>
	<li><a href='/search/label/Tutorial%20Blog'>BLOG</a></li>
	<li><a href='/search/label/Tutorial%20Youtube'>YOUTUBE</a></li>
	<li><a href='/search/label/Tutorial%20Komputer'>KOMPUTER</a></li>
	<li><a href='/search/label/Tutorial%20Dapat%20Uang'>DAPAT UANG</a></li>
<li><a href='/p/parse-html-tools-for-blog.html'>PARSE HTML TOOLS</a></li>
  </ul>
  </nav>

  • Klik simpan jika sudah selesai

Cara setting komentar Diqus

  • Masih di menu Edit HTML
  • Cara settingnya kamu tinggal rubah ID Discus dengan ID punya kamu sendiri

www.it-banana.com

  • Kalo kamu belum punya id discqus silahkan daftar dulu - Daftar Disqus

Banyak manfaaat dan kelebihannya menggunakan komentar disqus. Kamu bisa browsing sendiri tentang disqus komentar yang lagi trend di blog.

Fitur template gratis blog

Ada beberapa fitur yang ditambahkan pada template blog gratis ini dan tidak mengurangi performance kecepatan nya yaitu telah tersedianya CSS menu download yang cantik, kolom script / html jika kamu suka membagikan kode dan kode optimasi tampilan embed youtube dalam postingan.

Button download dalam postingan

Bagi kamu yang mempunyai sesuatu yang akan dibagikan dalam postingan dan pengunjung perlu mendownloadnya, maka di template gratis ini menyediakan button download yang keren. Contohnya button download pada saat kamu akan download template tema gratisan di postingan ini.

Untuk kode di postingannya adalah seperti dibawah ini :

 <div class="separator" style="clear: both; text-align: center;">
<a class="btn-demo" href="Masukan link demo disini" rel="nofollow" target="_blank">
Templates Demo <i class="fa fa-laptop" aria-hidden="true"></i></a> 
<a class="btn-download" href="Masukan link download disini" rel="nofollow" target="_blank">Templates Download <i class="fa fa-download" aria-hidden="true"></i></a><br /></div> 

Textbox kolom dalam postingan

Contoh tampilan textbox kolom dalam postingan sebagai berikut :

 ini adalah contoh tampilan kolom html / script dalam postingan 

Untuk memakai kode textbox kolom dalam postingan, gunakan kode ini pada tampilan html saat menulis postingan.

www.it-banana.com

Kode textbox kolom dalam postingan adalah seperti ini :

 < pre>< code>isi dengan script atau kode html kamu disini < pre/>< code/> 

Menampilkan youtube dalam postingan

Untuk menampilkan video youtube seperti dibawah ini :

Ambil belakang url youtube kamu dan pakai kode ini - yang merah rubah pake url youtube kamu :

<div class="llyv" data-id="kFf3t4OV5is"></div>

Ingat memasukan kode html dalam postingan maka kamu harus rubah dulu ke tampilan HTML.

Iklan otomatis sudah ada pada tema ini, tetapi jika kamu ingin menempelkan iklan manual seperti kedalam postingan artikel maka kamu bisa menempatkannya di Edit HTML.

  • Masuk edit html dan cari "iklan"

www.it-banana.com

  • Tempelkan kode iklan kamu dibawah <!--pasang kode iklan disini-->

Kode iklan pertama untuk menampilkan diatas postingan, Kode iklan yang kedua dan ketiga itu untuk di tengah postingan. Kode iklan yang terakhir untuk menampilkan di akhir sebuah postingan.

Hal lain nya pada Template gratis blog dengan page speed 100% bisa kamu explore sendiri. Jadi download, explore dan cek hasilnya. Untuk konsumsi pribadi template gratis ini membuat saya sangat senang.

Terimakasih dan Semoga bermanfaat.

LihatTutupKomentar