星期四, 9月 01, 2011

Blogger 新知: 1.Blogger’s fresh new look, 2.強化 Blogger 的 "文章分頁按鈕" & "標籤分頁按鈕" & "下拉式選單"

Blogger 新知:
(1) Blogger’s fresh new look,
(2) 強化 Blogger 的 "文章分頁按鈕" & "標籤分頁按鈕" & "下拉式選單" 。



(1) Blogger’s fresh new look:
Blogger 控制台換新裝囉~ Blogger 的舊雨新知們不妨試用看看。
http://buzz.blogger.com/2011/08/bloggers-fresh-new-look.html


經個人初步試用,在 "Label (標籤)" 新增及移除上方便不少、外觀也漂亮多了。


Blogger 的首頁版面,文章分區塊模式與我的不謀而合,是不是 copy 我的網頁啊?
( 誤 )      ^_^'"







(2) 強化 Blogger 的 "文章分頁按鈕" & "標籤分頁按鈕" & "下拉式選單" : 




"文章分頁按鈕" & "標籤分頁按鈕" & "下拉式選單" 等等功能,在 Blogger 的官方頁面目前是看不到的,還是得由個別 User 自己修改範本。這是目前 Blogger 可以改進 Templates (標準範本) 的空間。
http://buzz.blogger.com/


此外,許多 Blogger Users' pages, 在 Label 方面的 "標籤分頁功能" 上,即使加入如 Abu Farhan 的 CSS script (for Page Navigation, 還有 Google Search Style 呢)
,也只能強化 "文章分頁",而無法強化 "標籤分頁" (已分類的文章跳頁及文章數會有錯誤)。這方面有待 Blogger 官方多用點心了。
http://www.abu-farhan.com/category/tips-trik-blogger/page-navigation-tips-trik-blogger/


談到這裡,冰友們可能想知道,那在我的 Blogger 網站, "文章分頁按鈕" & "標籤分頁按鈕" & "下拉式選單" 在分頁上會不會也無法突破呢?? 


哈... 有興趣的不妨去逛一趙囉~~~ ^_^


Visit my Site: http://hollinghsu.blogspot.com/

9 則意見.

  1. WFU says:

    版主提供的連結沒有找到下拉式選單,請問那個網址可直接連到下拉式選單的教學呢?tks

  2. To WFU:
    Here you are.
    http://prado-ajah.blogspot.com/
    欲修改可參考此範本含下拉式選單語法。
    須注意者:CSS & HTML 皆得修改,如 menu ul, menu li 等等指令須配套處理(動不少地方),修改過程較為繁瑣;如欲套用範本則簡易許多。

    我剛看過你的網頁做得不錯,想必你會選擇修改而非套用範本,故建議由原範本之架構理解著手。有進一步問題可再行交流討論。 ^_^

  3. WFU says:

    謝謝回覆,不過這個網址不是英文且無下拉式選單的教學,我猜您的意思是從這個網頁的原始碼,去看原作者怎麼寫出下拉式選單的語法吧?

    只是這樣得花很多精力,而我在找的是下拉式選單的教學網頁,有說明原理再自行修改比較快,沒關係,我再找找看了。

    其實您的網頁比較有設計感,我的比較偏功能性,呵呵,沒有美術天份~~

  4. To WFU:
    Yes. 下拉式選單之 xml 原始碼可由此網址下載來參考。
    http://btemplates.com/2011/blogger-template-prado/
    如欲找到直接的教學網頁,由於 CSS and HTML 都會動到,所以建議還是由原始碼的語法/指令著手,才能隨心所欲直接訂作自己想要的樣式喔。Just FYR. ^_^
    BTW., 有空常來交流坐坐喔~~~ ^^

  5. ZhiWei says:

    你好,
    我該如何改出跟你一樣的下拉式選單.
    &
    我只能算是非常入門..
    是否能有直接套用的辦法呢?
    &
    感謝你.

  6. ZhiWei says:

    咦不知道是否方才留言沒有成功
    你好
    我是個入門者
    我想套用您的下拉式選單.
    我也不知道該從何著手...
    感謝你.
    是否能提供教學:)
    感覺很像 分頁去修改的..

  7. To: ZhiWei
    已看到你的網頁。
    請將你的 XML 檔透過 Facebook e-mail 寄來看看,今日有事,我再找空閒時間檢視一下你的原始碼。

  8. To Zhi-Wei Cao

    終於有點空閒了。  ^^
    關於你的網頁問題,剛看了一下你的原始碼,可做如是修改:
    1. 利用 CTRL + F,搜尋 .navigation li {
    並加入此二列語法於 { 之後/插入:

    z-index:9999;
    position:absolute;

    大功告成,試試看是否已解決你的『版面下移』問題。 ^^

    此外,由於你是套用他人語法,其他小修改(如選單顏色、前/背景、大小、位移量等等參數),你再依自己的喜好調整之。

  9. To Zhi-Wei Cao
    此外,日後你如欲修改得更美觀,可參考此網頁之語法(我私人的就不公開囉)。 ^^
    http://btemplates.com/2011/blogger-template-prado/

    欲修改可參考此範本含下拉式選單語法。
    須注意者:CSS & HTML 皆得修改,如 menu ul, menu li 等等指令須配套處理(動不少地方),修改過程較為繁瑣;如欲套用範本則簡易許多。

    建議你由原範本之架構理解著手,可花點時間研究一下(別說又要我幫你修喔,我女友太多約會都沒空了)。 
    哈,just kidding.  ^_^

    Have a nice holiday.  ^^

意見 (請選取留言身分,可匿名)  『私密留言』請點我