網頁

2012年3月3日 星期六

[網頁] Blogger分類標籤改成下拉式選單

參考別的網友草原日記教學~~
將Blogger標籤(分類)變成下拉式選單
不過後台有些不一樣了~~
我自己稍做修正備註一下

選擇左邊[範本]→[修改HTML]

點選[繼續]

接下來就都一樣,先勾選[ 展開小裝置範本 ]
才可以搜尋到HTML語法唷

[原始的語法]
<br/>
<select onchange='location=this.options [this.selectedIndex].value;' style='width:200px; background-color:#fff; color:#000;'>
<option>Select a Label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

覆蓋修改成[修改後語法]

<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>    


就會將Blogger分類標籤修改成下拉式選單
Select a Label可以改成中文方便閱讀
例如請選擇一個分類,請選擇一個標籤

 






沒有留言:

張貼留言