Blogger技巧!終極隱蔽法,讓元件消失於特定頁面。


因為實在太興奮,剛剛把試了一個禮拜的東西,終於弄好了。
就是如何讓Blogger「獨立頁面Pages」中,把標題、其他的元件都隱蔽。
變成一張空白頁面,雖然語法很簡單,但是對我這個Blogger研究不到一個月的初心手來說,
可是難上加難!不過自從搜尋了無數次Google,翻遍各大教學網站,終於在某一個很冷門的國外教學網誌找到了方法。
(範例可以參考About,就是上面Menu Bar上的選項)

Pages獨立頁面:在後台中的文章,編輯網頁中,可以自己興建「獨立頁面」。

要將獨立頁面中的東西隱蔽,簡單來說就是這句:
<b:if cond='data:blog.pageType != "static_page"'>包住你想要隱蔽的元件</b:if>
意思就是將「包涵的元件」在「static_page」中隱蔽。而static_page的值,可以改為

item (不在內頁中顯示) 
archive (不在Archive 存檔頁面中顯示) 
index (不在Label 標籤分類頁面中顯示) 
data:blog.homepageUrl (不在首頁中顯示)

而隱蔽的元件可以是任何一段語法,或是小工具。

而 !=如果改成 ==,就會變成,只在「指定」的頁面中顯示!所以要注意使用。


現在我們直接來示範。(要記得先備份)


  • 將「Pages頁面」移除標題
先找到
<b:if cond='data:post.title'>

然後用上述的語法將這句包住,像這樣。
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:post.title'></b:if>
然後存檔,看看獨立頁面的標題是不是不見了!(其餘頁面正常顯示)

以此類推,要把Readmore語法遮蔽,就找到那段,包住即可。

因為本人最近才開始接觸blogger,這個領域博大精深阿。
本站接下來還會繼續介紹關於「CSS應用技巧」、「Blogger美化」、「小工具應用」等文章。
請密切注意本站喔!

參考網站



8 則回應:

nightspirit622 提到...

這個應該算後台的語法,在伺服器端決定網頁產生的內容,其中item是單篇文章,只要是單篇文章的entry都會被歸類成item,以前還沒有官方版readmore的時候就是利用這個來寫的...

至於前台要隱藏單一元件非常簡單,甚至小至一字一句任何元素都可以隱藏,就是利用CSS display:none;這個參數。不過這方法只是讀者看不到而已,在原始碼中還是會顯示,並且內容同樣的會載入...

亦小風 提到...

謝謝指教,CSS那個方法我知道,所以我原本以為可以用CSS隱蔽「獨立頁面的元素」所以一直失敗,後來才想到用這個方法,卻又找不到怎麼定義,試了好久才成功。

nightspirit622 提到...

CSS法的話你大概要先自定義元件的class或ID,才有辦法抓selector去隱藏,不過基本上blogger每個元件都有它自動產生的獨特的ID例如 HTML1(HTML/JS元件) BLOG1(部落格文章) 直接在CSS那邊設 #HTML1{display:none;}就可以把元件給隱藏了 (p.s.要查各個div叫啥名字可以利用像Firefox web developer這種工具來查)

喔對了~小提醒一下 你教學的語法一個 = 是不夠的,一個=在程式語言裡是assign的意思, A=B 是說把A設成B這個數值,並不是在做比較兩者的動作喔,要A==B才是在做比較這樣,否則A=B會因為B的值不等於零使結果始為TRUE :)

亦小風 提到...

了解,不過你說的=是指哪裡阿?

!=跟==

應該是對的吧?(是看錯了嘛?還是我太笨看不懂阿......)

指定某個元件消失這個我要仔細研究看看,感謝指導。

nightspirit622 提到...

抱歉我眼花把 cond= 看成判斷式只有一個=了,在那邊的確是當assign用,後者比較type才是用兩個=,你的語法是正確的 Sorry (_ _)"""

亦小風 提到...

是這樣阿,是不是我的版面不夠清楚......我自己看很清楚的說~不過還是謝謝你啦!

月的拉拉拉 提到...

謝謝你,一直來想弄的東西,終於弄好了
原本我也只知道item、data:blog.homepageUrl等用法
看到這篇文章後終於解決了我的問題。

我覺得你可以在這篇的文章或標題上加上這兩個關鍵字

側邊攔、sidebar

因為我就是用這兩個關鍵字搜尋的,不過都一直找不到

標題可以用些比較讓人可以搜尋到的關鍵字 : )

彭靜怡 提到...

真正免費聊天網頁
免費聊天直播室
台灣網路視訊聊天網站
北京男孩聊天室
藍血魔域聊天室
語音聊天
聊天表情
聊天圖片
聊天話題
293視頻聊天室最開放
2013視頻聊天室最開放
康福視頻聊天室最開放
超開放視頻聊天室
國外聊天室哪個最開放
什麼聊天室最開放
真正免費聊天網頁
免費聊天直播室
都秀視頻聊天下載
都秀視頻聊天軟件下載
都秀視頻聊天大廳
我愛約炮網
愛情人網
玫瑰情人網
日本交友網站
同城聊天視頻網站
中年交友聊天網
情人交友網站
同城情人網
25愛同城交友
同城交友聊天視頻
真誠寂寞交友網站
免費寂寞同城交友網站
江山寂寞交友網站
全球隨機聊天交友網站
真人視頻聊天交友網站
國外視頻聊天交友網站
咸陽同城交友寂寞聊天
寶雞同城交友寂寞聊天
同城男女交友
付費聊天室哪個好
毫米激情網站
mm激情網站
ons同城交友社區
附件同城交友社區
富婆俱樂部
美女視頻交友網
同城情人網
在線裸聊秀
QQ視頻一對一裸聊

張貼留言

請給予批評指教。

##EasyReadMore##