2013年7月11日

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

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 私密文章更新版__注意事項及使用技巧」。


私密文章相關系列:

6 則留言:

  1. 版主您好--請問blogger會不會有隱藏留言的功能呢(像是yahoo的部落格之前就有隱藏留言的功能)

    回覆刪除
  2. <1899212148096603260>(以上內容請勿刪除,從括號之後開始留言)可以試試看本站的「Blogger 私密留言系統 V2.0

    回覆刪除
  3. 可以幫我看看嗎? 沒有看見 二、加密私密文章網址開頭字串 的圖示

    回覆刪除
  4. <3360108876453872291>(以上內容請勿刪除,從括號之後開始留言)我沒看到你的部落格有安裝本文的程式碼,請安裝完後,保持有問題的狀況再讓我看。

    回覆刪除
  5. 板主您好, 有疑問請教,部落格平時都是用加密鎖文,但最近卻發現按密碼的“確定”鍵無法按,導致文章根本輸入密碼之後,無法進行確定而不能打開,請問是哪裡出問題了呢 (有可能是因為我曾把網頁背景改掉的緣故嗎?但我並沒動文章阿)感謝

    回覆刪除
  6. <9153900541297622275>(以上內容請勿刪除,從括號之後開始留言)你好,請參閱置頂文章「Blogger 各種疑難雜症發問管道, 及提問注意事項」,提問請附上出問題的網址喔~

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。