Menampilkan Halaman Atau Widget Pada Pada Halaman Tertentu

Menampilkan Halaman Atau Widget Pada Pada Halaman Tertentu

Kali ini kita akan membahas  cara menampilkan widget pada halaman tertentu saja seperti pada halaman utama dan sub-subnya. Anda bisa lihat pada web blog Bloggernias yang menampilkan footer pada halaman utamanya saja. Itu sebagai contoh simpelnya.
Funsinya yaitu selain untuk menghemat spasi halaman blog anda juga untuk mempercepat loading blog  selain itu halaman blog anda lebih rapi dan kelihatan profesional untuk managemen tampilan blog anda.Cara ini cukup mudah hanya dengan menambahkan beberapa kode, dengan menambahkan kode tersebut maka kita bisa menampilkan widget yang kita kehendaki hanya tampil pada halaman yang kita inginkan saja. contoh kecil dari kode ini adalah penerapan kode meta tag title seo friendly.

Baik tanpa banyak basa basi lihat dan praktekkan kode dibawah ini :

1. Menampilkan widget hanya di halaman depan saja (homepage)

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

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget hanya di halaman Archive saja.

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

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

5. Menampilkan widget hanya di halaman posting.

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

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

7. Menampilkan widget hanya di postingan tertentu saja.

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

8. Menampilkan widget selain di postingan tertentu.

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

9. Menampilkan widget hanya di halaman staticpages.

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

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

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

11. Kode menampilkan widget hanya pada url tertentu

<b:if cond='data:blog.url == "URL Halaman di sini"'>
......................................................
</b:if>

Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan
Coba perhatikan blog saya di sini. Pada halaman home, terdiri dari halaman posting dan sidebar kanan. Coba klik salah satu postingan, maka sidebar kanan tersebut akan hilang dan halaman postingan menjadi lebar (mudah-mudahan itulah yang dimaksud Kang Fahrur). Triknya sangat sederhana, hanya menggunakan kode berikut ini:

1. Pertama Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Lalu klik edit HTML dan cari kode </head>.
3. Setelah itu copy kode berikut ini dan pastekan di atas </head>






<style type='text/css'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
#sidebar-right-1 {display:none;}
.post {width:884px;border:2px solid #952842;}
.blog-pager {background: $(paging.background); width:884px;}
</b:if>
</style>
4. Save Template, selesai.

Keterangan:

• Yang berwarna merah adalah perintah yang kira-kira maksudnya "jika halaman single page atau halaman postingan dikli, maka..."
• Sidebar Kanan jangan ditampilkan atau tidak akan muncul (yang berwarna hijau)
• Postingan akan berubah ukuran menjadi 884px, garis bordernya 2px dengan kode warna #952842 (lihat kode warna biru di atas)
• Blog pager (yang bertuliskan postingan lama atau postingan baru; berada di bawah postingan) juga ikut bertambah lebar, yaitu 884px (perhatikan kode berwarna ungu di atas). Kenapa blog pager ikut dilebarkan? Agar serasi dengan halaman postingan yang juga lebar :

Baca Juga:
Pengertian Search Engine Optimization (Seo)Cara mengatur Heading Tag h1 h2 h3 Pada Blog Agar SeoBeberapa Hal Yang Harus Diketahui Oleh Seorang WebMasterCara Cepat Agar Artikel Terindeks Oleh Google