Google Web Designer 使用教學

Google Web Designer是由google推出的視覺化網頁設計工具,不僅可以直接像繪圖軟體一般繪製出向量幾何圖形,還能自動產出對應的Javascript以及CSS原始碼。

google也推網頁設計工具-Google Web Designer
是的!你沒有看錯,Google竟然也推出了一套網頁設計工具,還號稱在任何一個裝置上都能正常瀏覽!Google Web Designer是由google推出的視覺化網頁設計工具,不僅可以直接相會圖軟體一...

Blogger 範本搜尋的技巧

 
我想剛搬來blogger的朋友可能會用到這個搜尋語法的功能,因為我一開始也遇到這些相關的問題,所以分享給大家知道:

首先,我們一進範本(每次要進範本前,一定要先備份,不然悲劇就無解了),很多語法都被隱藏起來,我會先全選-剪下-貼上,這樣全部的語法就會跑出來。
第二,我們要找語法時,有時候整串可能有點複雜,所以不見得能夠準確搜尋到,所以我會截取其中部分的字串來找。以
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
這語法來講,我全貼也是找不到,找"jump-link"也找不到,但是我試了一個方法可以成功找到,方法是:到剛剛已經貼了全部語法的地方內頁喔!ctrl+f,會跑出一個搜尋框,貼上"jump",就有囉!

可以試試看再討論^^


跪婦阿冠說故事
相關討論串
https://plus.google.com/b/110723182901901723592/112599211372966427256/posts/S4ky9nCyWhq?cfem=1

Orsino Sung (澳西諾)
非常實用啊!!  一定要學起來的^^

跪婦阿冠說故事
謝謝!難得有可以分享的東西來回饋一下,哈哈!

Ken Lo
看是很容易的小問題,都是經驗之談 ^^

跪婦阿冠說故事
對呀!可是初學者就容易在這種細節卡關(顯示為常常卡關貌),因為語法找不到位置,就沒戲唱啦!然後就無法進到下一步再來就會灰心放棄~~~

Orsino Sung (澳西諾)
真的!我就是那個找不到語法想放棄的人 哈

跪婦阿冠說故事
握手~~~
雖然我現在也好多關卡要解決,不過就是一步步慢慢來,因為搞語法通常整天耗下去都不用寫文編照片了,所以需要比較充裕一點的時間才能研究,呵呵!

跪婦阿冠說故事
也很謝謝這個社群的各位及 +Wayne Fu 部落格的協助^^

Hepha Cheng
找不到應該是語法自動折疊起來吧

跪婦阿冠說故事
但我是打開後也找不到耶~~~

Mark X
有時打開還找不到, 可能是小小的空格的緣故.

Phil Ko
ctrl + f 超好用,我記得以前要展開範本,現在好像都抓得到。

防堵網路洗流量機器人

造成官版流量統計很快樂的原因之一
就是網路洗流量機器人在搞鬼
我的精神是我寫網誌是給「人」看的
不在乎流量大小 (網誌裡沒放廣告,個人不喜歡)
但是看到每天會有機器人來晃一晃就不怎麼開心…

關閉讓搜尋引擎尋找是有比較不嚴重
但還是會有特定幾隻機器人天天來很煩
這時後可以從後台設訂一下防堵機器人的東西
至於該放哪些值的話每個人需求都不一樣
這個就要自己請教一下 google 了


Almighty Demiurge
有時候真的會有奇怪的網頁來源增加次數。

跪婦阿冠說故事
我也被機器人洗得很困擾...

Wayne Fu
+Almighty Demiurge 聯想到以前有網友表示,後台 --> 統計資料 --> 流量來源,有一些奇怪的來源網站,其實是要吸引我們的注意,騙我們去點連結...

跪婦阿冠說故事
+Wayne Fu 是啊!我被騙過幾次,但後來就不再點了,怕誤入病毒網站...

Almighty Demiurge
還好我都沒有點,都先用搜尋查一下那是什麼網址。  

Kevin Zhang
那個自訂的robot.txt內容可不可以透露一下?

Julius Zhan
http://gordon168.tw/?p=202

google 本身也有教學說明
https://support.google.com/webmasters/answer/156449?hl=zh-Hant

Kevin Zhang
+Julius Zhan 謝謝哦

Julius Zhan
繼續這個話題
Blogger 反向流量來源可以看出哪些是機器人造成的
比如說 www.google.com.tw/url? + 一大堆字串
這類型的來源十之八九就是機器人

擋掉的辦法在 robots.txt 加入兩行
# Paths (no clean URLs)
Disallow:/http://www.google.com.tw/url?

同理類推
然後是目前看來 Paths 的設定比 User-agent: 的設定重要
這樣的話 Paths 或許不會影響到 SEO?
這方面就需要對這方面程式語言有研究的同好去研究了

最後祝大家都能早點擺脫機器人亂洗版

Timshan Lin
http://www.google.com.tw/url? 的流量並非是機器人造成的,現在透過Google進來的流量都是這種形式。

Julius Zhan
後來發現 paths 不能這樣寫
而且有些機器人也可以辨認 robots.txt 檔繞過去
所以這個辦法也不是一定有用...
只能看 blogger 能不能改記錄流量的方式了

Timshan Lin
我看過幾個實例將網址寫入Javascript 只要有使用者點閱這些網站就會大量的讀取清單中的網址。所以Robots.txt對這種手法無效,因為這些都是來自使用者的流量,只是這些使用者不知道罷了。

世界上最優雅的配色

一組從攝影作品中提煉出來的配色體系,美麗、自然而又優雅。希望可以通過這些色彩完美的詮釋出你的創意。

http://www.mydesy.com/beauty-color
 

隨機顯示 Blogger 標頭圖片

之前的討論串 (https://plus.google.com/101702169099401085820/posts/PYZuHtsEYL1 ) 詢問 Blogger 標頭圖片如何隨機顯示。後來研究了一下才發現,原來標頭圖片會有兩種顯示方式。

如果想讓標頭圖片在不同的設定下,都能有隨機顯示的效果,可參考這篇文章的操作步驟,來安裝簡短的程式碼:http://wayne-fu.blogspot.com/2013/10/blogger-random-banner.html
[教學]隨機顯示 Blogger 標頭(banner)圖片
Blogger表頭的橫幅圖片,在範本中有兩種顯示的方式。安裝本文的程式後,無論使用哪種設定,都能讓圖片有隨機顯示的效果。...

請問如何加入LINE 分享的按鈕?

【請益】請問如何加入LINE 分享的按鈕?
小弟的問題其實有兩個
1.連結只提到WP,Blogger有方法嗎?
2.Blogger行動版面要如何修改自訂選項。

http://briian.com/?p=9836

用免費軟體大量批次更改圖片尺寸,縮圖上傳更便利

許多論壇或討論區為了縮短圖片上傳時間及節省網站頻寬,會限制圖片上傳的尺寸,如果有大量更改圖片尺寸的需求,可以下載 Easy Image Modifier 這個免費軟體,它的使用方式非常簡單,下載完成後也不需要安裝,直接開啟解壓縮後出現的執行檔即可使用。
用免費軟體大量批次更改圖片尺寸,縮圖上傳更便利 | T客邦 - 我只推薦好東西
許多論壇或討論區為了縮短圖片上傳時間及節省網站頻寬,會限制圖片上傳的尺寸,如果有大量更改圖片尺寸的需求,可以下載 Easy Image Modifier 這個免費軟體,它的使用方式非常簡單,下載......

Google釋出HTML5廣告設計工具Google Web Designer



看到新聞有報導孤狗免費提供網頁設計工具。

http://www.ithome.com.tw/itadm/article.php?c=82929

Google釋出HTML5廣告設計工具Google Web Designer beta

google相簿是否取消了馬賽克格子的編輯功能?

請問google相簿是否取消了馬賽克格子的編輯功能?以往在blogger寫文章要上傳的相片,部份會拍到其他臉孔,為免在未經他人同意下將別人的臉孔公開,我通常會在其臉上打馬賽克格子。最近找不到,唯有自己ps了。只是,在上傳期間做這個動作會比較方便......

改"繼續閱讀"的語法


請問:
我想改"繼續閱讀"的語法(想改顏色及位置還有與原文的間距),

看到這篇蠻接近我要改的東西:http://01mistery.blogspot.com/2009/05/readmore.html
但在範本裡,我不知道要找哪個修改,網路上有的說".readmore"(我沒有)、"繼續閱讀"(我沒有)、"jump"(這個我沒東西可以改)

後來看了wayne的這篇:
http://wayne-fu.blogspot.tw/2013/04/blogger-template-post.html

我找到了我範本內的語法如下:
</b:if>
                                  <b:if cond='data:post.hasJumpLink'>
                                    <div class='jump-link'>
                                      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                                        <data:post.jumpText/>
還是不知道該安插在哪邊,謝謝大家!