將Blogger標籤(分類)變成下拉式選單
本網誌頂部有下拉拉式選單 例子。先在後台 新增小工具 -> 選安裝 標籤 ,
再在後台 範本 -> 編輯HTML , 搜尋 這 標籤 以下片段:
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if> (<data:label.count/>)
</li>
</b:loop>
</ul>
將以上內容替換為下列紅字:
<!-- html.ug5g.com -->
<select class='MMselect' id='Blogger' onchange='location=this.options [this.selectedIndex].value;' onmouseout='this.blur()' onmouseover='this.focus()'>
<option style='display:none;' >Blogger</option>
</select>
<script>
<b:loop values='data:labels' var='label'>
var libTT = "<data:label.name/>".substring(0,7);
if(libTT == "Blogger"){
var x = document.getElementById("Blogger");
var option = document.createElement("option");
var valueA = document.createElement("value");
option.text = "<data:label.name/>";
option.value = "<data:label.url/>";
x.add(option);}
</b:loop>
</script>
<!-- html.ug5g.com -->
<!-------------------------other ----------------------------------------->
<!-- html.ug5g.com -->
<select class='MMselect' id='other' onchange='location=this.options [this.selectedIndex].value;' onmouseout='this.blur()' onmouseover='this.focus()'>
<option style='display:none;' >other</option>
</select>
<script>
<b:loop values='data:labels' var='label'>
if("<data:label.name/>".indexOf('管理員') == -1){
if("<data:label.name/>".indexOf('Blogger') == -1){
if("<data:label.name/>".indexOf('jquery') == -1){
if("<data:label.name/>".indexOf('get') == -1){
var x = document.getElementById("other");
var option = document.createElement('option');
var valueA = document.createElement('value');
var nnss = '<data:label.name/>';
option.text = nnss ;
option.value = '<data:label.url/>';
x.add(option);
}}}}
</b:loop>
</script>
<!-- html.ug5g.com -->
<!------------------------------------------------------------------>
<style type='text/css'>
. MMselect option:hover {font-style: italic; font-weight:bold; color:White;background-color:Gray;}
. MMselect {padding:15;}
. MMselect optgroup { font-size:1px;}
. MMselect option {padding-top: 5px; }
</style>
<!----------頁面向下關閉標籤----------------------->
沒有留言:
張貼留言