Minggu, Juli 25, 2010

Menampilkan widget blogspot di halaman tertentu

Trik ini juga termasuk salah satu trik menjadikan blog SEO Friendly yg mana widget yg tidak perlu di tampilkan pada halaman posting kita tempatkan pada homepage blog kita, atau di halaman lain yang kita inginkan seperti widget penggemar,shoutbox dan lain lain.

Untuk melakukannya silahkan ikuti petunjuk di bawah ini
1. Login ke dashboard blogger.
2. pilih Rancangan »» edit HTML
3. Beri tanda centang pada tulisan Expand Template Widget
4. Lalu cari kode widget yg akan di tampilkan pada halaman tertentu.

Caranya cari nama judul pada widget tersebut menggunakan tombol F3.
untuk mempermudah pencarian kode widget, sebaiknya widget yg akan di edit di beri judul dulu.
Untuk mengedit dan menampilkan widget Tutorial hanya pada halaman posting saja dengan judul widget bernama Tutorial.contohnya


    <b:widget id='HTML1' locked='false' title='Tutorial' 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>


Kode di atas akan menampilkan widget di semua halaman. Untuk menampilkan widget tersebut di halaman posting saja maka harus di tambahi kode berikut »»


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    ................,.........................................,...............................
    </b:if>


Dan nantinya akan menjadi seperti ini.

    <b:widget id='HTML1' locked='false' title='Tutorial' 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 != &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>

Dari kode diatas yg sudah di edit, hanya akan muncul di halaman posting saja dan tidak akan muncul di homepage.
Untuk menampilkan widget pada halaman-halaman yg di inginkan, misal pada homepage saja, pada staticpage saja, pada halaman archive saja dan pada halaman index saja berikut kode-kode yg bisa anda pakai, tinggal ganti kode yg berwarna Merah dg salah satu kode di bawah ini.

o Menampilkan widget hanya pada halaman depan saja (homepage).

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

o Menampilkan di semua halaman kecuali homepage (bisa di arsip, hasil pencarian  ataupun label)

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

o Menampilkan widget hanya pada halaman Archive saja.

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget di semua halaman kecuali halaman archive.

    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget hanya di halaman item (posting).

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget di semua halaman, kecuali halaman posting.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget hanya pada halaman staticpages.

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget di semua halaman,kecuali halaman staticpages.

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget hanya pada postingan tertentu saja.

    <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>

o Menampilkan widget selain di postingan tertentu.

    <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>