2013年7月1日 星期一

Blogger 私密文章更新版__使用說明

Blogger 私密文章更新版__使用說明

Wayne Fu 0 A+

(Pic from: bpm-ingenuity.com)
2016.4.9 公告:因 Google Drive 外連失效,請勿使用本篇的程式碼,請改用這篇文章的方法即可:「Blogger 私密文章的另一種選擇__網頁小工具的妙用」。


舊版 Blogger 私密文章+Lee Bruce 留言表示:「我覺得大家比較想要的是,類似臉書一樣給特定人士觀看,或是文章使用密碼上鎖的功能。(只讓有密碼的人看)」。原本對這個 idea 能否實現沒什麼頭緒,直到想起網址字串也是能玩很多花樣的。

就像 PICASA 的圖檔網址,夾雜一長串的亂碼,只有知道 "完整網址連結" 的使用者才得以打開圖檔。那麼利用「把密碼加入網址」的概念,就能成功地把隱藏文章分享給知道密碼的人看了。

本篇的私密文章更新版,就是利用以上的 idea 來構思,請參考本文的步驟來安裝。不過由於牽涉到加密演算法,因此無法提供原始碼,這樣的作法跟「Blogger 私密留言」是一樣的。


一、安裝程式碼

在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

如果安裝過「舊版程式碼」,請先完整移除。

接著請見以下程式碼──


1. 首先到後台 → 範本 → 編輯 HTML → 找到字串 <body ....> 這一行,在其後面一行,插入 A~O 行。

2. 接著搜尋類似以下的字串──

<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>

小心不要找錯了,上面的第二行有 "date-outer" 字串。
找到這三行後,在其下面一行,插入 Q~Y 行。

3. 不急著存檔,請先對照程式碼的行號──
  • B:如果範本中在此行之前已經裝過 jquery (可搜尋看看有沒有 "jquery" 的字串),那麼可刪除此行。
  • J:如果部落格有自己設計「404 錯誤頁面」的話,請將網站的「404 頁面網址」填入此行的雙引號內;如果沒有的話,請保持原狀即可。

存檔後即完成安裝,但還沒結束,因為尚未設定 K 行的 "私密文章網址開頭字串"。

舊版」的 "私密文章網址開頭字串" 直接填入程式碼中,保密性較差一些,會檢視網頁原始碼的人可得知字串為何。此更新版會將網址開頭字串加密,就算看了網頁原始碼也沒用。

而要如何加密此字串,請繼續看如何設定 。



二、加密私密文章網址開頭字串

安裝完程式碼後,第一次開啟部落格會發現,無論是首頁或是文章頁面,文章最後都會出現一個圖示 "Private Post by WFU BLOG",如下圖紅框──




請對著圖示按下去,就會出現「Blogger 私密文章──加密小工具」




請按照指示,輸入英文小寫字母與 "-" 符號的組合,來設定私密文章網址開頭字串。請注意一下:

1. 這個字串要記住,此字串為每篇私密文章的網址開頭字串
2. 最好字串結尾是 "-",避免跟其他非私密文章的網址混淆
3. 如果想重設這個字串,那麼所有設定過的私密文章,網址開頭字串也得重新設定




如上圖,假設我設定了 "prv-" 這個字串,按下「加密」按鈕,會得到一串紅色的加密數字 "007019015067"。

如指示,請將自己的加密數字,打開後台範本後,填入原程式碼 K 行的雙引號之中,儲存後便完成所有的設定,。

之後 "Private Post by WFU BLOG" 這個圖示只會出現在私密文章之中,需要重新設定加密字串、或是將私密文章的網址給別人時,會再用到這個圖示。



三、產生私密文章的方法

接下來示範私密文章如何產生,方法很簡單,開一篇新文章後,在文章編輯的頁面──



如上圖紅色方框,於「文章設定」→「連結」→「自訂永久連結」→ 輸入自訂字串開頭的網址字串。

如果在「二、加密私密文章網址開頭字串」設定的字串為 "prv-",以上圖的文章為例,文章網址字串 "prv-future-forecast" 符合規則,此篇文章就能自動成為 "私密文章",只有以站長身份進入部落格,才能看到該篇文章

想要測試一下的話,這篇私密文章網址為──

是不是看不到這篇文章啊?這個展示頁面必須解釋一下,其跳轉速度比較慢,甚至看到文章標題後才會跳轉(只是為了展示效果),這是因為該頁面的安裝程式碼沒有按照本文,將第一部份的程式碼安裝在 </head> 之前,導致程式碼執行的位置比較後面。如果讀者按照說明安裝的話,那麼頁面還沒讀取出來之前就會跳轉到錯誤頁面,因此是不用擔心的。



四、如何把私密文章給別人看

方法也是很簡單,首先進入該篇私密文章,會看到右下角的圖示 "Private Post by WFU BLOG"──



A. 按下紅框的圖示後,會出現下方的「加密小工具」。

B. 小工具會自動產生該篇私密文章的加密網址,如圖中的紅字字串,只要把這個字串給別人,知道這個網址的人就算不是站長身份,也能看到這篇私密文章。

試試看吧,現在你可以看到這篇文章了──

由於篇幅的關係,本篇只敘述使用說明的部分。不過還有一些重點需要知道,請繼續閱讀下一篇「Blogger 私密文章更新版__注意事項及使用技巧」。


私密文章相關系列:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP