Cara Mengatur dan Menyesuaikan Tampilan Widget di Sidebar Blog

Mengatur tampilan widget
Cara Mengatur dan Menyesuaikan Tampilan Widget di Sidebar Blog agar hanya tampil di Halaman Depan (Homepage) atau hanya di halaman postingan saja.

Untuk mempercepat loading homepage blog, salah satu caranya dengan mengurangi pemasangan widget (gadget) yang berlebihan di halaman depan. Namun, Bila Anda ingin menentukan widget tertentu hanya tampil di halaman depan atau tampil hanya di halaman postingan saja. Maka, Anda bisa melakukannya dengan menambahkan kode di template Anda.

Misalnya saja Anda ingin widget "Recent Post" hanya tampil di halaman postingan (tidak muncul di Homepage). Yaa, hal ini memang cukup efisien untuk mengurangi widget di halaman depan. Karena "Recent Post" sudah ada di main area halaman depan blog Anda.

Mengatur Tampilan Widget di Sidebar Blog


1. Widget Hanya Tampil di Homepage / Halaman Depan Saja

  • Silahkan Anda "Login" ke blogger dan masuk ke dashboard blog Anda.
  • Klik pada Menu "Theme" => "Edit HTML"
  • Klik "Jump To Widget" dan pilih widget yang ingin Anda atur/sesuaikan tampil atau tidaknya widget tersebut.
  • Untuk mengatur agar widget hanya tampil di halaman depan saja, maka tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> tepat setelah "<b:includable id='main'>". Dan letakkan kode penutup ini </b:if> tepat sebelum "</b:includable>".

CONTONHNYA:

<b:widget id='HTML?' locked='false' title='IKLAN' 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 != ""'>
<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>

  • SAVE Theme!

2. Widget Hanya Tampil di Halaman Postingan Saja

  • Silahkan Anda "Login" ke blogger dan masuk ke dashboard blog Anda.
  • Klik pada Menu "Theme" => "Edit HTML"
  • Klik "Jump To Widget" dan pilih widget yang ingin Anda atur/sesuaikan tampil atau tidaknya widget tersebut.
  • Untuk mengatur agar widget hanya tampil di halaman postingan saja, maka tambahkan kode <b:if cond='data:blog.pageType == "item"'> tepat setelah "<b:includable id='main'>". Dan letakkan kode penutup ini </b:if> tepat sebelum "</b:includable>".

CONTONHNYA:

<b:widget id='HTML?' locked='false' title='IKLAN' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

  • SAVE Theme!

Naah, Cukup mudah bukan. Cara diatas bisa anda gunakan untuk menampilkan lebih banyak widget di Halaman postingan daripada di homepage. Tapi jangan lupa juga, kebanyakan memasang widget akan membuat blog anda berat dan lama terbuka.

Demikian Cara Mengatur dan Menyesuaikan Tampilan Widget di Sidebar Blog. Jika masih ada yang belum jelas, mari kita diskusikan di kolom komentar dibawah ini. Good Luck!

0 comments

Post a Comment

Contact Form

Name

Email *

Message *