教你如何在FC2部落格上, 安裝FaceBook留言板 part1

有在使用FC2部落格的人,如果想在文章的底部,添加facebook留言板,可以參考一下本篇。

blog.fc2.com是日本的一個多國語免費部落格平台,個人一開始也是使用blog.fc2部落格,後來有人推薦blogspot,才改用blogspot部落格,目前2邊都有在使用,2者都算不錯,可以自行修改網頁風格,及css樣式。

blogspot部落格,並不適合安裝FB留言板,因為連入的ip,他會自動對應各國的尾部域名,算是分流吧,減少單一域名使用壓力,但這樣會互相看不到留言內容,除非你租用一個域名,來固定網址,只是久久才發佈文章的人,租用一個固定域名,就有點浪費,不過現今的blogspot已和Google+留言板結合,功能差不多,使用blogspot部落格的人,原則上用Google+留言板,會比較好。

繼續閲讀

教你如何在FC2部落格上, 安裝FaceBook留言板 part2

此篇文章接續教你如何在FC2部落格上, 安裝FaceBook留言板 part1,如還沒看過part1篇,可先前往觀看。

於FaceBook留言板插件網頁,sdk.js相關參數說明,fb-comments相關參數說明,並設置或修改。

獲取facebook留言板code代碼之流程:

繼續閲讀

教你如何在FC2部落格上, 安裝FaceBook留言板 part3

此篇文章接續教你如何在FC2部落格上, 安裝FaceBook留言板 part2,如還沒看過part2篇,可先前往觀看。

此部份較為複雜許多,由其是plugin插入,顯示FaceBook留言板步驟,對代碼不熟識的人,只能多試幾次,文章尾部也有youtube視頻可參考。

個人建議,最好使用notepad++之類的文字編輯軟體,將blog.fc2.com的網頁html代碼,複製copy出來,會比較好查視。

繼續閲讀

Blogger之blogspot 上傳錯圖片,要如何才能刪除

新版的Google相片,似乎將blogger的圖片與Google相片分離,Google相片只計算G+這部份的圖片,要管理blogger的圖片,一時還找不到網址,後來把舊網址,翻出來比照一下,沒想到,還能用。

在blogger編寫翻修文章時,不小心手滑,將同樣的圖上傳2次,或上傳錯圖片,想刪除,當然刪不刪,其實是無所謂,只是個人習慣,將錯誤重覆之類的圖片刪除。

繼續閲讀

blogspot 如何在文章的頭尾,插入廣告代碼 Part 2

此篇為blogspot 如何在文章的頭尾,插入廣告代碼 Part 1之後續文章,如沒看過前篇,請先前往觀看。

這裡會遇到一個問題,顯示單獨文章時,不會跑loop迴圈,而首頁、標籤、網存,會跑loop迴圈,此處必須,在廣告代碼的外圍,加入下述判斷式,不然會,重覆調用廣告代碼,意思是,網頁類型,如果是顯示單獨文章時,則通過

繼續閲讀

blogspot 如何在文章的頭尾,插入廣告代碼 Part 1

原則上,版面配置的上下組件位置,用自訂義的html/javascript,就可以辦到,但如果要稍微準確一點的,將廣告顯示在文章的頭部,或文章的尾部,也就是留言的上方,那麼就要在範本的HTML代碼,找對應位置插入,此篇算是解說文章上下插入點,有需要的人,可參考看看。

繼續閲讀

blogger之blogspot 首頁及標籤不顯示文章下方物件欄

有在使用more閱讀更多功能,就是將文章分為前言及內文的話,於首頁或標籤顯示時,每篇的下方都會出現分享按鈕、留言數、作者、標籤●●●等物件欄,如果只想瀏覽文章時,才顯示那些物件欄,瀏覽首頁及標籤時,不顯示那些物件欄,那麼可參考本篇修改。

繼續閲讀

blogger之blogspot 去掉頭尾空白 提升範本執行速度

設置好範本、版面配置●●●等相關東西後,通常會隔很久的時間,都不會在去動到,這時可以將HTML,編輯框內的代碼,透過notepad++,去掉頭尾空白,這樣可以提升範本,些許的執行速度。

程式是一行一行被載入,而頭尾空白及程式間的空白換行,大部份都是載入後忽略,去掉頭尾空白的範本,大約可減少載入10kb左右,提升些許速度。

原則上,感覺不太出來,有時間的人,是可以用一下。

繼續閲讀

blogger之blogspot 範本升級、迷你組件重置

blogspot部落格,如果太久沒更動到範本的話,建議可以更新一下,這樣才能支援較新的範本模式及迷你組件。

迷你組件,就是版面配置,而版面配置的做用,是可以將自訂義的HTML代碼,或blogger提供的內建小工具,插入到要顯示的位置上。

最重要的位置,就是文章的上下左右,早期好像只有下左右,如果真的太久沒更動範本,是可以參考本篇教學。

繼續閲讀

Blogger之blogspot 字體字距行距字形 調整設置說明

這貼先前有key過,不過是針對 google chrome 瀏覽器,無法顯示微軟正黑體做處理及決解。

更換了數次風格之後,也留意到 Blogger 範本設計工具,裡面沒有微軟正黑體、字距、行距調整選項,該如何說 blogspot 的 font 設置,算是以歐美體系為主,套用到中文字下,如沒做字距行距調整,看起來會有點擁塞,而微軟正黑體,則較些許圓滑。

繼續閲讀