Element XD lab
哥教的不是CG，是偷雞
【Blogger】多人共筆時，如何製作簽名檔
圖片為2013.12.14高雄分享會的簡報頁面，一張圖講完本篇文章的重點了
2013年五月左右，突然想開始搞部落格，但是自己產文章超慢，於是烙了30個朋友（都是友情掛名，實際產文的人數有限XD）一起共筆，主題是上班族，每一篇都是個人創作無轉帖，為了感謝我的朋友義氣相挺（沒跟我要稿費），基本作者介紹一定要有，文章出處的個人部落格資訊也是必備，所以這時面臨一個需求：
我怎麼幫每個人製作簽名檔？怎麼維護？
【Blogger】改造動態檢視的選單
【課程】2013.11.12 『你不曉得的Google Blogger祕技大公開』@板橋花路米
這一天，感謝讚點子數位行銷權老師，找我到板橋花路米花老板的人文空間，跟許多部落客朋友分享一些改造blogger的心得。
不過由於我這幾個月過著很爽的奶爸生活，對上台變得陌生，直到開場前二十分鐘還在修改內容，那就更別提應該掌握的幾個原則：反覆練習到精準、簡報張張都有梗、保持場面的活絡跟提問。
於是我在很緊的時間內，將濃縮過的主題，用很快的速度一股腦地掃了一遍，感覺不少人聽得頭很大。
【Blogger】一次裝一整排分享按鈕的ShareThis，再加上反反盜拷解法
裝分享按鈕說複雜倒也不會，但是搞了半天才裝好一個，如果要把好幾個按鈕要裝在一起，又會出現大小不一致排排站不好看的樣子。
我在摸索不同的分享按鈕時，無意間找到了這個東西，如上圖紅框框處，只要幾個步驟就裝完一整排的分享按鈕，完全不用動到自定HTML，看起來排在一起挺協調，而且還有好多不同種類可以選擇，竟然還有Evernote，真是太有趣了趕快看下去。
【Blogger】以CSS方式隱藏小工具標題
圖說：偽裝網，可以將一台戰鬥機隱藏起來，拿掉之後又會出現
我們在調整Blogger的外觀時，常常需要增加許多小工具，尤其是許多小工具都是以HTML/JavaScript來安裝，數量一多管理起來會稍微麻煩。
比方說小工具本身已經帶了標題，我們再打了標題就很多餘，在寸土寸金的畫面上多佔了一行，傳遞著重複的資訊。
有沒有什麼方法，是可以挑選部分小工具來隱藏標題的呢？
【Blogger】在文章頭尾安裝『Facebook讚』按鈕 - XFBML版
【Blogger】你被駭了，不要輸入帳號密碼！ - 如何解決Google Code Subversion Repository
如果有一天，你的Blogger出現了這個東西：請輸入帳號密碼才能完整檢視，請千萬不要輸入，這是惡意駭客鑽漏洞要竊取你的資訊！！
解法：
目前爬文得到的訊息，通通指向xxxxxxxxxxxxx.googlecode.com/xxxxxxxxxxxxx.js
意思是有些修改過麼範本，使用放在googlecode.com上面的JavaScript檔案，這一個檔案被惡意入侵，要來騙取帳號密碼，而且從對話框來看根本不知道它要的是什麼帳號密碼，我們一情急之下，可能從blogger密碼、mail密碼、Facebook密碼等等一股腦都打了出去，然後對話框還是存在，繼續想破腦袋把陣亡的MSN密碼、古董級ICQ密碼、骨灰級磁碟片遊戲紅藍對照表密碼也全送出去了…
【Blogger + FB】在文章頭尾安裝『Facebook讚』按鈕 - iframe版
延續這一篇【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版
如果是第一次安裝讚按鈕，請參考上面文章的前三步，第四步改以本篇的代碼貼到對應位置即可。
在實際測試下，我發現html版的載入速度稍慢，於是想測試iframe版，發現速度比較快，於是提出來做個分享。
【Blogger】讓搜尋標籤的結果頁，只出現標題、摘文與縮圖
這個主題也是跪婦阿冠提出來討論的，在研究了幾篇文章後，整理簡化各家程式碼來做個分享。
在預設情況下，點選標籤的搜尋結果頁，會出現跟首頁一樣的文章排列。
如果文章格式一開始就有一個大圖，然後一大段文字之後才加上繼續閱讀，那麼首頁跟搜尋結果會是一樣的畫面。
搜尋這個動作，本身代表想要快速瀏覽與找到想要的資料，如果這時候看到的文章排列還是跟首頁一樣，文章篇幅大，格式不一定統一，在很多篇很多篇文章中滾動滑鼠會很容易錯失目標。
【Blogger】讓「較新的文章」，「較舊的文章」顯示標題
【Blogger】為blogger文章下錨點
使用Dreamweaver等軟體編輯網頁時，下錨點跟超連結是一件常見的事情，不過在blogger上，似乎沒看到相關功能，因為有需求於是摸索了一下，其實也很簡單，以下分享心得。
【Blogger + FB】安裝『Facebook推薦』框
Facebook推薦框的安裝跟前兩篇「Facebook」外掛一樣，基本步驟有四
1.取得fb:app_id、fb:admins的兩串數字
2.將上面兩串數字替換掉以下對應的數字，置入<head>這一行之後
<meta content='724021988' property='fb:admins'/>
<meta content='545652602172637' property='fb:app_id'/>
3.在<body 這一行後面置入代碼
4.選擇放推薦框的位置，置入代碼
如果之前依照上述方式安裝過「讚」或者「留言板」，表示前三步驟都已經做過了，那直接執行以下步驟就好了。
如果是第一次安裝，請到這邊看一下「前三步驟快速複習」
【Blogger + FB】在文章頭尾安裝『Facebook讚』按鈕 - html版
就像Google+1按鈕一樣，如果我們想為每一篇文章加上Facebook按鈕的話，應該怎麼做呢？
1.取得fb:app_id、fb:admins的兩串數字
2.將上面兩串數字替換掉以下對應的數字，置入<head>這一行之後
<meta content='xxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxxxxx' property='fb:app_id'/>
3.在<body 這一行後面置入代碼
4.選擇放留言板的位置，置入代碼
前三步驟請按照這一篇的方式安裝過Facebook留言板，基本上是通用的。
【Blogger + G+】在文章頭尾安裝『Google +1』按鈕
想要新增Google+1的按鈕，以Blogger預設小工具可以很輕易地做到，不過方便帶來的限制，是只能安排在整個網頁的固定位置，而且是對整個網誌+1。
如果我們想為個別文章加上這個按鈕，其實也很簡單，以下用官方說明檔案來做示範。
【Blogger + FB + G+】Facebook、Google +與預設Blogger留言板並存的方法
才剛開張，瀏覽數不到800，而其中一大半是自己更新文章與修改後台造成的，另一大半是網路機器人爬的，實際來捧場的人寥寥可數，這樣裝三個留言板是為了展現站長的幽默感嗎？
不是這樣的啦XD
【Blogger】備份的重要，看圖就知道
在電腦上面做事情，最最重要的就是能隨時還原到前一步，有備而無患。
在修改Blogger的時候，非常多的機會需要動到根基 - 範本XML，這個一不留神改壞的話，輕則版型亂跳拖慢速度，重則瀏覽器頻頻當機，再也喚不回心愛的Blogger，所以要很慎重地看待備份這一件事情。
除了自己睡眠不足搞壞範本，另一個危機是小人類爬來湊熱鬧，到底按了什麼都不知道......
【Blogger】繼續閱讀的連結，從文章頭開始
如果在文章中插入繼續閱讀的符號，
在發佈後，會有一個閱讀更多 >>的超連結，帶我們到完整文章的網址
不過跳過去之後，並不是從文章頭開始，而是從剛剛插入的繼續閱讀下方開始，這對於閱讀經驗來說是打了很大的折扣。
所以我們做個簡單的動作，讓繼續閱讀的連結，是從文章的頭開始。
訂閱：
文章 (Atom)
精選文章
【Element 3D 雙螺旋 + 動態螢幕合成效果】
奉上十萬元，祝大家財源滾滾，有個美好的一天。 這次介紹的，也是利用Animation Engine(我覺得這東西真是太有效率了)所做的效果，其實原理都很簡單，教學影片與截圖如下： 【E3D】【Element 3D 雙螺旋 + 動態螢幕合成效果】
熱門文章
-
週末半夜趕案子，一個衝擊波效果搞了兩個小時還調不完，聽到瓜老二睡夢中找爸爸，索性先存檔停工抱筆電去幫他拍拍。 前一陣子突然很懷念徐克版倩女系列，看著箱內的DVD想想這畫質實在不夠，於是跟大神下訂單，賜我1080P的版本。 晚餐後的咖啡效果還沒退，乾脆重溫一下看了數十遍的一... -
上下班騎車的時候，都會看到各種閃亮的招牌，雖然現在幾乎都改成LED超亮又省電，偶爾還是很緬懷霓虹燈那種發光不太均勻的樣子，還有各種高超的燈管折彎技術。 本次重點為基礎材質跟貼圖，以兩種小案例來說明。 1.『霓虹燈管』招牌製作：用內建功能做出燈管模型與發光效果。 2.『... -
圖說：改裝完畢結果示意圖。 這個主題也是 跪婦阿冠 提出來討論的，在研究了幾篇文章後，整理簡化各家程式碼來做個分享。 在預設情況下，點選標籤的搜尋結果頁，會出現跟首頁一樣的文章排列。 如果文章格式一開始就有一個大圖，然後一大段文字之後才加上繼續閱讀，那麼首頁跟搜... -
打完標題，其實腦海浮出了一個畫面叫作黃金戰士，堪稱是無知頑童時期最早接觸的變形機器人，可以變成手錶跟打火機，以現在的胃口看起來，方方硬硬的全是直線其實很笨拙，不過當初也是滿足了兒少的想像空間，令人(我已經老一輩了?)感動到哭哭。 -
想做打字效果，但是游標部分不會設定，請老朋友上網找資料，改一改分享給大家使用。 原始碼請見以下連結，歡迎自由取用 http://lifeiskuso.blogspot.tw/2016/05/ver.html -
續， 發表會上分享 的第二個技巧 【狀況二】 文字分解合成的效果，受筆畫數目的侷限，用Thrausi外掛加強。 Element 3D可以快速分解3D文字(或其他導入的模型)的各部件，加一些亂數旋轉等參數，配合Animation Engine作分解合成的效果。