Sembunyikan Widget Sidebar Pada Halaman Posting Untuk Percepat Loading Page

Loading page pada web/blog adalah hal yang sangat perlu diperhitungkan karna pengunjung yang bermaksud untuk membuka web/blog kita apa bila loadingnya berat akan menyebabkan pengunjung akan membatalkan untuk melihat web/blog kita.

Dan tutorial blog kali ini saya akan menulis artikel mengenai cara menyembunyikan widget sidebar pada halaman posting atau post page namun widget tersebut tetap akan tampil pada home page atau halaman muka, dan trik ini adalah merupakan salah satu cara untuk mempercepat loading page.

Trik mengenai solusi percepat loading halaman posting dengan cara sembunyikan widget sidebar adalah tulisan dari sahabat yang saya dapatkan saat berkunjung ke tempat mbah google dan artikel ini akan saya share kembali sebagai bahan pelajaran buat saya yang masih newbie. Jika ada sahabat yang membaca artikel ini dan masih newbie seperti saya apabila belum mengetahui trik ini silahkan di baca sampai selesai.

Sebelum membahas lebih lanjut mengenai tutorial blog ini, jika sahabat ingin melihat artikel yang lain seperti membuat label dan judul artikel sebagai meta keyword, mungkin sangat membantu buat kita yang masih newbie sebagai bahan pelajaran di dunia blogger.

Kembali pada tema artikel ini yaitu, agar widget sidebar tidak tampil pada post page atau halaman posting maka kita harus melakukan edit html pada template, dan untuk melakukan perubahan caranya adalah sebagai berikut:
  • Login ke
  • blogger.com
  • Pilih Rancangan
  • Pilih Edit HTML
  • Download Template Lengkap, untuk di upload kembali jika terjadi kesalahan pada edit.
  • Centang kotak kecil pada tulisan Expand Template Widget.
  • Kemudian cari id atau judul widget yang ingin di tampilkan hanya pada home page.
  • Sebagai contoh:
  • <b:widget id='HTML6' locket='false' title='Buku Tamu' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    </b:if>

    <b:include name='quickedit'/>
    </b:includable>
  • Kode yang berwarna merah adalah kode yang di tambahkan agar widget tersebut tidak tampil pada halaman post page,
  • Dan kode yang berwarna biru adalah id dan judul widget yang dapat di gunakan sebagai keyword untuk mempermudah pencarian kode.
  • Apabila ingin menampilkan widget hanya pada halaman post page, ganti kode yang berwarna merah dengan kode di bawah ini:
  • <b:if cond='data:blog.pageType == &quot;item&quot;'>
  • Setelah selesai klik SIMPAN TEMPLATE dan lihat perubahannya ketika sobat membuka halaman post page atau home Page.
Semoga artikel ini dapat menjadi bahan pelajaran yang bermamfaat.. salam sukses selalu..
______________________________

Jika ingin mendapat artikel terbaru dari blog ini, silahkan berlangganan via email :

0 komentar:

 

Copyright © 2010 Nia Online | free backlinks | widget