Sunday, June 6, 2010

Membuat widget hanya tampil di halaman homepage

Trik-trik mempercepat suatu blog pada dasarnya bisa mempengaruhi posisi search engine, banyak cara yang bisa dilakukan untuk mempercepat sebuah blog, seperti yang terdahulu zoel pernah memposting "optimalkan kecepatan blog". Trik-trik dalam postingan "optimalkan kecepatan blog", lebih banyak untuk menyingkat ataupun menyederhanakan sebuah kode sehingga meringankan sebuah blog dalam loadingnya. Banyak kejadian teman-teman blogger yang mempunyai banyak widget, tapi sayang untuk di hapus. Sebenarnya sah-sah saja jika menginginkan cantumkan widget-widget tersebut pada sebuah blog, dan Sobat pun sekarang tidak usah khawatir dalam masalah posisi di search engine dalam hal lemotnya loading blog. Karena sobat bisa memasang widget-widget tersebut hanya pada homepage saja. Paling tidak dengan ini blog Sobat akan terlihat lebih dinamis, dan lebih seger untuk dilihat.



Membuat widget hanya tampil di halaman homepage
triknya seperti ini:

1. Mencari kode Widget

  • Login ke blogger
  • Klik Tata Letak
  • Pilih Edit HTML
  • Centang atau cek " Expand Widget Template".
Cari kode widget, contoh kode widget "Recent Comment" (ini hanya sekedar contoh, sobat bisa lakukan dengan widget yang lain)


<b:widget id='HTML5' locked='false' title='Recent Comment' type='HTML'>
<b:includable id='main'>
  <!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
  • Jadi cara mencarinya adalah dengan nama widget. Apabila nama widgetnya "Recent Comment", cari kode widget dengan nama tersebut. Gunakan F3 untuk mempermudah pencarian.
2. Menambahkan kode

* Tambahkan kode hingga menjadi seperti dibawah ini. tulisan yang berwarna hijau adalah kode yang ditambahkan.

<b:widget id='HTML5' locked='false' title='Recent Comment' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

Save. Silahkan lihat hsilnya..
Semoga bermanfaat..

No comments:

Post a Comment