幫側邊欄小工具標題加上背景實作

側欄小工具標題文字、背景

終於發現 blogspot 版面一個比較容易改的部份啦!    兩邊的小工具標題文字、背景一致的色調和背景圖片使版面更清楚易讀, 而且可扮靚! 

如何利用良好的介面設計提高頁面轉換率

這篇舉例的網頁設計思維,都是很好的使用者體驗,很值得學習參考~

1.嘗試表單不要太多的輸入項
2.嘗試更少的邊框,讓使用者能夠專注於網站的內容
5.增加視覺上的層次感
7.嘗試更大的點擊區域
如何利用良好的介面設計提高頁面轉換率 - WIS Blog
良好的使用介面(user interface,UI),有助於提高轉換率(conversion rate)及方便使用的特點,如何達到良好的使用者體驗,你可以嘗試看看這幾項技巧。...

網頁載入速度 黃金三秒

網頁載入速度 黃金三秒
網頁載入速度 黃金三秒 | 馬克十二
網頁載入速度 - 這個課題對於商務網站尤其重要!一般的部落客也不希望來訪的網友不耐等待而逐漸疏遠。我沒有找到公證機構的調查數據;而且時間的快慢概念是屬於主觀感受,很難肯定 網頁載入速度 多久是正常值。...

加入blogger左右側文章導覽

簡單5個步驟加入blogger左右側文章導覽。
請享用。。。。

面壁王澳西諾 感謝分享啊! 剛好需要^^

綜合 好棒哦!順便請教,有沒有辦法讓最新一篇直接回到第一篇,然後第一篇的上一篇直接到最新一篇?謝謝!

Jim Lin 在你想加入第一篇文章連續的地方加入這些東東:
<script type="text/javascript">
function getFistPost(json) {
    var postUrl=json.feed.entry[0].link[4].href;
    var postTitle=json.feed.entry[0].title.$t;
    var item = "<a href="+ postUrl + '" target="_blank">' + postTitle + "</a>";
    document.write(item);
 }
</script>
<script src="http://你的部落格網址/feeds/posts/summary/?max-results=1&alt=json-in-script&callback=getFistPost"></script>
面壁王澳西諾 不好意思想請教一下我按照五步驟做完了可是在我的文章裡沒看到這個頁面導覽圖耶@@
第一步驟的製作圖標如果不製作只有套用你的程式碼是不是就沒效果呢?  (我以為預設是跟你的一樣是橘色箭頭想先看效果的說QQ)
剛研究了一下感覺好像是跟文章區塊最下方的首頁bar就有的功能衝到?

Jim Lin <data:post.body>有二個地方,我己將詳細行數po上來供您參考,一定可以成功的..^^

面壁王澳西諾 ㄚㄚㄚ...我的範本827行跟你的是不一樣的,我裝比較多小工具@@

而且我剛看了一下我的<data:post.body/>有三個地方呢!! 我原本放第一個地方顯示不出來,現在改放在第二各地底下就成功了! 謝謝你啊^^

Jim Lin 贙辣!我剛還重新整理了一之教學,因為我不小心把FB的留言功能也放上去了,真是不好意思,那篇還沒整理好。
不過成功了就好,可以把原本的5-4,5-5程式碼去除免佔資源哦~

面壁王澳西諾 對,我後來發現多了fb留言版,正想問你要拿掉那個需要刪除那段程式碼呢! 等等來去整理,呵呵…謝謝你

阿..我剛要去改發現你的文章已經更新了,然後我忘了之前5-4跟5-5的程式碼是哪邊了QQ  

另外我照新的文章內容將1140寬度改成我的板寬之後順便也改了margin-left這個的數字 之後我的右邊導覽箭頭會被右側欄蓋住耶! 
請問這要改哪邊呢!!?

Jim Lin 1.去除FB留言
1-1:找到 <div class='post-footer-line post-footer-line-2'>,把底下的<b:if cond='data:post.isFirstPost'>
..........canonicalUrl'/> comments</a>,大約9行刪除。
1-2:找到<div class='post-footer-line post-footer-line-3'>,把底下的<b:if cond='data:blog.pageType == &quot;item&quot;'>......................post.id' width='900'/></div>,也是大約9行左右,刪除,因為我不知你有沒有再斷行。但看頭尾應該沒問但金。
2. 改右邊導覽CSS中的屬性:z-indez:999,把圖層拉來最上面看看。

面壁王澳西諾 第一點我改好了! 但是第二點我有點看不懂@@

是要檢查網頁元素然後找右側欄的CSS碼嗎? 
還是....

Jim Lin 步驟4-2的10-11行,不然你把你的範本寄給我,我幫你瞧瞧!再給你點提示 ,自己修好比較有成就,學的更快!
JQUERY|文章二側加入頁面導覽-吉姆的電腦閣誌
Google Blogger範本加入上下頁導覽按鈕語法教學。...

LINE 貼圖詐騙FB帳號的手法

小心!FB 免費送 LINE 貼圖詐騙手法,登入臉書會被盜帳號
稍早收到朋友從 LINE 傳送過來的訊息,裡頭寫到「FB 免費送貼圖,把這消息轉發十五個 LINE 好友,可以免費領取價值一百的貼圖表情,加油吧!領取地址:」,直覺就覺得這是一個詐騙手法,本著追根究柢...
這個詐騙的原理是,利用贈送line貼圖,誘使使用者登入FB帳號,但利用假的facebook網址,來騙取FB帳號密碼 → 因為用的網址名稱有 facebook字串,因此不小心會上當。

只要購買自訂網域,例如:abc.com, 就能設定子網域為 facebook.abc.com → 對網路不熟悉的使用者很可能就會上鉤了。因此網路上輸入任何帳號密碼之前,對網址要檢查得很仔細才行。

(自訂網域取名的注意事項,可參考: goo.gl/5rmV2g )


Orsino Sung (澳西諾): FB盜別人圖片很容易被認出來 因為有暱稱帳號不一樣! 除非他盜了那個人帳號,但是line不一樣...除了圖片之外你根本不知道現在跟你聊天的是不是你真的朋友(根本看不到對方line帳號) 所以辨識度有點困難,最好的方式就是察覺不妥趕快電話試探本人

Domain Name(網域名稱)、DNS 教學

Domain Name(網域名稱)、DNS 教學
有了網域名稱 Domain Name之後 下一步 設定DNS Server 與 DNS Record相關記錄 課程資料補充
這篇 有了網域名稱 Domain Name之後 下一步 設定DNS Server 與 DNS Record相關記錄 是為了 11/20號 這堂課程 特別針對 網域名稱 Domain Name 這部分的...

五個撇步提升你的YouTube影片搜尋排名

WIS 匯智最初分享了這則訊息:
 
五個撇步提升你的YouTube影片搜尋排名

在此前已有數不清數據指出YouTube影音平台的媒體力量,所以能為影片爭取到更好的排名,這將大大提升影片的能見度,並帶來更多的觀看次數。但要擠進擁擠的搜尋結果,不單單只是盲目的衝觀看次數就好,以下我們先條列式舉出一些重點:
.影片標記(Tag)
.觀眾續看率(Audience Retention)
.描述標記的關鍵字
.影片長度
.影片訂閱次數
.評論數
.Likes/Dislikes

接下來,重點的五項要素來來來,哩來:

I.寫一段"超級長"的影片描述
YouTube與Google搜尋引擎不會"看"你的影片(至少現在還不會),這表示你的關於影片文字敘述至關重要。甚至你可以寫一篇像部落格般長的字數都不反對(因為作者自己就這麼做了),這對精準、長尾字的判斷相當有幫助。

II.優化"影片關鍵字"
簡單舉例:搜尋"太陽花學運"影片的人,就完全不會想看"向日葵開花"的影片。所以在決定影片的關鍵字前,先自己搜尋看看要下的關鍵字會出現什麼搜尋結果。

III.從社群、論壇取得更多的觀看次數
建議將你的影片發佈到相關的論壇以及各大網站,除了可以讓收看影片的族群對象精準之外,也更容易取得討論以及互動。如此一來不僅增加了高品質的收看人數,也可提升高續看率的機會。

IV. 激發更多的訂閱與連結
YouTube的搜尋引擎演算法並不採用"反相連結"(backlinks;SEO術語),但卻非常看重"使用者體驗"。如果觀眾喜歡你的影片並且訂閱,
這給了YouTube一項重要的訊息“觀眾對你的影片有興趣"。但有趣的是,按讚(likes)的比例並不重,但仍然會列入計算。因此訂閱與連結這兩項指標就變成使用者體驗很重要的指標之一。
小小Tips:可以在影片內嵌請求觀眾記得去按讚、留言、訂閱你的影片。

V.建立一個關鍵字播放清單
增加搜尋流量一個最簡單的方式就是:將你的影片列入播放清單。而建立一個關鍵字列表夠幫助YouTube取得更多關於你影片的主題。
小小Tips:一旦你的影音頻道超過10隻影片,有效地組織他們到相關性的主題吧!

原文參考:http://wis.tw/1niE54o


Mark X: 我不但沒去經營 Youtube,還將播放清單都隱藏,自己想想也有點可惜。
不過使用 HTML5 標記的影片在搜尋裡排名不輸給 Youtube,而且要控制搜尋顯示時的預覽圖更簡單操作。最重要的是 -> Youtube 只在 Google 吃香,而 HTML5 影片能列入各大搜尋結果中。

跪婦阿冠說故事: 能經營youtube的人格特質不是每個人都行,不用強求啦!(但教學文用錄影的可以試試)
像我只拿來輔助部落格裡的文章而已,我寫文都來不及了,還要拍戲,我會掛掉(挖鼻孔~~~)。

Wayne Bot: 說不定可以把一堆照片變成 slide 秀 → 轉成影片檔 → 丟到 youtube,這樣又多了一個可以被搜尋到的來源,哈哈!

跪婦阿冠說故事: 我有這樣做過,但太花時間,不太符合經濟效益 福顏日本料理  這一支。
這種單純照片輪播的影片都只有作者自己會有感覺而已,跟婚紗照一樣~~~
有時間可以做來當紀念,沒時間的話,就不用白忙了~~~
5 Advanced YouTube SEO Tactics to Drive More Traffic to Your Videos & Website
YouTube is a very crowded place, so how do you get people to watch YOUR video instead of the million...

提交網站時網址要填什麼?

有網友問了這個問題,雖然是小小的問題,但也許有的人會弄錯。
當我們要提交網址給各大搜尋引擎或 Webmaster Tools,到底要使用 www 開頭的網址,還是沒有 www 的裸域網址?

有個非常簡便的方式判定。
您在瀏覽器的網址列上面輸入您的網址,無論是使用或不使用 www,它最終顯示的網址就是你應該提交的網址。例如輸入 http://www.markxii.com 或者http://markxii.com
最後顯示的網址字串是:markxii.com

但有個小例外,提交 Bing Webmaster Tool 時,應該加上 www,除非是像 Blogger 的網址結構為子網域就不用加上 www 起頭了。

使用Blogger平台可以省多少錢

這篇除了讓我們知道架WP要花多少錢(也就是Blogger可以省多少錢),另外裡面提到一點:廣告收入越多,繳給BSP越多(包含Blogger) → 不過 Blogger 並沒有抽任何廣告費用 ,因此我們可以放心。
自己使用WordPress架部落格網站需要花多少錢? | 跟著工作熊玩賺部落格
前一陣子「無名網站」及「Yahoo!奇摩部落格」關站對台灣的部落客圈造成了不小的衝擊,再加上Pixnet強力推行其MIB(Money in Blog)政策,強迫所有使用其部落格平台的格友上廣告,造成許...

微軟正黑體以外的選擇──明瞭體


作者認為 "明瞭體" 這個字體比  "微軟正黑體" 好看,只要是 Vista 以上的 windows 系統都有這個字體──其實這是日文字型 Meiryo。

如果你同意他的看法,那麼可以考慮為網頁字型增加這個選項,可參考「網頁中英文字型跨平台設定最佳化」( http://goo.gl/eEnOc9 ),在微軟正黑體之前,加入這個字型( Meiryo )的設定,若有無法顯示的漢字時,會自動使用順位在後的微軟正黑體。


面壁王澳西諾 我來了!!  我有點動搖了....這個明瞭體好看耶!!

Wayne Bot  那就幫我們測試一下效果吧! :D 

面壁王澳西諾  我改好了  好美阿~~~內文的字體真的清晰很多
回不去了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  (轉圈圈灑花)

Wayne Bot 感覺比較清楚說~我也來試試看!

面壁王澳西諾  真的清楚非常多! 而且我昨天也改了網誌標題...好看多了XD

上月美智 剛剛去參觀了面壁王的Blog,換了明瞭體整個變得超好看啊啊啊——!比微軟正黑體還要好看多了,嗚哇——

面壁王澳西諾  快換快換 哈哈

綜合 不過那個沒考慮到Mac下的字形顯示,我看起來都是細明體 囧

建議中文的部分也許可以再加入:

Lantinghei SC Extralight, Heiti TC Light,

Mac的中文黑體蘭亭黑跟黑體繁~

面壁王澳西諾  這也是我想測試的,因為我沒有mac電腦所以我稍後再來修正。^﹏^

綜合 那剛好我幫上忙了,有沒有人能測Linux呢?XD

面壁王澳西諾 我剛看了一下WIN7裡面沒有你提到的MAC兩種字體,所以我新增進去我的網頁自型選擇區裡應該MAC電腦的人就看的到了吧!?
那我加好囉! 請在麻煩幫我測試一下字體是否變更了?

Wayne Bot "我新增進去我的網頁字型選擇區" → 你指的是後台範本→自訂 → 裡面的字型設定嗎?那裡不需要設定(也許我誤會你的意思)。另外看了一下你的設定,body 的 CSS 內容:

font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, Lantinghei SC Extralight, Heiti TC Light, Meiryo, sans-serif;

1. 13px 太小了(建議至少 15~16) → 首頁往下捲,發現「下午茶哪裡去?來去旺萊山吃鳳梨酥配無敵鳳梨田野風光吧!」這篇字體很小,應該就是 13px (你其他篇的字有另外設定字體為 large)

2. Lantinghei SC Extralight, Heiti TC Light 這兩個都是 MAC 字型,所以後面那個 Heiti TC Light 永遠沒有用到的機會 (我那篇文章有解釋), 擇一即可

3. Meiryo 的後面最好補一個微軟正黑體,因為 Meiryo 是日文字型,可能有些中文字無法顯示 (如我上面原文的解釋)

P.S. 原本要按下一頁看其他文章的字體效果,發現你把「首頁」按鈕的區塊隱藏了,這樣就看不到上一頁、下一頁了喔!

面壁王澳西諾  123都沒問題我可以立即更正。但是那個ps的部分,我之前是把它用新增css的方式加上隱藏語法的,不過在這次修正字型的時候我用了編輯範本直接修改的方式去改之後再回去自訂範本→進階→新增css這區就變成空白了!

我猜是也一併寫進範本了!(回訊的時候在範本裡面看到了,我再來看看怎修)

另外,我不知道把文章底部的首頁欄隱藏會導致上下文的按鈕消失耶!可是我會隱藏那個也是想讓首頁按鈕只保持導覽列上那個就好,有辦法隱藏文章底部首頁按鈕但是留下上篇文章按鈕嗎?

Wayne Bot  「Blogger 範本__(三)文章及留言區塊的程式碼」( http://wayne-fu.blogspot.tw/2013/04/blogger-template-post.html ) →「一、上下頁區塊」→ 代表「首頁」字串的程式碼在這裡,把他註解掉就行了~(怎麼註解可參考系列文第一篇)

面壁王澳西諾 謝謝你啊! 我來進行註解程序^^

綜合 其實Lantinghei SC Extralight我個人覺得比較好看,但是Mac要10.8以後才會預設開啓,所以後面還是建議放Heiti TC Light喲XD

Wayne Bot  原來如此,那麼這樣是對的 ^^ 

面壁王澳西諾  我都修好了! 但是太奇怪了!! 首頁最後一篇文章(鳳梨酥那篇) 字型怎樣就是不變成明瞭體..這不知道哪邊出問題了!?

Wayne Bot  看了那篇的 CSS,原來那篇文章被設定了 font-family: 微軟正黑體; font-size: medium; → 或許是你當初用 evernote 發的時候的內部設定? → 現在只能進文章,切 HTML 模式,把這些 CSS 字串全部移除吧!

面壁王澳西諾  那篇是用wlw發的! 看來我只能單篇修改了@@"

Mark X 字型在 Chrome 上表現真的比較好看!不過有一點需要提醒,由於 mobile 核心較精簡,對於網頁版字型排列的規則有時候不支援的,所以為了避免在行動版掉字,還是選用一種字型為宜。(但字母可以單獨於樣式設定)

假設某個行動版裝置能顯示明瞭體,但不支援遞補規則,只要遇到沒有的漢字,它就會顯示成空格。(這時候正黑體跑去哪兒呢?別傻了孩子﹍)
但是如果這個裝置本來就沒有明瞭體、正黑體,就會以預設的字體代替,而通常行動版的字型顯示效果都不差,您花了一堆時間在定義字型,結果只有網頁版能接受,行動版定義字型時還是小心保守一點。
幸好還有明瞭體! - 網頁設計便利貼
中文 Windows 系統,最令人遺憾的就是沒有好看的黑體字!從 Vista 時代開始,就有「微軟正黑體」可以用,但這個字型也不是多優秀的東西,粗體 ( bold ) 時就像是狗啃的一樣,標準字體 (...

範本存檔後會被轉碼

請問:
我範本裡放了GA的語法,存檔後會被轉碼成這樣,想請教是我範本壞掉了嗎?還是我動了哪邊的設定而造成的呢?

另外,原本開網頁原始碼來看,也是這樣亂碼,但感謝 +張香腸 大大幫忙,至少我現在網頁原始碼看起來是正常的,但是範本的地方還是呈現這樣亂碼狀況。

先謝謝大家!


Liki Li
正常、blogger scripts 會把一些符號轉換成那樣,不影響運作但不方便編輯…

bigsishead跪婦阿冠
+Liki Li 謝謝您!因為有時候怕與法放錯看不出來=="

Wayne Bot
+Pan Kuan 這問題其實有點深奧,有辦法解決,但更需要經驗判斷,所以無法三言兩語解釋清,找時間來整理一下~

bigsishead跪婦阿冠
+Wayne Bot ok~~~
至少目前我的問題有排除了,可是怕之後又遇到問題,哈哈!

Wayne Bot
+Pan Kuan 其實那些轉換的符號看久了就習慣了,如果不放心複製或修改錯誤,把程式碼重新貼一次也沒關係~

Mark X
不用將程式碼放進去,後台設定 ID 之後,範本會自動幫妳加上去。妳只需要在 GA 控制台做好設定。

bigsishead跪婦阿冠
+Mark X 什麼程式碼?ga這個不是我手動加的喔!我是為了增加這組語法進去才發現我被轉碼了~~~
https://plus.google.com/u/0/b/110723182901901723592/+%E5%BC%B5%E9%A6%99%E8%85%B8/posts/5uB2EFL4A67

Mark X
+Pan Kuan 喔喔!原來是新增功能。
那個編碼問題等老大寫給妳,其實不用擔心的啦! XD

Wayne Fu
Blogger 範本裡為何這麼多亂碼?
http://www.wfublog.com/2014/04/blogger-template-escape-code-character.html

blogger 圖片會失真

各位晚安,其實從今年開始用blogger的時候發現圖片都會失真,我寫文章的習慣是,先用Photoshop將相片美編,尺寸為500*375或375*500像素,再將檔案上傳到Picasa(原始大小),寫文章插入圖片時,也是從Picasa想部內選取原始大小。但圖片就是會失真,但Flickr的就不會(如上方圖),Picasa的就失真的很嚴重(下方圖)。請問大家有遇到相同的問題嗎?還是我上傳的尺寸問題?


Justin lin
這問題確實也困擾我..

Sophia Peng
+Justin lin 我真的好希望可以有很清晰的感覺~

toa to
一點參考。
https://plus.google.com/111890652654670483235/posts/V5ZnBF6xXHK
但我到最後還是搞不懂為什麼從我這邊來看會失真,最後一律轉用PNG了……

Sophia Peng
我剛剛也有試過直接用轉存為網頁用PNG,品質調成為最接近像素~

Wayne Bot
+Sophia Peng 這樣吧,你提供一下同圖片、同尺寸,
1. 在  flickr 的網址
2. 從 blogger 文章上傳後的圖片網址
這樣比較能看出問題原因
(從 totoa 的討論串你可以看到,從 blogger 文章上傳的圖片,檔案大小應該跟硬碟中是一樣,不會變的)

面壁王澳西諾
我不知道我眼睛比較不好還怎樣,我怎麼感覺不出來我的文章圖片跟我放在電腦硬碟裡的有哪邊有差異QQ

我看了一下樓主的圖片大小維度似乎有點小...會不會是因為這樣圖片經過blogger後台放進文章之後(自動)再壓縮過反而顯得更糟了!?

Liki Li
看你的圖片色調改變了,是不是沒把google的相片自動修正功能關掉? 

Sophia Peng
+Wayne Bot
picasa:
http://1.bp.blogspot.com/-dZGPdW-pvOA/U04sFdmDxJI/AAAAAAAABow/BxfRlYf_QLo/s1600/cover.jpg
flickr:
https://farm3.staticflickr.com/2881/13862328345_154412b3b2_o.jpg

+Liki Li 剛剛去查看,真的是這個問題耶!
http://lh5.googleusercontent.com/-ZH1mE3dVr8c/U04u7LE72LI/AAAAAAAABpM/lDavjKrsuzY/w496-h456-no/ok.png

但是如果經由後台從picasa選擇圖片貼到部落格,就會失真~
後來我直接在picasa點圖片複製圖片網址貼上:
<img src="https://lh6.googleusercontent.com/-dZGPdW-pvOA/U04sFdmDxJI/AAAAAAAABpE/g3vyL3DTqNA/w375-h500-no/cover.jpg" width="375" height="500" alt="品勤">
這樣就沒有失真了~

Liki Li
+Sophia Peng 
關掉後上才上傳的圖片還會嗎?

之前的圖片可能要一張張去關掉已經做的修正,或者在你的圖片網址檔名前的那一段的後面加個 -no
像你沒變調的這張一樣
w375-h500-no/cover.jpg

不過關掉之後才上傳的應該不會有變調問題。

Sophia Peng
+Liki Li 我發現關掉之後再上傳,他會自動先修正!然後最後要手動關閉~

Liki Li
+Sophia Peng 
再確認看看吧 帳戶>個人資訊>Google+ 設定>自動修圖 關閉
因為我使用的時候不會變調如果還是有那我就不知道了( ;  ・ ω ・)

Sophia Peng
+Liki Li 我要歡呼了~問題完全解決了!我覺得我要被剁手指,因為這根本是google帳戶設定的問題 XD

Wayne Bot
+Sophia Peng 對了,看了你的處理流程,以後你可以直接在 blogger 編輯文章的界面上傳,這樣就不用另外從 picasa 複製圖片網址,比較方便!(上傳的圖片一樣會存在 G+ (picasa) 的相簿裡) 

Mark X
+Sophia Peng 我覺得您高興得太早了!Google 帳戶那邊的設定類似您使用 Photoshop 自動色調與飽和度,跟 Web-P 格式無關。牽扯有點長,我另外寫個短篇回覆,請等一會。

請參考,也許有幫助。
https://plus.google.com/112119001727065787186/posts/b5j2s6GM6kx

Sophia Peng
+Mark X 謝謝您~ 

Mark X
+Sophia Peng 不用客氣,希望有所幫助 :)

網誌文章區塊下方多餘的區塊該怎麼消除?

請問 網誌文章區塊下方多餘的區塊該怎麼消除??

這個真的困擾我很久...
我在想是不是我這個版型本身的問題

因為看別人家都不會這樣~_~


Liki Li
裡面有重要東西嗎? 沒有的話可以用右鍵檢查元素(chrome)看它的class or id 然後到後台html移除,如果不知道它是否重要就用css display: none;來隱藏吧~

面壁王澳西諾
+Liki Li 謝謝你的指點~我來試試看^^
+Liki Li 我大概看了一下元素,並在後台找到<div class='cap-bottom'>
這一行~但我不敢亂刪怕等等出錯
所以想要用你上面說的隱藏語法...
請問該加在哪個位置比較好呢?

Liki Li
+面壁王澳西諾 
在你的CSS區域放置就可以了
 .cap-bottom{display: none;}

Wayne Bot
+面壁王澳西諾疑! orsino 自己裝過東西不知道嘛?小工具的標題設了什麼呀 

Mark X
+面壁王澳西諾 <div class='cap-bottom'> 只是一般 HTML 物件,暫時刪除也不會有事的。但記得連後面的 </div> 一組一起刪,弄錯了頂多回復版本。
(以前還沒注意過下方有這個)

面壁王澳西諾
+Wayne Bot 文章區塊下方除了LINKWITHIN 以及SHARE THIS就沒了@@

所以我是要找這兩個小工具上方的CSS來修改或隱藏嗎?

Mark X
+面壁王澳西諾 HTML5 和 HTML7 各是什麼啊?沒用到就從小工具那裡移除。

面壁王澳西諾
+Mark X 我剛剛已經把那組連同下方的</div>刪除了~果然版面沒有改變><

另外刪除那組之後我發現點選任何一篇文章的繼續越多之後要開全文變慢了! 不知道是不是因為少了那組的原因

Mark X
+面壁王澳西諾 喔!你看錯目標物了!跟 cap-bottom 根本無關。在插入 LINKWITHIN 以及SHARE THIS 程式碼時可能弄錯了什麼。

面壁王澳西諾
+Mark X html 5 跟7 是 linkwithin 跟 share this兩個外掛小工具@@

面壁王澳西諾
+Mark X  看來是我當初在插入這兩個小工具的時候沒用好~我來試試看移除掉在重裝看看好了

我發現我只要移除兩個小工具! 紅框處兩條白的就消失,但是重新安裝小工具回去並且版面配置一樣拉回去文章區塊下方那兩條又出現了。

儘管之後我把兩條空白消除了但我還是注意到上方稍大的空白寫著首頁兩字的是否也能刪除? (因為導覽列上就有首頁按鈕了這邊應該不需要再多放一個占空間)

Mark X
+面壁王澳西諾 這樣可能要直接放到範本裡,畢竟小工具算是第三方插件。
先前我放 share this 是安插到範本裡的,怎麼正確放最好找找教學吧!

面壁王澳西諾
+Mark X 好 我晚點比較不忙的時候再來研究 謝囉!

Wayne Bot
+面壁王澳西諾跟前面 liki 說的差不多,在 CSS 區加上以下就能隱藏

#HTML5, #HTML7 {display: none;}

面壁王澳西諾
+Wayne Bot 請問是連#這個也要輸入嗎? 我剛輸入#HTML5 {display: none;} 沒效耶qq

Wayne Bot
+面壁王澳西諾 網頁原始碼沒看到你有放這些 CSS 碼,不曉得你放在哪裡?比較簡單的方法是 後台範本→自訂→進階→ 新增CSS

面壁王澳西諾
+Wayne Bot 謝謝提醒啊!! 這個快速新增CSS的方法我都忘了(只實做過一次) ,我立即來去試試看!

+Wayne Bot  終於完成了!! 這個快速新增CSS太好用了! 只要會找網頁元素跟隱藏語法就可以馬上隱藏了。

我也順便把文章底部的"首頁"BA也隱藏了! 
終於看起來版面乾淨一點了, 呼...

另外多謝樓上各位的指導啊! ^_^
+Mark X  +Liki Li 

Responsive經驗談


企業號航行網誌
要推了

綜合
改造後一星期心得:對於跳出率有非常正向的影響!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiGnHo7_yBJO4Ao80at6PJQWlhlK-tZOCvK8hebKLEqMPT7fT0Xd1SJttL4iDpLQV2FuuLQwmpMfzeMEtSGPClJcdFnu2dgJXOcEGvfOOa_UnEOASxZfUH1kZdZE2R7x7UhqZSKy2brHI/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-04-20+11.56.54.png

企業號航行網誌
你跳出率極低
我時常在80% 以上

小小整理網站
要怎麼穩定字體大小?

綜合
其實我不懂你說的穩定是什麼意思@@

小小整理網站
+綜合口味 哈哈 我的字體在手機橫的拿跟直得拿會不同大!!應該是我寫錯了

綜合
+許霖騎 ,你的問題「可以問一下您的那個RWD的空白網頁收起來是怎麼製作的嗎?? 有教學來源嗎? 」這個問題可以問更清楚一點嗎?空白網頁是指什麼?我看不懂你的問題orz

綜合
+許霖騎 瞭解!搜尋「 mobile web menu 」會有非常多種類可以選喲 :D

例如:
 http://mmenu.frebsite.nl
這裡也有人家整理的:
http://www.webdesignerdepot.com/2013/11/25-awesome-responsive-menu-solutions/
綜合口味: Responsive Design Blogger 經驗談
本篇為Responsive Design的技術性文章。...

珍惜留言

如果你跟我一樣珍惜留言的話,有安裝臉書留言板的朋友應該要開始想辦法如何把留言留下吧!


Mieui Lin: 所以如果有值得紀念的留言,我都會截圖起來貼在部落格上

企業號航行網誌: 如果 blogger post 網址更變了 FB 留言版上的留言會消失嗎? 始終覺得原生是最好的

我的意思並不是指搬家,只是想更改網址,如原本是
www.domain.com/this-is-a-tast.html
但是後來發現打錯字,想改正為
www.domain.com/this-is-a-test.html
不知會否令留言消失

Wayne Bot: FB 留言板跟 G+ 留言板一樣,留言都是跟著網址跑,所以搬家的話,留言一樣會留在舊家網址~ (厲害的話,可以用程式去撈來看)

存在伺服器的資料:

A 留言 → 對應 A 網址字串
B 留言 → 對應 B 網址字串

任何留言都不會消失,但只根據瀏覽器的網址,跑出對應的留言出來。(所以可以利用程式,撈出各種網址的留言資料)

跪婦阿冠說故事: 那fb倒了還能抓到嗎?(或者問說,能備份嗎?)
想當年大學bbs根本來不及備份,寄放在清大還交大的主機就無預警燒壞了~~~我的青春小鳥呀~~~ 還有yahoo奇摩家族~~~
當年如此風光,誰會想到資料照片都不見了

Wayne Bot: FB 是世界級,拿交大比怪怪的 XD 舉例來說,Google Reader 關閉前至少早三個月通知,並給予各種備份管道。所以,我選擇讓世界級的公司展現他們的應對之道吧~(yahoo越來越差,別理他..)

其實我也有個奇摩家族,也是投入過不少時間,不過那年代的功能是有侷限的,後來就淡出了~(直到後來知道奇摩家族收了,才想起了我也搞過一段時間的家族...XD)

綜合: Yahoo收掉我好多回憶:造型精靈、家族、無名

企業號航行網誌: 被 yahoo 收購的服務多數沒有好下場
社群網路疲感襲擊!2014年臉書地位動搖
主宰全球社群網路的臉書(Facebook)(FB-US)自2004年創立以來,以驚人的速度成長,現在擁有12.3億使用者。但是,近來卻有負面評價傳出,分析師指出,臉書過去主宰的地位有動搖危機,但近期仍...

工程師相處指南

雖然我不是工程師,但我承認很喜歡這篇的描述。

## 工程師強的不是你以為的寫程式能力。而是他比你強的「工程角度」解決問題的能力 ##
工程師相處指南 « Blog.XDite.net
原文摘自我的 FB。很多人問要怎樣「正確」跟工程師相處,以下是我的回答: 1. 不要把工程師當「得來速」,隨便點餐。 工程師正確的用法要這樣用: 今天如果你有一個問題,你就直接跟他講你有什麼問......

如何在GoDaddy購買自訂網域及DNS設定心得分享

還在考慮買網址該買哪家嗎?
如果你也正好要買Godaddy的自訂網域
那這篇分享或許對你們有幫助~


張香腸
個人是覺得Name.com介面較為簡單,操作流程上比較好。

Godaddy 介面略嫌複雜,新手可能會容易迷路。

Wayne Bot
這篇剛好過一陣子就可以來參考了 :)

面壁王澳西諾
+張香腸 對啊!godaddy真的要摸很久,沒辦法我頭已經洗下去了只好繼續在茫茫網海中尋找答案下去。

謝謝你推薦的另一個供應商,找時間也來去瞧瞧比較看看^﹏^
+Wayne Bot 你也要買去爸爸唷!?

Wayne Bot
survey 都做完了,還寫了折價券篩選器,當然是 godaddy 啦~^^

張香腸
折價確實Godaddy 比較便宜,但是第二年常常原價,續約優惠較少。
name.com 則都是固定架,然後都有固定的WHOIS隱私隱藏的優惠CODE。
整個價格算起來較為划算,但這是指 .com .net .org。
我自己.cc還是在godaddy

http://sofree.cc/name-com/

面壁王澳西諾
+Wayne Bot 對吼~我怎沒意識到你上回發折價券的文章就是在為買網域做準備了,我還以為那只是你的文章排程之一而已XD
+張香腸 香腸大的文章我收起來囉,謝謝分享^^

Wayne Bot
+張香腸 godaddy 的 WHOIS 隱私的確很貴, 請教一下 name.com "續約" 的話,如果是 .com 網域,一年價格含 WHOIS 大概會是多少?(從您的文章圖片看,WHOIS 好像要另外繳 USD 3.99 / 年?)

張香腸
網域 + whois隱私 - 優惠代碼(PRIVACYPLEASE) = 價格
10.99 + 3.99  -3.99 = 10.99 

這樣繳四年了!!

Wayne Bot
+張香腸因為目前不清楚 godaddy 有無獲得 whois 折價的方法,如果有 whois 需求的話,那麼 USD 10.99 這個價格,name.com 的確在 whois + 續約的價格比 godaddy 優惠呢~

張香腸
+Wayne Bot Name.com 這優惠代碼四年如一,Godaddy的代碼很多,但很散亂,再加上介面不太OK,就選name.com

要不是name.com的dot cc太貴,不然我也會轉過去XDDD

綜合
<<<目前傻傻買亞太貴桑桑網域中orz

Mark X
+Wayne Bot $10.99 真的算價格很好,又不用煩惱續約。我在使用優惠碼那篇有提過,價錢是其次;註冊商或供應商才是考慮重點。
玉米交易發展其實還很短,就已經有經銷商倒閉、域名詐欺等歷史,所以選穩定的很重要。
Name.com 和 godaddy 都是 ICANN 的掛名註冊商,會遵守 RAA 協議,對消費者有保障些。都可以考慮。

老爹有隱私免費的 code 啊!至少我曾收過他的贈碼。如果是決定長期訂購,使用優惠碼會省很多。我剛才找一下教學要給你,發覺沒找到多重優惠組合的教學,好怪?
+張香腸 因為 cc 只是地區域名;不是註冊商自家的商品,所以代理經銷要多一層費用吧?

Wayne Bot
+Mark X謝謝幫我找教學阿~ ^^
後來知道要怎麼搜尋了,在我的那個篩選器,輸入 privacy 可以找到,之後再來整理內容~ 

面壁王澳西諾
+Mark X 真是好資訊,我到時候要續約也要用隱私免費的code

Mark X
+面壁王澳西諾 請 +Wayne Bot 順便把多重優惠的使用方法寫進去,否則沒辦法達到最高優惠。

Wayne Bot 
+Mark X我沒買過 godaddy 啊~所以不清楚有沒有多重優惠這樣的事, 折價券號碼可以輸入兩個嗎?我怎麼覺得這樣 Godaddy 會垮了...XD

Mark X
+Wayne Bot 對齁!我老人癡呆了。 XD
訂購時當作不同商品分項使用優惠,組合起來會比較省。當然要依照老方法先試探原價再使用。
一般教學沒提過這種用法,所以老爹還是很穩不倒的。

張香腸
+Mark X 應該是。不過價格上,namecheap和godaddy價格都一半價....

Mark X
+張香腸 可能沒合作關係吧!

面壁王澳西諾
結論呼之欲出,總之買網域就兩家好選,其它不用考慮(¯(●●)¯)

Mark X 
+面壁王澳西諾 Namecheap 好像也很便宜,我看滿多網友推。
不過有一點要注意!
同樣是網域註冊商,簽訂的 RAA 內容會有一點點不同。你可以查看 ICANN 的註冊商列表:
http://www.icann.org/registrar-reports/accredited-list.html
簽訂最新 2013 年份的比較有保障。
他們所擁有的網域分配權利也可以順便查看,就知道頂級玉米價錢為何有落差。

張香腸
Namecheap 我覺得介面設計老舊  比godaddy簡單,但是比name.com複雜些

Mark X
這裡有個網路監測組織的資料當作參考:
http://www.webhosting.info/registrars/top-registrars/global/

跪婦阿冠說故事
我遇到問題是我今年要續約了,但我不知道從哪邊去續約?
我當時是從blogger後台跟godaddy買網址(現在已經沒有這個管道),所以我在godaddy是沒有客戶資料,當時也選擇自動續約,現在如果要從godaddy去續約是不是只有轉出這個方法?
但我現在花的時間成本已經超過折價省下的金錢了...

面壁王澳西諾
+跪婦阿冠 bigsishead 你當初買網址的時候沒有要你加入會員嗎?  既然你有選擇自動續約應該是有會員資料才對啊..而且結帳也有訂單資料可查才是...

另外你說轉出,那也是必須有會員資料才能讓godaddy幫你處理...所以...沒有會員資料真的有點詭異呢!!

跪婦阿冠說故事
+面壁王澳西諾 我根本不知道我的帳號密碼呀!哈哈!連刷卡通知都是從google app寄過來的耶!

面壁王澳西諾
+跪婦阿冠 bigsishead 挖咧!! 那要寫信去問問了吧!!  

跪婦阿冠說故事
+面壁王澳西諾 不用啊!就照原價給他每年寄通知自動扣就好,也省得研究折扣的東西~~~

跪婦阿冠說故事
我剛剛去godaddy試了,用之前我在blogger後台買網址的mail登入無法進入,雖然我知道這樣很蠢,但我真的不知道哪組才是帳號密碼耶!

面壁王澳西諾 
+跪婦阿冠 bigsishead 所以...你如果按照原封不動他還是會自動續約就是了!!  只是上面大家說的折扣券你就無法使用了這樣對嗎?

那....就保持現狀吧! 省得麻煩@@

跪婦阿冠說故事
+面壁王澳西諾 目前似乎是這樣~~~
因為後來想想,反正一年是三百元,不是三百萬,我研究的時間都超過這些錢了,有些錢還是給人家賺,時間拿來寫文比較值得一點~~~

Wayne Bot
+跪婦阿冠 bigsishead 從後台續約一年只要 NT.300 嗎(USD 10)? → 有含隱藏個人隱私資料嗎?

跪婦阿冠說故事
+Wayne Bot 目前沒有人給我"從後台續約"要多少錢或者怎麼做的方法(因為現在不能從後台買網址了),所以無從得知,只能我犧牲一年試試看。

那之前買10元價格是首購優惠嗎?我接下來下一步不知道要怎麼做?只能轉移嗎?

另外,請問"隱藏隱私資料"是隱藏哪些東西?會把我的住家資料什麼都公佈出來嗎?

Wayne Bot
+跪婦阿冠 bigsishead 因為我連購買的動作都還沒有,所以無法給你意見或資訊了..@@"

如果你沒有準備搜尋資料的話,看來要請你身先士卒一下,提供經驗給大家了 ..XD 

我確定你之前 USD 10 首購是有含隱藏個人註冊資訊的,你可以上 who.is查詢

跪婦阿冠說故事
+Wayne Bot 不過我輸入我的進去看,有的資訊不太對~~~

光這邊就不符合~~~
到期日 2020年2月2日
註冊開 1995年2月1日
更新日期 2013年5月19日

我剛是輸入:http://www.bigsishead.com/
查詢的資訊怪怪的。
那個需要打:BIGSISHEAD.COM 才行

出來的資訊就對了

Wayne Bot
+跪婦阿冠 bigsishead 這個..留給專家解答 @@"
我可以確定你的個人資訊有隱藏 ^^

Blogger 網址連不上

請教各位blogger的高手們,我沒有做任何調整或設定,剛才發現早上還連得進去的blogger連不上,不管是轉址的www.pisece.com或是真正的網址impisece.blogspot.com都掛了,出現如附圖的訊息。但後台可以進得去…它是發生什麼事了@@


皮西斯
怪了,現在看又好了…我的網站有時會發生這種問題,但流量並不大呀

Wayne Bot
不曉得是否為 blogger 伺服器的問題,我也常常遇到,且 google webmaster 常常出現 503 錯誤 (503 的說明網頁:http://technet.microsoft.com/zh-tw/library/cc736325(v=ws.10).aspx )

皮西斯
+Wayne Bot 我好像沒有出現過503的訊息…伺服器的問題大概也找不到官方人員處理了..T.T

Mark X
+皮西斯 請問您的網域 pisece.com 有另做其他用途,而僅使用www.pisece.com 當作網域嗎?

皮西斯
+Mark X  只有當作網域之用。另作其他用途是指??

Mark X
+皮西斯 那麼您參考一下 +面壁王澳西諾 這一篇:
https://plus.google.com/107758477326842280355/posts/GG7FNzPvTGC

很有可能您只剩一組 IP 在跑資料,遇到剛好伺服器快取資料、訪客多一點同時進入,就會當住。
更重要的是,Google 伺服器有的只跑裸域同步資料;有的會跑 www 庫存資料,總之完成正確設定是必須的。

Wayne Bot
+Mark X 厲害,您才是老大,請不要喊其他人老大~~^^

Mark X
+Wayne Bot 就讓我裝嫩一下好嗎?

皮西斯
+Mark X 謝謝,我看了該篇,雖然有看沒有很懂…呵呵~~
那四個host我原先就已經設定了(本來要貼圖上來,留言無法附圖)

Mark X
+皮西斯 原本已經設定好?那反而問題大了!
妳11日發帖、我15,16日測試,pisece.com 是不能連線的;只有 www.pisece.com 可以連線。發生頻率過高。

雖然今天兩種都可以正常連線,觀察看看吧!因為讓我聯想到最近 Heartbleed 爆發, Google 也有中招。雖然目前沒有個人網站有入侵報告,還是小心點趕快換您的帳號密碼。如果您有使用手機登入更要換。

皮西斯
+Mark X 我想我可能找到原因??我的blogger後台"將 pisece.com 重新導向到 www.pisece.com"勾選可能動到,變成無勾選;已經把它重新勾選了。

但沒有勾選和我原先遇到的問題有關係嗎?

Mark X
+皮西斯 當然阿!相當於没転向。

文章無法分享到 Facebook

各位高手,又要請教大家,為何我在blogspot最新的一篇文章,我想按facebook那個小按鈕去分享,它卻是沒有反應,不能分享,就是我用手動把它的網址複製到facebook, 仍然是没有反應!
是否有些什麼我設定錯了??

文章的網址
http://anngo2.blogspot.hk/2014/04/motives.html

但我檢查過我的其他文章是沒有問題,可以分享到facebook。

大家可否告訴我是什麼原因? 謝謝!


Wayne Bot
的確很奇怪,第一篇文章無法用 FB 分享

企業號航行網誌
需要到 Facebook developer 嘅 debug tools
貼上你的網址令 FB 全面 analytic 你的 page
它會自動 cache 了你的 page info
就可以貼文了
https://developers.facebook.com/tools/debug/

Wayne Fu
+企業號航行網誌 看來真的是cache的關係,很棒的解法!

Ann Lee
都謝謝你們的相助,我希望我懂得怎樣弄吧! ^_*

Wayne Fu
+Ann Lee 你應該不用弄吧,我今天測試過那個網址,已經可以分享了。

企業號航行網誌
+Wayne Fu 因為時常都會這樣,尤其剛剛 post 出來的文
Facebook 應該都有自己的 spider,所以在 spider 未爬你的網之前都有機會出現這個問題

Ann Lee
衷心謝謝你們的幫忙,我的電腦知識真的是有限公司,能夠在這裡求助,大家又願意教導我,真的很感恩!

面壁王澳西諾
+企業號航行網誌 聽你的解說我也學到一課啦! ^^

Ann Lee
救命,為何再由facebook按回blogspot便會出現這些文字! 真的暈了! 請問我應該點做?

抱歉,這個連結發生問題:http://anngo2.blogspot.hk/2014/03/isotonix-opc-3.html
你現在可以繼續前往這個網站,或返回你之前使用的頁面。
請記住,只能前往你信任來源的連結。

企業號航行網誌
+Ann Lee 這是 facebook 增加保安度提醒用家要離開 facebook 到佰生網站
不是大問題

Ann Lee
+企業號航行網誌 真的嗎? 先謝謝你耐心的回答我這愚昧的人!

但facebook這些句語真的有令人誤會我的連結有問題耶!

企業號航行網誌
+Ann Lee 美國法律和香港/台灣法律不同,在美國有人告清潔厠所的刷 (香港稱為鮑魚刷),沒有標示不可以用來刷背,而令用家受傷,所以需要賠償
所以警告字句會有多嚇人就多嚇人,免得被告

面壁王澳西諾
+企業號航行網誌 噗,美國的法律也真好笑!都說是馬桶刷了還會有人拿去刷背也真令人無言啊!

企業號航行網誌
+面壁王澳西諾 更扯的也有,看過報紙說有一位律師買了一盒很貴的雪茄,並為這盒雪茄投保火險
這位律師抽完盒雪茄就向保險公司索償,雖然保險公司認為吸食雪茄並非保險範圍,但律師辯稱雪茄只是慢慢地燃燒,所以保險公司該賠償,最後法庭是判律師勝訴,保險公司需要賠償。

當然保險公司也不笨,沒有花大錢上訴,爽快地賠償了那位律師。
之後就拿著法庭上律師的供詞向警局控訴,促意毁壞已投保物品,刑事罪。
最後律師被判牢,亦被律師公會除牌

但可以看到美國法庭民事判案往往令人大吃一驚,所以美國公司時常都會小心翼翼

面壁王澳西諾
+企業號航行網誌 真令人傻眼

Chester Chen
美國人完全被當白痴在管理

如何讓雲端硬碟的PDF 檔案,直接下載

如何讓雲端硬碟的PDF 檔案,直接下載,而不是在瀏覽器開啟?

像以下的這種連結,要如何取得自動下載的方式...
(已縮址) http://goo.gl/HjO5m4 

多種hover效果大集合!

Toggle navigation iArouse Demo iHover CSS3 hover effects pack ...
gudh.github.io

http://gudh.github.io/ihover/dist/index.html


Ken Lo
Nice!

面壁王澳西諾
好炫! 請問這個是用在側邊欄嗎? 導覽列是否也可以用?

綜合
只要會套,要出現在哪裡都不是問題XDD
(突然想起以前玩車時的一句名言:有心,萬物皆可上)

面壁王澳西諾
+綜合口味 說得好! 我看網站的如何使用看得霧煞煞 阿屋~~ 我又要找時間好好研究一下了!!

Wayne Fu
非常棒的網頁!

 

利用 CSS 語法 截斷超過寬度的文字

以往超過寬度的文字,要嘛會斷行,要嘛就是得用 js 判斷長度,再截斷超過的文字,並加上 "..." 這樣的流程。

以後不用這麼麻煩,只要使用 text-overflow : ellipsis; 這樣的語法,超過寬度的文字就能自動加上 "...",這樣 對於想控制欄位寬度是一件很方便的事。


張香腸: 不過CSS很像不能處理方塊式的段落文字,僅有單行Orz

Wayne Bot: 剛好是最近的文章 (from 張鑫旭), 提到 chrome 有語法可以處理多行文字,不過要跨瀏覽器還是很困難:

 http://www.zhangxinxu.com/wordpress/2014/04/%E8%87%AA%E9%80%82%E5%BA%94%E8%A1%A8%E6%A0%BC-%E5%AD%97%E7%AC%A6%E6%8D%A2%E8%A1%8C-%E6%BA%A2%E5%87%BA%E7%82%B9%E7%82%B9%E7%82%B9-table-text-overflow-ellipsis-word-wrap-break-all/

張香腸: 是阿。有JQ套件,不過對於網站效能...只好用CSS去蓋了XD
CSS教學-免寫程式透過CSS當字數超出範圍時,自動出現….|梅問題教學網
先前在設計Wordpress版型時,為了讓網頁的版型看起來更整齊,梅干則透過php的方式來計算出字數,當超過多少字數後,就自動出現....,但礙於文字有全形、半形與中英文,因此在計算字數時,時常會出現...

修復 Google搜尋抓取錯誤

修復 Google搜尋抓取錯誤
Crawl Errors Google 搜尋抓取錯誤 | 馬克十二
Google 搜尋引擎抓取錯誤 How to fix crawl errors in google webmaster tools.當我們提供來源讓 Googlebot 抓取資料時,要注意錯誤的抓取訊...