Kondisional Halaman “selected” pada Widget Label Blogspot Tidak Konsisten
Saya anggap Anda sedang memakai widget Label/Kategori yang masih murni merupakan bawaan dari Blogger. Saat kita mengunjungi halaman label, pada bagian tautan label seharusnya akan berubah menjadi elemen <span>
yang tidak bisa diklik seperti ini:
Ini bagus, karena widget dapat memberikan informasi kepada kita mengenai di mana kita sedang berada saat itu. Akan tetapi, ketika kita mengeklik tautan menuju posting yang lebih lama, tanda tersebut malah hilang:
Ini tidak bagus. Tanda label tersebut seharusnya bisa tetap ada meskipun kita sudah berpindah-pindah ke halaman yang lain asalkan kita masih berada dalam halaman indeks kategori/label yang sama. Ini terjadi karena kondisional penanda pada widget label sudah salah sejak awal. Perhatikan bagian yang Saya tandai:
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li><b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'><b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Menggunakan perbandingan URL sebagai kondisional halaman label tidak akan berhasil, karena URL pada setiap halaman itu pasti akan berubah-ubah meskipun kita masih berada pada kategori/label yang sama. Untuk memperbaikinya, ganti kode yang Saya beri tanda dengan ini:
<b:if cond='data:blog.searchLabel == data:label.name'>
Simpan perubahan.
23 Comments:
Wah kapan updatenya nih, tadi saya lewat sini masih gakda nih artikel.
BTW punya saya juga punya masalah seperti itu.
Ini tidak bagus. Tanda label tersebut seharusnya bisa tetap ada meskipun kita sudah berpindah-pindah ke halaman yang lain asalkan kita masih berada dalam halaman indeks kategori/label yang sama.
Emang tidak bagusnya dimana mas?? untuk SEO-kah Mas???
By Unknown, at Saturday, May 17, 2014 at 7:46:00 PM GMT+7
Cuma terkesan membingungkan pengguna saja, dan terutama terkesan rusak.
By Taufik Nurrohman, at Saturday, May 17, 2014 at 7:51:00 PM GMT+7
Iya juga seh. :)
kalau misalkan mau membatasi pencarian label seperti punya mas taufik ini gimana ya??
http://www.dte.web.id/search/label/Browser?max-results=20
By Unknown, at Saturday, May 17, 2014 at 7:54:00 PM GMT+7
Oops maaf mas sudah ketemu. http://www.dte.web.id/2012/03/membatasi-jumlah-posting-pada-halaman.html
By Unknown, at Saturday, May 17, 2014 at 8:01:00 PM GMT+7
Untungnya saya tidak menggunakan widget tersebut gan 0:). jadi selamat dari yg namanya mengubah kode.
By FN, at Sunday, May 18, 2014 at 5:48:00 AM GMT+7
belum pernah mengalami kasus ini, tapi untuk jaga-jaga akan diubah.. terima kasih
By you, at Monday, May 19, 2014 at 12:49:00 PM GMT+7
udah tak pasang :p
By Penggemar Rahasia, at Monday, May 19, 2014 at 9:08:00 PM GMT+7
sangat membangun, saya paling senang dengan postingan tutorial blog yang membahas permasalahan tag conditional nya langsung. jadi lebih memahami, dan mulai belajar dari kesalahan kecil yang berdampak lumayan merepotkan :D .
Terima kasih mas taufik.
By Kang Rian, at Tuesday, May 20, 2014 at 1:54:00 AM GMT+7
Kenyamanan pengguna adalah penting. Karena itu hal hal kecil sekalipun harus diawasi agar UE tetap terjaga :)
By Unknown, at Wednesday, May 21, 2014 at 10:39:00 AM GMT+7
Mas Ovic, permasalahan yg dihadapi, tatkala label berbentik 'Cloud, dengan pengaturan diberi background untuk list stylenya. Setelah di klik pada area label, Link yg seharusnya aktif, menjadi link pasif alias gak muncul jadi Link. Adakah solusinya...?
By Kang Kapuk, at Friday, May 23, 2014 at 12:52:00 AM GMT+7
memang terkadang sering terabaikan, kreaktif juga mas tanfik :-bd
By Admin, at Saturday, May 24, 2014 at 3:49:00 AM GMT+7
mas Taufik, saat dklik breadcrumb lalu yg tampil blank, ko bisa yaa? kayak pnya sy..
By Rohis Facebook, at Saturday, May 24, 2014 at 8:06:00 PM GMT+7
Thank you for this tutorial it's very helpful. I have a question about news template ?
I want to make a news template and I want to show posts by the label widget for example
the user will add a label widget and chose the category that he wanted to show posts from than simply the posts showed in blog. The system that I want to use is the same [url=http://goo.gl/N0HgQp] in this template[/url] if can tell me or give me the code that will let me able to do this I would be grateful to you.
Thanks again :)
By Abdelghafour, at Sunday, May 25, 2014 at 6:30:00 PM GMT+7
Itu karena tautan pada halaman label aktif berganti menjadi elemen <span> seperti ini:
<b:if cond='data:blog.searchLabel == data:label.name'>
<span><data:label.name/></span>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
By Taufik Nurrohman, at Monday, May 26, 2014 at 12:46:00 AM GMT+7
Itu tidak ada hubungannya sama ini. Pasti masalahnya ada di halaman indeks. Mungkin pernah membuat kondisional semacam ini di dalam posting:
<b:if cond='data:blog.pageType != "item"'>
…
</b:if>
By Taufik Nurrohman, at Monday, May 26, 2014 at 12:50:00 AM GMT+7
Try this: Widget Blogger untuk Menampilkan Daftar Posting Terbaru dalam Label-Label yang Spesifik
By Taufik Nurrohman, at Monday, May 26, 2014 at 12:53:00 AM GMT+7
Sangat jeli memperhatikan hal-hal seperti ini ;) tapi apakah semua template gitu ya kang?
By Unknown, at Monday, May 26, 2014 at 10:20:00 PM GMT+7
max-results sama updated-max apa sama?
sy tdk paham ah, tapi kalo dari postingan ini mah, script json yg pada contoh, dan pada contoh lain hyperlink...
kalo yg dimaksudkan ilang 9999, kan yg pada hyperlink halaman blog punya fungsi membatasi page yg tampil. dan bukan json tentunya...
kabuuuuuurrrr....ampuuunnnn
By Beben Koben, at Monday, May 26, 2014 at 10:53:00 PM GMT+7
It's nice but I want to do it with the official widget so is there any way to do it like this.
By Abdelghafour, at Friday, May 30, 2014 at 7:33:00 PM GMT+7
No it is not possible.
By Taufik Nurrohman, at Saturday, May 31, 2014 at 8:47:00 PM GMT+7
Setahu Saya kalau max-results itu mengambil deret posting dari ukuran jumlah, kalau updated-max itu mengambil deret posting dari parameter waktu penerbitan. Tidak tahu bedanya, belum pernah pakai.
By Taufik Nurrohman, at Saturday, May 31, 2014 at 8:50:00 PM GMT+7
Misi mas, izin buat dicoba walaupun masih kurang ngerti kegunaan dan mamfaat !!!! :D
By Unknown, at Wednesday, July 16, 2014 at 9:47:00 AM GMT+7
sangat membantu mbah makasih
By Unknown, at Sunday, November 9, 2014 at 11:59:00 PM GMT+7
Post a Comment
<< Home