Berikut ini akan diuraikan langkah-langkah cara membuat ( Daftar Label Kategori Model Dropdown ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : ( Daftar Label Kategori Model Dropdown ) sebagai berikut :
DAFTAR ISI CODE
[Tampilkan][Sembunyikan]
CSS Kode
<style>
.file {color:#eee}
.fileLabels {color:#fff;background:red}
#wpLabels {background:red;width:27%;padding:3px}
</style>
<div id="wpLabels">
<script type="text/javascript">
//<![CDATA[
//(orange text) ganti dengan URL-Blog Anda..
var homepage = "http://sahabatblogger77.blogspot.com";
function showLabels(json) {
var label = json.feed.category;
document.write('<select onchange="window.open(this.value);"><option selected disabled class="file">DAFTAR LABEL CATEGORY</option>');
for (var i = 0; i < label.length; i++) {
document.write('<option class="fileLabels" value="' + homepage + '/search/label/' + encodeURIComponent(label[i].term) + '">' + label[i].term + '</option>');
}
document.write('</select>');
}
document.write('<scr' + 'ipt src="' + homepage + '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');
//]]>
</script>
</div>
HTML Kode
<div id="daftar label kategori">
<ul="[class:atibut]">
<li><a href="....">Daftar Label Kategori</a></li>
<li><a href="....">Daftar Label Kategori</a></li>
//menggandakan diagram ul
<ul class="model menu">
<li>.....</li>
<li>.....</li>
</ul>
</ul>
</div>
Jika Widget katagori sudah terpasang kode html tidak diperlukan lagi, silahkan masukan kode CSSnya saja.
Setelah semua kode html, (style, atau b:skin, dan javascript sudah di pasang sesuai posisinya masing-masing langkah terahir adalah Simpan, atau klik pratinjau tema terlebih dahulu,. Namun untuk saran tiada salahnya langsung klik SIMPAN dan lihat hasilnya, jika terjadi eror, dan kode tidak berfungsi dengan baik silahkan informasikan kami di kolom komentar, salam Team SAHAB BISNIS 77.
Demikian Cara membuat ( Daftar Label Kategori Model Dropdown ) semoga bermanfaat terima kasih.
Tidak ada komentar
Posting Komentar