Sabtu, 14 Januari 2012

Cara mempercepat loading di blogs


Ini merupakan tips bukan tatacara icon smile 10 Tips Cepat : Cara Mempercepat Loading Blog mempercepat blog sobat

Sedikit Tips yang harus di fahami diantaranya adalah :
  1. Gunakan plugin cache (Untuk WordPress Seperti W3 total cache, WP super cache dll)
  2. Jangan menampilkan terlalu banyak flash banner.
  3. Jangan terlalu banyak menyimpan iklan (Pilih iklan yang servernya mantaps icon smile 10 Tips Cepat : Cara Mempercepat Loading Blog Seperti adsensea)
  4. Webhosting yang berkualitas adalah inti dari semuanya, makanya pilih dulu sebelum menyewa (Bukan Beli icon sad 10 Tips Cepat : Cara Mempercepat Loading Blog )
  5. Hindari menumpuk file di hosting sendiri, kalo bisa gunakan file hosting lain deh kalo emang perlu
  6. Resize gambar yang berlebihan, atur supaya sesuai sampai ga perlu mengatur ulang besar kecilnya images
  7. Gunakan Script GZip
    ...

Memasang Recent Post Recent Comment

Tutorial blogspot kali ini membahas tentang cara membuat Recent Post dan Recent Comments.  ada beberapa cara untuk membuat widget ini dari mulai menggunakan widget creator, alamat feed, maupun java script.Disini kita akan  menggunakan alamat feed, untuk menghindari loading page yang terlalu berat jika menggunakan javascript.

 Cara membuat Recent Comments atau Komentar Terbaru:
  1. Login ke akun blogger anda  dan pilih blog mana yang akan anda buat recent comments

  2. Pilih Layout (tata letak) >>  Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan anda.

  3. Pilih Feed dan masukkan alamat url feed berikut,http://bloganda.blogspot.com/feeds/comments/full,  kemudian  pilih continue/lanjutkan,  jangan lupa mengganti tulisan yang dicetak tebal dengan nama blog anda


  4. Jika Muncul pop up window, Isikan title/judul : label widget anda (misal : komentar terbaru, recent comments dll,) Show : jumlah komentar yang akan ditunjukkan (max 5 item), anda bisa menampilkan atau tidak tanggal dan pembuat komen dengan mencentang kotak item date dan item source/author

Cara membuat artikel terkait di sidebar


Postingan tentang artikel terkait (related post) ini sudah sering yang  membahas, tepatnya diblog ini, dan di blog-blog lain. Namun sayangnya postingan tersebut tidak ada yang membahas cara menampilkan artikel terkait di sidebar. 
Pengunjung akan disuguhkan artikel terkait milik Anda di sebelah postingan atau di sidebar, bukan dibawah postingan yang selama ini kita lihat.
Sebenarnya artikel terkait ini bisa juga diletakkan dibawah postingan, tapi saya tidak akan membahasnya karena sudah pernah saya bahas di postingan saya yang lalu







Baiklah, sekarang ikuti langkah-langkahnya dibawah ini :

Langkah I
  1. Seperti biasa login dulu ke blogger
  2. Masuk ke Elemen Halaman
  3. Kemudian Tuju Edit HTML
  4. Klik Expand Template Widget
  5. Letakkan kode berikut ini sebelum kode </head> 
    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
       relatedUrls[relatedTitlesNum] = entry.link[k].href;
       relatedTitlesNum++;
       break;
      }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
      if(!contains(tmp, relatedUrls[i])) {
       tmp.length += 1;
       tmp[tmp.length - 1] = relatedUrls[i];
       tmp2.length += 1;
       tmp2[tmp2.length - 1] = relatedTitles[i];
      }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
      document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
      if (r < relatedTitles.length - 1) {
       r++;
      } else {
       r = 0;
      }
      i++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
  6. Kemudian cari kode seperti dibawah ini :