Cara buat widget muncul hanya pada halaman tertentu

Cara ini adalah bagi membolehkan widget hanya muncul pada halaman depan dan bila diklik pada tajuk posting atau read more untuk membaca artikel satu paparan lain akan muncul dan disini widget tersebut disembunyikan.Mungkin ada diantara widget yang dirasakan tidak perlu muncul ketika posting dibaca ,cuma melambat kan proses loading.Sebagai contoh cuba perhatikan widget Friend Banners pada sidebar yang saya sembunyikan bila read more diklik untuk membaca entri seterusnya.

Bagi membuat nya kita perlu pastikan widget mana yang hendak akan ditampilkan hanya pada bahagian hadapan:

Misalnya saya hendak sembunyikan widget Shoutbox pada blog ini:

Seperti biasa pada design--pilih edit HTML--tandakan pada expand template widget
Gunakan Crtl +F  taipkan pada find (widget id atau title tulisan warna oren ) untuk memudahkan pencarian dan  kodnya adalah seperti dibawah ini pada template:

</b:widget>
</b:section-contents><b:section-contents id='sidebar-right-2-2'>
<b:widget id='HTML1' locked='false' title='Friend Banners' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- 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:if>
</b:includable>
</b:widget>

* cuma tambah kod yang berwarna merah sahaja
Jika widget tidak dinamakan kita cuma perlu buka widget tersebut dan dapatkan  id nya:
Lihat bulatan pada imej

sembunyi widget
Jika hendak memaparkan widget hanya pada halaman posting gantikan dengan kod ini:

<b:if cond="data:blog.pageType == &quot;item&quot;">
Widget kod disini
</b:if>

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

13 Comments:

wanie m'nJ berkata...
terima kasih atas kunjungan

saya x brapa paham...huhu

yahaya berkata...
terima kasih atas kunjungan

@wanie m'nJsaya telah edit semula,harap dpt membantu..

HAW berkata...
terima kasih atas kunjungan

sy pun tak faham sbb code contoh dgn code sy berbeza

yahaya berkata...
terima kasih atas kunjungan

@HAW
template blog gunakan java memang tak sama jadi memang tak sama.kod ni untuk CSS

IKRAM berkata...
terima kasih atas kunjungan

oh.. da paham da :) bro, kalau boleh bro fahamkan betul2, takut ada yan gta paham pulak :)

aku dhaku berkata...
terima kasih atas kunjungan

assalamualaikum......nih namaku aku.mutanya nih.knapa yah ko bnyk ya ga well point.tolong dong jelasin caranya yg lebih detail.aku lgi blja ngeblog nih......makasih ya...ku tunggu jawabnnya.

Ibnushukran berkata...
terima kasih atas kunjungan

yeahh.. berkesan la.. pening jgk kpala ngan linkwithin coz kt main page dia kacau tmpat len n jadi serabut..
so pkai cara ni baru la bole buat linkwithin muncul kt posting page je..
thanks teknikbuatblog!!!.. :)

arjuna berkata...
terima kasih atas kunjungan

masih bingung gan..

Jairinly bin matuin berkata...
terima kasih atas kunjungan

terima kasih kerana wujudkan blog ini

aidel f. berkata...
terima kasih atas kunjungan

LOVE UR TUTORIAL LA

Adib Blogger berkata...
terima kasih atas kunjungan

Salam..admin..saya ada widget kiri n kanan..posting saya brde di tgah...so bila sya smbunyikan widget di sblah kiri..dan bila klik pada posting,trdapat ruang kosong d sebelah kiri...jadi ada cara x nak ubah saiz posting..

sasori kun berkata...
terima kasih atas kunjungan

Arigatou Admin san

Apa Hal berkata...
terima kasih atas kunjungan

tq tutorial nie.. tapi nak tanya pasal yang baah tu.. yang atas dah boleh buat, bwh tu ganti kat mana?tak jelas..

Related Posts Plugin for WordPress, Blogger...