【Blogger】超新手的下拉式選單用法紀錄

Blogger相較於其他部落格來說，是個版面佈置自由度相對高的平台，但對於不會語法的新手，想讓Blogger美美的，也只能去找大大們分享的佈置語法套用了。

然而Blogger有個最大的不便，便是分類這個功能了，雖說是使用標籤，但在未套入任何語法的情況下，實在是不美觀又難用呀！

然而套入語法時，身為語法白癡的我們又難以使用(或根本看不懂)，這邊記錄自己摸索套用版面的選單語法，一點小感想。

一般來說，在使用附帶選單語法的版面，該安裝的前置作業都幫你用好了，因此這邊使談「使用」，不談安裝之類的高難度的玩意兒。

首先，先進入版面配置的html介面
接著搜尋「menu」或「home」(這邊請看自己套入語法預設的文字，不一定是menu與home，也可能是打上套用語法的網站甚麼的，但大多都是，找辨識度高的單字搜尋)
接著，若幸運的話跟本鳩的語法相同，下面詳細講解超級大外行的使用說明！

圖中的語法是<ul><li>的下拉式選單語法

1.首先，這排可以照打(或說原型就有附了)，這排是回首頁，不要刪也不要變，打上去就對了！
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

-------

2.接下來關鍵，看到語法上的
<li><a>&#9830;個人相關&#9830;</a>來把本鳩自己填的字去掉
→<li><a>輸入自己的分類名</a></li>
如此一來，最大的選單就完成了！這是不能連上任何連結純文字的選單項，那若要加入連結呢？
<li><a href='https:'>自己的分類名</a></li>
在https:後面貼上連結網址，就能連過去囉！(將紅字部分換成自己的)

若要在選單下加入選單呢？
<li><a href='https:'>自己的分類名</a>
<ul class='sub-menu'>
<li><a href='https:'>自己的分類名</a></li>
(重複上面<li>語法就能不斷擴充下拉選單分類了)
</ul>
</li>
♥ 這邊注意，粉紅色字，各位安裝的版面若有附選單語法，應該都有其安裝的版面名稱(已經訂好了)，因此粉紅色部分不一定會跟本鳩一樣，這邊就要讓各為自己找自己的了。
♥ 另外，看藍色跟黃色的部分，若要自己加入更多分類，而非單純大選項，注意第一行前面的<li>，這可以想成是一個段落，若是像綠色的段落，沒有分出更多選項的話，就直接在後面加上</li>，代表一個段落的結束。
而若段落想要「分裂」出更多選項，那麼像藍色的第一段，就不能再後面加上</li>，否則語法會失效。
在藍色段落下要再加入另一分類，則打上黃色那段<ul class='sub-menu'>，同樣的，這就像前置作業，他只是告訴這個語法「這邊要加入分類了」而已，不會有任何字顯示在台前(除非你語法有錯)，而</ul>則要加在「所有」小分類結束之後(要把它們包起來)，可以想成有一個框起來的效果吧！最後最後，記得加上</li>來代表一個段落的結束。

例子：
<li><a>個人相關</a>
<ul class='sub-menu'>(綠色要下拉啦！)
<li><a href='https:123'>企劃活動</a>
<ul class='sub-menu'>(紅色要下拉啦！)
<li><a href='https:123'>企劃活動</a></li>
<li><a href='https:123'>罌粟學院</a></li>
</ul>(紅色結束囉！)
</li>
</ul>(綠色結束囉！)
</li>
就是像這樣，一個下拉是選單就調整完成了！(刮號的中文不要打上去，那只是解釋而已)

以上，若是各位版面安裝的選單語法跟本鳩一樣，但卻看不懂的，希望這篇有幫到你。
至於，這對有稍微了解語法的人應該算是基本東西，之所以弄這個教學，單純就是本鳩之前也在這邊卡過，搞不懂語法怎麼都不生效，最後才發現原來是</li>放錯地方了唉……


➤關鍵字：
Blogger | 下拉式選單 | 新手教學 | 超級新手 | 版面佈置 | 分類