BlogKu

BlogKu merupakan blog yang membahas tentang tutorial blog seperti template, html, javascript, css, dll

  • Home
  • Hosting
    • Niagahoster
    • Another Hosting
    • Another Hosting
  • Domain
    • Niagahoster
    • Another Domain
    • Another Domain
  • Template
    • April Magz
    • Purnama Theme
    • Perfect4ads
    • Premium Exam
  • Home
  • /
  • Tips
  • /
  • Tutorial
  • / Cara Agar Template Blog Fast Loading

Cara Agar Template Blog Fast Loading

Written by Noval Bintang on 08.39
Cara Agar Template Blog Responsive

Template yang fast loading atau yang cepat untuk diload merupakan template blog yang sangat friendly dengan visitor atau reader blog. Bagi sebagian blogger, membuat templatenya fast load juga merupakan sebuah keharusan agar tidak memperberat visitor untuk mendownload keseluruhan halaman dengan lambat. Membuat template fastload juga dapat membuat hidup anda lebih go green dan hemat. Karena dengan template yang fastload berarti template anda tidak memakai banyak kuota internet untuk mendownload keseluruhan halaman. Lalu, bagaimana caranya agar template anda menjadi fastloading? Berikut beberapa tips yang mungkin bisa agan lakukan.

1. Hapus CSS Reset Blogger

Untuk menghapusnya anda harus membuka template editor template blogger, kemudian cari dan ganti <b:skin><![CDATA[ dengan kode berikut

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[

Kemudian simpan Template

2. Hapus Javascript Widget Bawaan

Sama dengan tips nomer 1, anda harus membuka editor template blogger, kemudian cari dan ganti </body> dengan kode berikut

&lt;!--</body>--&gt;&lt;/body&gt;

3. Minimalkan Gambar dengan Javascript

Di beberapa template yang saya share, pada halaman home atau homepage saya menggunakan javascript untuk meresize thumbnail (gambar artikel). Menurunkan ukuran thumbnail gambar dengan mengatur lebar thumbnail pada source javascript. Seperti berikut javascriptnya

Tips Agar Template Blog Responsive

Pada javascript di atas, variable image_size memiliki value lebar thumbnail gambar pada homepage. Silahkan dicari tentang autoread more untuk blogger di google. Sebelumnya saya lihat di blog DTE ada tentang autoreadmore dengan textarea, bisa mengatur banyaknya karakter dan ukuran thumbnail.

4. Lainnya

Cara lainnya yaitu tidak memakai widget yang terlalu memberatkan, kurangi penggunaan source dari luar seperti gambar, javascript, font, dan css yang berasal dari selain dari blog anda.

Semoga tipsnya bermanfaat

Posting Lebih Baru
Posting Lama

33 komentar

avatar
Balas
game-begog delete 17 Desember 2013 pukul 09.14

Izin bungkus pertamax nih :)

Template buatan mas noval itu keren-keren :) dengan fitur html5, css3, SEO, dan loading sangat ringan. Pantes saja memiliki banyak fans atau menyebut mas noval sebagai mastah :)

avatar
Balas
Dwi Alfina delete 17 Desember 2013 pukul 09.31

waah simple yaa caranya ;) template johny wusss kayaknya udh responsive deh, tapi ntar dicek lagi ;) makasih udh share

avatar
Balas
Rachmat Kiki delete 17 Desember 2013 pukul 09.56

wah harus lebih banyak belajar lagi nih untuk pemahaman script :D

avatar
Balas
ucu nurodin delete 17 Desember 2013 pukul 10.13

ada tips untuk wp ga gan

avatar
Balas
Muroi El-Barezy delete 17 Desember 2013 pukul 10.23

Wah kayanya saya harus oprek-oprek template lagi nih, ntar ah kalo ada senggang hehe..

avatar
Balas
ahmad rizal samsi delete 17 Desember 2013 pukul 11.04

hm kalo atur saja css nya. Slain itu tdk.

avatar
Balas
Yobert Parai delete 17 Desember 2013 pukul 12.14

Mantap banget nih tips, saya coba dulu sob :), makasih ya :)

avatar
Balas
Rachmat Kiki delete 17 Desember 2013 pukul 12.37

enak ya kalau punya blog fast loading kek blog agan :)

avatar
Balas
berandakata delete 17 Desember 2013 pukul 13.39

nice tips mas, siap dipraktekkan

avatar
Balas
wewengkonsumedang.com delete 17 Desember 2013 pukul 13.48

kunjungan perdana sob, wow blognya keren sekali...loadingnya cepat sekali.

template responsive ini saya kurang mengerti bagaimana prakteknya, rasanya sulit sekali menjadikan template menjadi responsive...saya gagal terus sob dalam mempraktekannya hehe

avatar
Balas
Ahmad Suyadi delete 17 Desember 2013 pukul 15.35

waduh mas ,, itu salah judul yang betul adalah agar blog fast loading hehehehe

avatar
Balas
andre-tkj delete 17 Desember 2013 pukul 18.05

PERTAMAXX :D

avatar
Balas
Mas Bintang delete 17 Desember 2013 pukul 22.15

cm css sj tdk cukup.

avatar
Balas
ahmad rizal samsi delete 18 Desember 2013 pukul 02.46

eh ditambah penggunaan widget seperlunya

avatar
Balas
dz-xp.net delete 18 Desember 2013 pukul 07.06

Mantap Banget.. Langsung Tempel Di Blog..
Bleh Di Edit edit lagi Mas templatenya.. ??

avatar
Balas
Ahmad Suyadi delete 18 Desember 2013 pukul 07.31

nah ini baru judulnya udah tepat ......... hheheh

avatar
Balas
Dwi Alfina delete 18 Desember 2013 pukul 09.46

pertamax udah habis gan :D

avatar
Balas
apkprime.com delete 18 Desember 2013 pukul 11.02

mantap mas.....

avatar
Balas
Elsawati Dewi delete 18 Desember 2013 pukul 11.07

mempercepat loading blog bisa meningkatkan trafic juga karena pengunjung merasa nyaman mengakses konten di blog kita, terimakasih mas untuk sharingnya.

avatar
Balas
Cahyo Kusumo delete 18 Desember 2013 pukul 13.11

Ini nih, kode blog yang bikin kepala mumet 7 keliling, kami ikutan nyimak aja ya Mas. Masalahnya ilmunya belum kesampean nih

avatar
Balas
Abdur rahman delete 18 Desember 2013 pukul 18.14

Wah patut di coba nih. Terimakasih mas sangat bermanfaat.

avatar
Balas
Muhammad Luthfi delete 19 Desember 2013 pukul 09.38

Saya sudah mencobanya tapi tidak ada perubahan nih mas :(

avatar
Balas
Aully Bukan delete 19 Desember 2013 pukul 12.43

Wah keren nih gan ,pengin banget punya Template responsive seperti punya agan ini.....

avatar
Balas
Agus Setya delete 19 Desember 2013 pukul 13.12

kenapa gambar dari java kok tidak disarankan mas ? padahal hostingnya kan dari luar, kita tinggal copi linknya doang ?

avatar
Balas
Mas Bintang delete 19 Desember 2013 pukul 21.31

malah karena hostingnya dari luar itu bisa memperberat loading download blog

avatar
Balas
moch fadhil delete 19 Desember 2013 pukul 21.33

Untuk no 1 dan 2 apa tidak berpengaruh ke hasil tampilan ?

avatar
Balas
Arta Cyber delete 21 Desember 2013 pukul 07.46

keren mas noval ;)

avatar
Balas
Fajri Andaviar delete 22 Desember 2013 pukul 15.04

Bermanfaat sekali Mas Bintang :)

avatar
Balas
Mas Bintang delete 23 Desember 2013 pukul 04.29

hemm ane masih belajar dari mastah lain kok gan :D

avatar
Balas
Mas Bintang delete 23 Desember 2013 pukul 04.30

Template Johny Wusss mah udah perfect gan hehe

avatar
Balas
Mas Bintang delete 23 Desember 2013 pukul 04.31

masih belum ada nih gan

avatar
Balas
Mas Bintang delete 23 Desember 2013 pukul 04.31

hehe iyaa lupa gan

avatar
Balas
Mas Bintang delete 23 Desember 2013 pukul 04.32

tenaga surya aja biar earth friendly

Entri Populer

  • Perfect4Adsense Template Sempurna untuk Adsense
    Karena saya sebelumnya tidak mengerti template seperti apa yang cocok untuk adsense terutama Google Adsense, maka saya mulai mencari di goog...
  • Lorem Ipsum
    Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante...
  • Variasi Template Perfect4Adsense
    Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante...
  • Perfect4Adsense Template Sempurna untuk Adsense
    Minggu lalu, ada seorang agan di facebook yang merequest kepada saya untuk membuat sebuah template yang cocok untuk adsense. Okelah, saya te...
  • Cara Membuat Related Post Valid HTML5 dan Fast Load di Blog
    Artikel terkait merupakan sebuah fitur yang harus dimiliki semua blog agar pengunjung dapat mengetahui artikel mana yang berkaitan dengan ar...

Label

  • 6 CSS3
  • 2 Free
  • 6 HTML5
  • 4 Premium
  • 8 Responsive
  • 5 SEO
  • 8 Template
  • 2 Tips
  • 3 Tutorial
Copyright Noval Bintang 2015