23 March 2012

Mengatur Tampilan Widget (Slide Foto)

kmarin ni critanya ane download template blogger lumayan keren..ada widget potonya juga!tapi ada masalah ni..koq slidenya cm bs dibuka di home/beranda aja??ketika ku klik postingan hilang poto slidenya..gmn z supaya poto ane muncul terus di postingan!!
akhirnya ane googling lumayan lama.n akhirnya ketemu ni postingan..langsung ja cekidot.
contoh tampilan bisa di lihat pada blog ane nih gan!!!
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.
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>

0 komentar:

Post a Comment

◄ Posting Baru Posting Lama ►
 

Total Pageviews

Script IKLAN

Tolong copy paste script ini di blog anda:



style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-7002168190215339"
data-ad-slot="1965494200">

Chrome Pointer

Copyright © 2012. ROZI ZETA | Jangan Takut Mencoba! - All Rights Reserved ReDesign B-Seo Versi 4 by RoziZeta