30 August 2012

CARA MENAMPILKAN WIDGET TERTENTU HANYA PADA HOME PAGE

Sebuah blog atau halaman web tentunya tidak terlepas dari yang namanya widget, baik itu cuma sekedar sebagai atribut saja atau memang memiliki fungsi-fungsi tertentu, misalnya untuk mempermudah pengunjung bernavigasi ria di blog tersebut. Akan tetapi bila jumlah widget ini terlalu banyak maka konsekuensinya loading blog akan menjadi lebih lambat. Loading yang lambat tentunya sangat merugikan, karena pengunjung akan segera menutup dan mengurungkan niatnya membuka artikel kita. Solusi untuk hal ini adalah, menampilkan widget-widget tertentu tersebut hanya pada home page saja.

Jadi, tujuan dari cara ini adalah untuk mempercepat loading setiap artikel di blog kita dan menjaga kenyamanan pengunjung untuk tetap bisa fokus pada artikel tersebut tanpa terganggu oleh berbagai macam widget. Menurut saya hal ini juga termasuk ke dalam kategori meng-optimasi blog.

Bagi anda yang ingin menerapkan cara ini, langkah-langkahnya adalah sebagai berikut :

1.Perhatikan judul-judul widget yang ada (bisa di side bar atau footer) dan pilih, mana saja wiget yang ingin ditampilkan pada home page

2.Login ke blogger (bisa dengan membuka tab baru pada browser)

3.Pilih rancangan >> Template >> edit template dan jangan lupa back-up dulu template, untuk berjaga-jaga jika terjadi kesalahan

4.Centang Expand template widget

5.Cari judul-judul widget yang kita lihat dilangkah pertama tadi, untuk mempermudah tekan saja Ctrl+F dan ketikkan judul widget tersebut

6.Setelah ketemu, sisipkan kode berikut diantara kode HTML widget :

<b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if>

contoh penerapannya pada blog saya ini adalah pada tiga widget yang ada di bagian footer, salah satu kode widget pada awalnya terlihat seperti ini :

<b:widget id='HTML18' locked='false' title='' type='HTML'>
<b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/> </h2> </b:if> <div class='widget-content'> <data:content/> </div><b:include name='quickedit'/> </b:includable> </b:widget> </b:section-contents> <b:section-contents id='footer-2-2'>

setelah di sisipkan, kode di atas menjadi seperti ini :

<b:widget id='HTML18' locked='false' title='' type='HTML'>
<b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <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></b:widget></b:section-contents><b:section-contents id='footer-2-2'>

7. Jika semuanya selesai, save template dan lihat hasilnya. 

Tips tambahan :
  • Untuk widget yang berada pada posisi footer, biasanya letaknya pada bagian paling bawah template, silahkan roll mouse anda dan widget lainnya biasanya terletak secara tersusun di bagian atas dari widget footer
  • Untuk melihat judul widget perhatikan saja setelah kode ini <b:widget id= 
  • Widget yang tidak memiliki judul akan terlihat sebagai "HTML..."
  • Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode <b:includable id='main'>
  • Sisipkan kode </b:if> setelah kode  </div>

Semoga tips cara menampilkan widget tertentu hanya pada home page ini dapat bermanfaat.
Written by: goez ini
Tips dan Trik, Updated at: 10:44 PM

No comments:

Post a Comment

Silahkan berkomentar dengan bijak dan sopan. Kritik dan saran Anda adalah masukan berarti bagi saya.