Wednesday 27 November 2013

Cara Mempercepat Loading Dengan Meringankan Blog

Cara mempercepat loading blog dengan meringankan blog. Mempercepat loading blog atau blog yang ringan merupakan salah satu faktor utama yang akan mempengaruhi trafik pengunjung. Karena pengunjung kebanyakan tidak ingin menunggu lamanya loading tersebut untuk dapat membaca artikel blog anda,  dan efek bounce yang tinggi pula akan selalu menghantui blog tersebut. Hal inilah penyebab para blogger melakukan berbagai upaya untuk meningkatkan kecepatan loading blog atau pun meringankan blognya. Saya kira ukuran loading suatu blog dapat dikatakan cepat apabila mendapat nilai minimal 80 bila menggunakan indikator pengukuran bagian desktop dari http://developers.google.com/speed/pagespeed/insights/, jika kurang dari 80 maka bisa dikategorikan lambat dan harus ada upaya lebih lanjut agar dapat mencapai angka tersebut. Nah melalui postingan kali ini saya akan berbagi cara mempercepat loading blog diantaranya adalah :

1. Cara Mempercepat Loading Blog dengan Menggunakan CSS Compressor

Kompress lah CSS blog anda baik secara manual maupun secara otomatis, Secara manual tentunya anda harus lebih teliti memilah mana yang dapat dirangkum dan mana yang berdiri sendiri, Jadi saran saya gunakan saja tool yang telah banyak disediakan diberbagai situs. Sebagai contoh sobat bisa menggunakan http://www.csscompressor.com, http://cssoptimiser.com, http://imabblog.com/cssoptimizer/compress.html, http://tools.arantius.com/css-compressor, http://www.cssdrive.com/index.php/main/csscompressor

2. Cara Mempercepat Loading Blog dengan Memperkecil Ukuran Gambar

    Sudah pastilah bahwa ukuran gambar yang besar dalam parameter pixel ataupun kbyte akan menambah berat loading blog. Sobat blogger bisa mengurangi kualitas gambar sebagai salah satu cara tersebut ataupun sobat blogger bisa kompress gambar tersebut. Jadi usahakanlah ukuran file gambar atau foto yang digunakan sekecil mungkin.

3. Mempercepat Waktu Loading Blog dengan Meletakkan Script pada akhir editor template

Walaupun tidak semua script bisa diletakkan pada akhir, upayakanlah bagian script lebih diperioritaskan untuk diletakkan pada bagian akhir halaman edit template tersebut, karena pada bagian ini akan dibaca oleh browser jika bagian lain sudah selesai diproses..

4. Mempercepat Loading Blog dengan tidak mengulangi upload gambar yang sama

Gunakanlah Url gambar yang sama untuk dipakai berulang ulang jika memang diperlukan, tetapi jangalah mengupload gambar yang sama dengan alamat baru.  Misalnya suatu gambar mempunyai alamat seperti :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahZmQ6rX9kT-XQH272IDuEGmhxED6gD6dzXkFrk9M5VaPkOYsZ3JA501i8Rs7IEsqBq7Ox2_FHiyN9O2BMHjllDIdy-nxlpkbUCLcKw2vvtXQyormXp2EwxMzpUKDMwHB96pHQihlgdw/s1600/lagu.jpg
dan sudah digunakan pada suatu artikel blog kita, maka bila ada postingan lain yang menggunakan gambar yang sama maka sebaiknya menggunakan kembali alamat tersebut.

5. Meringankan blog dengan menghindarkan iklan yang berlebihan

Seperti yang kita ketahui bahwa iklan selalu menggunakan gambar dan script, jadi usahakanlah jangan menambah iklan yang akan memperburuk waktu loading blog anda, Semakin sedikit iklan yang tampil di blog semakin menambah ringan suatu blog. Jikalau berkenan tidak ada iklan tentu akan lebih cepat lagi.

6. Mempercepat Loading Blog dengan tidak menggunakan background gambar

Background gambar sudah pasti lebih menarik dari pada background berupa warna saja bukan ?, Tetapi background gambar akan menambah lemot loading blog sobat, jadi sebaiknya  ganti saja dengan background berupa warna jika anda menginginkan tambahan kecepatan loading tersebut. Jika anda belum tahu cara mengganti background bisa membaca artikel cara mengganti background blog dengan gambar dan warna

7. Mempercepat Loading Blog dengan membuang widget tertentu

Buanglah widget yang tidak perlu, maksud saya adalah widget yang akan mempengaruhi jalannya loading blog sobat, misalnya saja widget jam, widget kalender, widget translate dan lain lain.

8. Mempercepat loading blog dengan CSS Sprites

Cara ini memang memerlukan suatu pengetahuan ataupun keahlian yang cukup agar kita dapat menggabungkan beberapa gambar ke dalam satu gambar. Agar pemanggilan gambar tersebut tidak serta merta menjadi berulang ulang yang tentunya akan memakan waktu loading. Karena setiap image akan selalu menggunakan ektra request http. Saudara bisa mencoba untuk menggunakan SpriteMe dengan mengunjungi situs http://spriteme.org.

9. Meringankan loading blog dengan Lazyload

Gunakan lazyload yang akan membantu meringankan blog sehingga menambah kecepatan loading, lazyload akan menunda loading gambar dengan mengutamakan script terlebih dahulu, sehingga seoalh-olah berjalan dengan lebih cepat. Dan anda bisa mencoba untuk meletakkan kode script di bawah ini di atas kode </head>, jika dirasakan tidak ada perubahan pada loading anda, maka ada baiknya dilepaskan lagi script tersebut.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>
<script src='http://googledrive.com/host/0B2fPWv1fLnEnSjZSNUdIaXhscEk' type='text/javascript'/>
<script type='text/javascript'>
 $(function() {
    $(&#39;img&#39;).lazyload({
      placeholder : &quot;http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png&quot;,
        effect      : &quot;fadeIn&quot;,
        threshold   : 100
     });
 });
</script>
Jika di blog anda sudah ada jquery maka hapus  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/> di atas, dalam 1 blog hanya boleh ada 1 jquery.

Itulah sedikit pembahasan cara mempercepat loading blog, karena selain cara cara di atas masih banyak cara lain yang dapat digunakan yang tentunya selalu berkembang setiap saat, harapan saya semoga artikel ini dapat memberikan sedikit manfaat untuk blog anda. Salam blogger.

Tuesday 26 November 2013

Disable Right Click

Buat para blogger mungkin tutorial ini mungkin sudah sering dilihat di blog-blog para para master di sebelah. Namun gak ada salahnya kan kalo saya ingin berbagi cara disable klik kanan pada blog ini juga. cara ini sih cukup membantu buat para blogger agar tulisan di blog tidak mudah di copas (copy paste). Berikut ini adalah caranya:

1. Login dulu ke blogger sobat
2. Pilih menu layout


Pilih Layout


3. Pilih add a gadget

4. Pilih HTML/JavaScript


Pilih HTML/Javascript


5. Masukkan kode ini

<script type='text/javascript'>
    var DADrightclicktheme = 'Dark';
    var DADrightclickimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IMcMHRSLwdoPjV24GmcZbMzyFVVFifX-wscRCIQ9YLfVUJXtLOi1lCIS67wwg03lHQ9DOZu9aE-A9BKdHjHCgzazG_nZ-rkGpsDlNQggexrKdSLQ5ANRCkjr7p98SWnB6L35q-M3agit/s1600/No+Right+Click+copy.png';
    </script>
    <script type='text/javascript' src="https://sites.google.com/site/kandakafiles/AntiCopas.js"> </script>

6. Kemudian pilih save/simpan.

7. Selesai

Saturday 2 November 2013

Cara Mengubah Nama Menu/Navigasi Blog


Cara Mengubah Nama Menu/Navigasi Blog - Alhamdulillah kali ini bisa update lagi yang dimana sebelumnya saya bahas tentang Cara Memberikan Bayangan/Shadow di Outer-Wrapper. Dan kali ini Micvoster akan posting tentang Cara Mengubah Nama Menu/Navigasi Blog.

Seperti yang telah kita ketahui bahwa sebuah menu blog atau yang biasa dikenal dengan nama Navigasi Blog sangat penting di sebuah blog karena sebuah navigasi dapat mempermudah pengunjung mencari informasi di blog kita. Dan dengan adanya sebuah navigasi blog, tampilan blog kita akan terlihat lebih keren lagi.

Nah untuk itu berikut ini Cara Mengubah Nama Menu/Navigasi Blog :
1. Anda harus login dulu di blogger.com
2. Kemudian pilih template --> Edit HTML
3. Kemudian anda cari kode dibawah ini :
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
4. Setelah ketemu, anda tinggal ganti "Home" dengan nama yang anda inginkan. Namun jika anda tidak menemukan kode diatas, agar lebih mudah perhatikan gambar di bawah ini :
Cara Mengubah Nama Menu/Navigasi Blog
Seperti yang kita liat gambar diatas, Nama Navigasi yaitu "Menu",nah untuk mempermudah mengganti nama tersebut, anda tinggal masuk di bagian Edit HTML dan cari kata "Menu". Kira-kira hampir sama dengan kode di bawah ini :
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
Tapi jika di blog anda menggunakan nama lain, anda bisa mencarinya dengan sama seperti diatas.
5. Setelah mengubah Nama Menu/Navigasi tersebut, anda tinggal save/simpan dan lihat hasilnnya.

Sekian dulu Cara Mengubah Nama Menu/Navigasi Blog semoga dapat bermanfaat. Namun jika ada masalah, anda bisa berkomentar di bawah ini.

CARA POSTING DI BLOGGER CARA POSTING DI BLOGGER

Cara posting di blogger

Membuat postingan atau mebuat daftar bacaan merupakan suatu keharusan yang tidak boleh dilupakan bagi pemilik blog, terkhusus untuk mereka yang baru belajar blog, karena jantung blog itu sendiri adalah banyaknya sebuah postingan, semakin banyak postingan semakin kuat pula blog tersebut. 
Oleh karena itu kali ini saya akan menuntun anda tahap demi tahap untuk memostingkan sebuat artikel atau karya tulis anda dengan benar dan tepat, dan juga agar mudah untuk terdeteksi oleh mesin pencari google. tanpa panjang lebar langsung saja kita membahas caranya.

Cara posting blog

  1. Buka alamat berikut www.blogger.com
  2. Masukkan alamat email dan password sobat, lalu klik Masuk 
  3. Kemudian akan dibawa kehalaman home blog sobat lalu pilih Entri baru seperti pada gambar 
  4. Setelah itu akan muncul halaman lembar
    kerja baru yang masih kosong, halaman inilah yang nanti anda gunakan untuk membuat postingan atau tulisan anda 
  5. Selanjutnya tuliskan artikel yang akan anda buat seperti contoh pada gambar, lulu klik Publikasi untuk menampilkan artikel sobat
  6. Sekarang postingan anda sudah selesai tinggal mengecek di alamat blog anda, klik Lihat blog seperti pada gambar dan anda akan melihat hasilnya.
Itulah tahapan-tahapan dalam membuat postingan di blogger, jangan lupa tinggalkan komentar sobat dibawah ini ya, dan sukses slalu buat sobat blogger semuanya.

Posted by : http://catatanterbaikku.blogspot.com/

Powered by Blogger.

Translate

Pages

 

© 2013 FAHRUL ROZY POHAN. All rights resevered. Designed by Templateism

Back To Top