Selasa, 05 Juni 2012

Cara Membuat Widget Muncul Hanya Di Halaman Tertentu

| |

Hai sobat semua, kali ini rizal kembali lagi ke tutorial blog nih, setelah memposting beberapa games dan tutorial untuk PES 2012, Nah, pada kesempatan kali ini kita akan membahas tentang setting dalam menampilkan widget kesayangan. Kadang sering diantara temen temen yang bertanya tentang cara yang simple agar widget yang kita miliki muncul pada halaman tertentu yang kita kehendaki.
Untuk itu kami disini akan share sedikit cara yang mudah mudahan bisa berguna buat agan semua. Ada beberapa keuntungan mengapa kita harus mengatur penayangan widget di blog yaitu selain posisi dan blog kita akan kelihatan rapi di lihat oleh pengunjung, ini juga termasuk salah satu trik menjadikan blog SEO Friendly.
Nah bingung bukan kenapa kok peletakan widget bisa mempengaruhi faktor SEO? Alasannya dengan trik ini nantinya widget yg tidak perlu di tampilkan pada halaman posting dapat kita tempatkan pada halaman tertentu di blog kita atau justru kebalikannya.

Nah, Langsung kita praktekin aja ya..

   1. Login ke dashboard blogger.
   2. Pilih Rancangan dan klik edit HTML
   3. Beri tanda centang pada tulisan Expand Template
       Widget
   4. Lalu cari kode widget yg akan di tampilkan pada
       halaman tertentu.
       *Agar mudah pencarian kode widget, sebaiknya


       widget yg akan di edit di beri judul dulu. Misalnya
       "iklan adsense", untuk memberi judul widget klik
       pada Page Element. Nah pada Edit HTML 
       carilah kode widget "iklan adsense"  
       *Agar mudah pencariaanya gunakan CTRL+F
       dan ketik judul widget tersebut
<b:widget id='HTML1' locked='false' title='iklan adsense' 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>

Nah, agar nantinya widget tersebut dapat tampil dihalaman yang kita kehendaki maka harus kita tambah dengan kode yang berwarna merah berikut

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

Hasilnya akan seperti ini.
<b:widget id='HTML1' locked='false' title='iklan adsense' 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>
Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut

          1. Menampilkan widget hanya pada 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 pada 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 pada halaman staticpages.

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

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

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

          9. Menampilkan widget hanya pada postingan tertentu saja.

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

          10. Menampilkan widget selain di postingan tertentu.

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


Sumber : http://www.pandaanku.com/2011/11/memasang-widget-agar-muncul-pada.html

0 komentar:

Posting Komentar

Cara berkomentar untuk yang tidak memiliki blog/Alamat Url :
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb anda
3. Klik Lanjutkan
4. Isi komentar anda, jika sudah selesai klik publish

Bagi yang tidak mempunyai akun bisa berkomentar melalui Anonymous