MEMBUAT WIDGET HANYA TAMPIL PADA HALAMAN POSTINGAN

BLOGGER BLOG kali ini akan berbagi sebuah tips-trik yang berfungsi untuk menampilkan widget hanya pada halaman postingan blog, sedangkan pada halaman home-page tidak ada atau tidak tampil. Ilustrasinya begini, pada suatu saat kita merasa harus memasang suatu widget yang kita anggap penting dan harus ada pada blog milik kita, namun di sisi lain, halaman home-page telah penuh sesak dan kalau dipaksakan, maka akan menjadi tambah semrawut dan membingungkan. Nah di sinilah metode menampilkan widget hanya pada halaman postingan blog menjadi suatu solusi yang jitu untuk mengatasi problema tersebut.

Bagaimana cara membuatnya ? Tidak terlalu sulit, namun membutuhkan ketelitian dan kesabaran, karena kita harus menambahkan suatu script pada rangkaian html-template blog kita yang begitu panjangnya dan rumit, salah sedikit bisa rusak semua tatanan blog yang telah kita bangun dengan susah payah tersebut.

Pada artikel ini saya mencontohkan untuk menempatkan Widget Artikel Terkait hanya pada halaman postingan. Script asli widget tersebut adalah sebagai berikut.

<b:widget id='HTML1' locked='false' title='Artikel Terkait' type='HTML'>
    <b:includable id='main'>
    <!-- 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:includable>
    </b:widget> 

Untuk mencapai maksud tersebut di atas kita hanya perlu menambahkan 2 kode atau script tambahan saja yaitu <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if>, sehingga konfigurasi scriptnya menjadi seperrti ini :

<b:widget id='HTML1' locked='false' title='Artikel Terkait' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- 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>

Dimana kita harus merubahnya, seperti biasa aja, anda log-in ke blog anda, kemudian pilih template dan centang expand template widget, kemudian carilah rangkaian script tersebut dengan Crtl-F atau F3.

Nah kalo kepengin Widgetnya hanya tampil di halaman Home Page saja, yang berarti tidak akan tampil di Halaman Postingan. Caranya seperti ini, cari kode Widgetnya dan tambahkan/ ubah kodenya dengan menambahkan script ini   :

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

Maka Kodenya nanti jadi seperti ini :

 <b:widget id='HTML1' locked='false' title='Artikel Terbaru' 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 != ""'>
    <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>

Nah, setelah semuanya selesai, tinggal kita save template blog kita, periksa hasilnya, bila telah memuaskan, maka semuanya selesai.