調整痞客邦Pixnet文章版面寬度懶人包 看了就會! (2018版適用) [真.教學]
有些痞客邦部落客會自訂超寬版面，能一次呈現比一般更大張的內文照片，整份文章氣勢很強，他們是如何辦到的? 先看看標準版面，以下是 PIXNET 兩欄式，廣告在左文章靠右之呈現樣貌。
兩欄式標準版面下，搭配的照片以 600 點(像素)的中圖最適合。若使用 1024 點大圖，雖然系統能讓它自動縮放，由中圖變大圖，但大圖之右邊有一塊會看不到，因為已經超過版面。如果想一次將 1024 點大圖完整顯示出來，就需要放大版面寬度。
請進入管理後台的「自訂樣式」，點擊「CSS 原始碼編輯」之「前往」。
2022/4/15 更新
[分享]Flickr 異常, 消失的 EXIF 資訊
前幾天瀏覽 Flickr 時注意到一個異常現象, 原本伴隨照片出現的 EXIF 變得不一樣, 一些訊息都消失了。更早之前瀏覽的時候, 不必展開 EXIF 就能看到鏡頭、光圈、快門等基本訊息, 例如以下的圖片。
點擊展開後, 更能看到多達數十種的 EXIF 細節。
不過現在只會出現 Camera ID 與 Camera Type , 它們是位於原本 EXIF 頁面的最底下兩項, 其上的項目則完全不顯示。
在個人設定裡面, 有兩項關於 EXIF 的參數, 不過它們都沒有被更動過, 依設定值是可允許顯示才對。
[真.教學]找回消失的部落格側欄元件 (Google AdSenese & Histats 不見了!)
最近注意到部落格的側欄怪怪的, 仔細一看, 原來是側欄上半區域 2 個 Google AdSenese 廣告沒有顯示出來。使用的瀏覽器是 Chrome 版本 51.0.2704.106 m (64-bit)。
下半頁的第 3 個 Google AdSenese 廣告及 Histats 訪客計數小工具也都消失了。
同時間, Pixnet 平台的廣告、BloggerAds 廣告、FEEDJIT與其他所有側欄元件, 在 Chrome 裡都是正常運作的。
先檢視一下 Pixnet 管理後台側欄元件頁面, 對應到上半頁 2 個 Google AdSenese 廣告之設定值並沒有跑掉。
[真.教學]解決博勢力(myblogs.asia)稿件傳送問題(無法完成上傳)
最近有一篇文章, 一直無法上傳到博勢力 (myblogs.asia)。現象是上傳後一直停留在"傳送中"狀態, 卻沒給錯誤訊息。原本以為是系統有問題, 但測試其他較短文章還是可以的, 判斷是圖文內容太多, 導致系統無法接受。
決定將全篇文章切割, 總字數 1904 個, 圖片共 20 張。
依段落先區分第一塊, 這部分是 693 字, 7 張圖片。切割後重新投稿, 沒有問題了。
其餘部分, 原本想一次全上, 卻沒有成功, 畫面始終停留在"傳送中"狀態。只好再切割了, 最後是分成 3 塊分別上傳, 全部順利完成。
[真.教學]申請了好幾天,還看不到 Google AdSense 廣告? (Pixnet 適用)
透過 Pixnet 申請 AdSense, 是屬於代管帳號模式 (指非獨立經營的網址), 但 AdSense 網站的 help 與說明內容都不是為它而寫。
譬如說, 申請後多久才開始有廣告出現, 上面有提到最快 48 小時內能通過審核, 但實際上這原則不適用於 Pixnet 代管帳號。
(有關申請 AdSense 的細節介紹, 請參考這篇: [真.教學]讓部落格為你賺錢,如何加掛 Google AdSense 廣告側欄? (Pixnet 適用)
由於到處找不到有關的細節, 乾脆趁這機會把它整理成一篇文, 一方面當成自己的 memo, 也提供給需要的網友參考。
[真.教學]分享力量大, 讓 FB 為你的部落格增加人氣
部落格寫久了, 說不在意人氣是騙人的, 畢竟讀者的支持也是寫作的動力來源之一。想要合理地增加人氣, 臉書是很強大的輔助工具, 雖然它與部落格分屬不同平台, 但透過分享, 兩者就結合起來了。
以這一篇食記為例([鑫.食記]視覺系饗宴 - 宜蘭羅東謝師父上菜創意料理 (無菜單料理)), 發文一陣子後, 人氣只是慢慢累加, 原本大約只有數十。(畢竟 3C 部落客很難跟食記大咖比啊!)
到「謝師父上菜餐廳」的正式 FB 專頁, 先透過「訪客貼文」做分享, 之後謝師父再轉貼到「動態消息」。由於訪客貼文是在左邊的一小塊空間, 不太能引起注意, 真正關鍵是被轉貼到 FB 專頁的「動態消息」這件事。
所以文章的基本功不能省, 照片與內文品質均要兼顧, 餐廳/公司方面覺得文章不錯, 才有機會被選入「動態消息」。
[真.教學]讓部落格為你賺錢，如何加掛 Google AdSense 廣告側欄? (Pixnet 適用)
Google AdSense 是很多網站喜歡用的外掛之一，不過它不直接支援 Pixnet 痞客邦，設定的步驟比較多。底下是一般的 Google AdSense 申請網址。
過程中，只要偵測到 Pixnet 網址，就沒辦法繼續做下去了。原因是 Google 與 Pixnet 兩公司間有合作協議，若 Pixnet 網址想掛 AdSense，必須透過 Pixnet 申請。雖然 Pixnet 客服中心有 Q&A 可看，但只是摘要資訊，細節還是得自己從頭跑一遍比較清楚。
首先，請進入「管理後台」，再到「帳戶管理」，點擊頁面左側的「AdSense 帳號管理」，位置如圖片上的橘框框標示。對未申請過的用戶，畫面會出現服務說明，請看過後點擊下面的「我要申請」鈕。
中間會出現 email 欄位，我直接用既有的 gmail 帳戶申請。輸入完畢，請點擊右下角的「送出申請」鈕。
[真.教學]如何設定博勢力(myblogs.asia)的會員自訂頭像
博勢力 (myblogs.asia) 是香港、澳門很具代表性的部落格平台, 我也很喜歡到那裡去發表文章。使用博勢力已好一陣子, 但有一個小問題一直懸而未解, 我的會員自訂頭像 (logo) 似乎沒有設定完整。
透過 facebook 登入發文, 能看見鑫部落小圖示。這是套用我的 facebook 版 logo, 所以可以簡單分辨出來源。 然而在博勢力的各種排行榜中, 我的 logo 卻是顯示代表未定義的灰人頭。
想要設定會員自訂頭像, 不能用快捷的 facebook 登入 (右邊), 一定得選用左邊的"會員登入"才行。
進入後, 畫面中會出現一個「自訂頭像」鈕, 請點擊它。
[真.教學]解決部落格外掛小工具的相容性 (SiteTag vs. Histats)
部落格側欄的外掛小工具越放越多, 偶爾會出現相容性問題。自己正巧遇過一個實際例子, 為 SiteTag 與 Histats 產生未知衝突。現象是在 痞客邦 PIXNET 安裝完 Histats 之後, 發現原來好好的 SiteTag 標籤雲不再顯示任何內容。以工程師角度, 遇到新安裝程式碼造成影響, 處理的第一步驟就是把它先移除再試試看。果然, 暫時拿走 Histats 程式元件之後, SiteTag 標籤雲便恢復正常了。
如果有機會我還是想同時使用 Histats 與 Sitetag, 有沒有辦法讓它們和平共處呢? 先檢視一下 Pixnet 管理後台側欄元件頁面, 以下配置是 Histats 疊在 Sitetag 上面。
實際的 Pixnet 格文呈現情況, Histats 是正常的, 但 SiteTag 相關小工具皆有異狀, 標籤雲空空如也無任何內容。
互換一下位置看看吧, 試著把 Histats 擺到 SiteTag 底下。
Feedjit顯示即時用戶參與動態的側欄元件(外掛小工具) 更新:Feedjit關站後替代方案[真.教學]
部落格經營久了，一定會好奇有誰來看過自己的網站。Feedjit 正是一個為此目的而生的外掛小工具 (widget)，它可被安裝於部落格側欄，即時顯示讀者參與 (user engagement) 之動態，類似跑馬燈一樣不斷滾動，小工具會立即回饋來客訊息。對於格主來說，我們能夠從中知道讀者是來自那裡，透過什麼搜尋引擎，進而做必要的調整或加強。對於來訪者而言，隨時更新的來客訊息，會使頁面更為活潑生動，也能讓訪客知道其它同好正在關注你站上的那些文章。(我最希望，訪客看到別人有興趣的標題後產生好奇心，想要得到同樣的上網體驗，也跟著點進去)
首先，使用瀏覽器進入 Feedjit (http://feedjit.com/)。雖然網站沒有特別說明 Feedjit 的名稱由來，但我猜想最可能答案是取自 Feed Just In Time (即時回饋)。Feedjit 的總部在美國西雅圖，由 Mark Maunder 於 2007 年所創辦，目前用戶數超過百萬人。
Feedjit 的外貌將如何呈現，是可以客製化的，例如尺寸與配色皆可調整。點擊 Color scheme 下拉式選單，可以看到 5 種明色系 (light color scheme) 與 5 種暗色系 (dark color scheme)，都是事先搭配好的套餐組合。點選好後，馬上就可以看到右邊的示範視窗隨之變化，相當方便。如不想變動，直接套用預設值 (default)，為安全不失敗的選擇。
選好的色系組合，仍可再微調，包括標題 (header text)、背景 (background) 與內文 (normal text)...等七項目，通通可以改。
[教學]解決 Pixnet blog 文章列表之圖片預覽問題
為自己部落格文章加上一張封面圖, 可以讓文章顯得更專業、更賞心悅目, 畢竟照片/圖片比文字更能得到關注。和搞行銷一樣, 設法把人先吸引進來再說。
好友攝影達人兼美食家「寒武紀」建議我, 加上封面圖會更活潑, 即每篇文章開頭的第一張照片。其實我幾個月前就開始在格文內放封面圖, 為什麼會看不到?
原來, 問題是發生在自己部落格首頁的文章列表, 此處系統會用預覽方式來呈現, 但有些文章只能看到純文字卻沒帶任何圖片。
由於預覽只能呈現幾行內容, 就緊接著「繼續閱讀」的連結, 第一個想到的解決方案, 是將圖片往前調整, 也就是讓封面圖優先擺最上面。
網路上對這主題, 其實已有不少參考資料, 感謝這些前輩先進們, 但很遺憾大部分的描述內容都已經過時, 與現行版本無法直接匹配, 對照與設定上會有困擾。所以重頭到尾跑一遍, 確定是現在最新最正確的設定程序。大致方塊流程為, 先建立臉書粉絲專頁, 再利用它產生專用插件碼, 最後把插件碼運用到自己部落格之"側邊欄位設定"內, 就大功告成!
步驟細節如下:
首先, 以自己帳號登入 Facebook, 然後進入「建立臉書粉絲專頁」頁面(https://www.facebook.com/pages/create/?ref_type=bookmark), 裡面有 6 大分類, 例如「部落客」是屬於「表演者、樂團或公眾人物」之下。選擇這項子類別, 再把自己的部落格名稱輸入, 最後按「開始」往下一動作, 請參考圖片中的 ①②③④ 順序。
接下來依照臉書的頁面提示, 逐一輸入必要資料, 以及上傳大頭貼等作業, 這作業大家應很熟悉, 所以此處省略了。最重要的是, 請把 Pixnet 部落格網址與網站說明這兩項訊息貼進去, 其他都可以慢慢補齊。建立完畢會配置一個 Facebook 專頁編號, 例如937*********599, 這就是粉絲專屬網址中的號碼部分。這時候, 可以用自己帳號先直接給一個"讚", 鼓勵自己一下! 如果需要, 馬上就能在粉絲網頁開始貼文了。
再下來, 需要到臉書的「頁面插件專頁」(https://developers.facebook.com/docs/plugins/page-plugin)去產生插件碼。最關鍵的兩項是, 把剛剛建立完成的「Facebook 臉書粉絲專頁」之網址貼進去, 還有設定這個插件希望呈現的寬度。此插件到時會顯示於部落格側邊欄位, 我是用 240 圖素, 輸入後會立即出現樣本供核對比較。基本上寬度只要能符合自己部落格的頁面配置就行了, 請參考圖片中 ①② 順序以及黃框標示區域。這是最基本設定, 其他選項的啟閉可以於日後有空再慢慢調整。
