Follow + Ikhlas = Folas ;)

Tutorial : 2 Cara Tingkatkan Kelajuan Blog Tanpa Membuang Widget

Asslamualaikum w.b.t

Dengan Nama Allah Yang Maha Pemurah Lagi Maha Penyayang


Insya-Allah, pada kali ini, ingin saya berkongsi dengan anda semua tentang sesuatu yang menarik. Insya-Allah ada manfaatnya!



Jika dahulu, kita lazimnya berhempas pulas untuk membuang widget-widget yang tak berguna gara-gara melambatkan loading time blog kita dan menyebabkan pengunjung blog kita berasa 'serik' dan 'segan' untuk melawat blog kita. Insya-Allah, saya sediakan 2 tutorial ang boleh kurangkan loading time apabila visitor masuk blog anda tanpa membuang widget. Jadi, apa tunggu lagi, mari kita mulakan!

Bismillahirrahmanirrahim




Tutorial 1


Langkah 1
  • Dashboad > Design > Edit HTML > Download Full Template ( ni untuk backup template anda )
  • Ini sebagai langkah keselamatan, takut-takut terjadi apa-apa kerosakan template semasa anda sedang mencuba tutorial ini.

Langkah 2
  • Dashboad > Design > Edit HTML
  • Menggunakan Ctrl+F, cari kod <head>

Langkah 3
  • Copy kod di bawah  dan paste dibawah <head>

<meta http-equiv='X-UA-Compatible' content='chrome=1'/>


Langkah 4

  • Selepas itu, cari pula kod </head>



Langkah 5

Copy kod kat bawah ni di bawah kod </head>


<!--[if IE]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style type='text/css'>
.chromeFrameOverlayContent{top:10px;margin-top:10px;}
</style>
<script>
     window.attachEvent("onload", function() {
       CFInstall.check({
         mode: "overlay"
       });
     });
</script>
<![endif]-->


Langkah 6

Ok, boleh tekan butang SAVE. Alhamdulillah sudah siap Tutorial 1.


*   *   *   *   *


Tutorial 2



Langkah 1
  • Dashboad > Design > Edit HTML > Download Full Template ( ni untuk backup template anda )
  • Ini sebagai langkah keselamatan, takut-takut terjadi apa-apa kerosakan template semasa anda sedang mencuba tutorial ini.


Langkah 2



Langkah 3

  • Sila ikut langkah-langkah berikut :

* Bagi Compression Mode, anda boleh memilih sama ada 'normal' ataupun 'super compact'.


Nota : 
Normal = membuang line
Super Compact = membuang line dan space


* Bagi Comments Handling, anda perlu pilih ' don't strip '

* Masukkan CSS template anda


Nota : 
- CSS ialah kod yang diambil daripada : " Dashboad > Design > Edit HTML "
- Kod CSS bermula dari 

  <b:skin> hinggalah </b:skin>


* Anda perlu copy kod CSS blog anda dan paste kan di column ' Insert CSS Code '

* Selepas itu, tekan butang ' Compress-it! '

* Anda perlu copy semua kod yang telah di compress kan itu dan gantikan ( replace ) dengan kod CSS yang anda ambil tadi.


Langkah 4

Ok, anda boleh tekan butang SAVE. Alhamdulillah siap!




Muhammad Iqbal :

1) Berdasarkan pengalaman saya, kedua-dua tutorial ini agak berkesan.

2) Anda boleh memilih untuk membuat salah satu tutorial yang telah ditunjukkan atau membuat kedua-duanya sekali. Tutorial 1 saya fikir tidaklah terlalu susah. Semuanya terserah kepada anda. Buatlah pilihan sendiri.

3) Semoga berjaya :)



Wallahua'lam

Muhammad Iqbal 
Baling, Kedah



Comments
9 Comments

9 Nasihat & Komen:

  1. so tuto 1 ke 2 atau dua skali kena buat?

  1. Muhammad Iqbal said...:

    Terserahlah, nak buat dua-dua pun boleh~

  1. Muhammad Iqbal said...:

    Anda boleh memilih untuk membuat salah satu tutorial yang telah ditunjukkan atau membuat kedua-duanya sekali. Tutorial 1 saya fikir tidaklah terlalu susah. Semuanya terserah kepada anda. Buatlah pilihan sendiri.

  1. ♕ Mr.IX ♂ said...:

    nk try yg tutorial 1 la..

    dari Muhammad Iqbal...

    sama nama aku..haha

  1. anna said...:

    ok..tq..
    saya dah cuba ..

    saya tak pasti ada perbezaan takk.. cuma orang yang view blog kita yang tahu tak..harap blog saya dah ringan ..tq sekali lagi..

    www.az-onlineshop.com

  1. thx..saya dah cuba tutorial nih..berkesan gak..:)

Action Potential For Excitation :)

 
ibnuDDin™ | Muhammad Iqbal © 2012 | Blogged by Muhammad Iqbal, in collaboration with ibnuDDin Download