2013年10月30日 星期三

My first Halloween cookies

從未試過做halloween 曲奇, 今年見同學仔玩得興起, 一於練習一下 icing 的技巧 ......
 
凹凸南瓜頭都幾靚, 但不會做凹陷的眼睛和口, 試過, 失敗了 ......

  
 
 

為了練習唧花的技巧, ghost 們都變了貪靚鬼 ;)



屋仔最好玩, 但中度的 icing 做不到平滑的表面.....

 
 
你呢, 還記得去年送我的halloween cookie 嗎? 你今年玩得特別開心吧.




 

很多"蝦碌"呀, icing 的濃度和唧袋都不合心, 算吧下年再練習.
Read More, 繼續看 »

2013年10月25日 星期五

Yahoo!blog MT file 中 jpg 檔案的位址不是" ../images/ "的對策

各位辛苦的yahoo!blog 友, 你搬家了嗎? (請參考A moon的搬blog程序分享)

你遇上這情況嗎?  : ......

本來, y!blog 打包給我們的MT file 中, 照片的位址應該是 "../images/", 後面跟著 "xxxxxxxxxxxxxxx.jpg"是照片的檔案名稱.

這樣, 我們搬家的, 可以一次過將很多很多(我有10000多張)照片一次過"取代"成google drive 的有關位址, 令我們看到搬到google drive的照片.

可是令我們這群流離失所的y! blogger 很氣結的是, yahoo!blog在打包MT file 時, 不少個案竟忘了將原來指向yahoo! 的照片位址改為" ../images/" ,  仍然保留http://blog.yimg.com/3/ ...................../.../l/ "

因為這些位址個個不同, 不能一次過修改為google drive的位址, 要逐個逐個修正嗎? 例如在下有一萬幅以上的照片, 要命呀!





------------------------------------------------------------
首先, 遇上這問題的blog友應該先向yahoo 反映

告訴他, Moveable-Type.txt 檔案中的照片位址未轉化為 "../images/ "
不過我怕他執笠在即, 未必理會我們 :(

如果等不到了, 自己動手吧 .....

------------------------------------------------------------

notepad 記事本 是不能"全部取代" 不相同的位址文字串的, 唯有借助 "word" 了, (我用的是office 2000, 其他版本應該大同小異)

1. 將MT file內容由notepad轉貼到word

開啟你的 Moveable-Type.txt 檔案, "全選" 所有內容, 然後 "複製" . 




開一個空白的word , right click 頁面, 選click "貼上", 把MT file 的內容暫時轉移到 word .

我的文章有超過5000, 單是貼上, 已等了幾乎5分鐘, 前所未有呀, 還以為死了機!


看! 點點底線的是yahoo image的位址, 要改掉的; 方框的是照片檔名, 要保留的.

位址很多不同, 但細心看, 藍點點底線的確是個個不同,
但是, 紅點點的開頭和結尾是相同的

http://blog.yimg.com/3/............................../l/
 (注意 : /前最後的字母是小楷L, 不是1 也不是大楷I, 而且你的MT file可能是其他字母, 但變化總不會太多吧)


2. 先尋找一下來確定

借助word 更強大的"尋找/取代"功能
我是用word2000 的, 但每個版本的word, 都可以找到這功能鍵的

click入"取代" -->  "尋找"一下 -->  click "較多" -->  啟用"使用萬用字元" (這就是word 強大功能了)

在尋找目標框中鍵入 " http://blog.yimg.com/3/*l/ " ; 其中的 " * " 就是代表了不同字串的萬用字元.

注意最後的" l/ ", 我的MT file中全部是 l (是小楷L) , 可能你的是不同字母, 請自己確定一下.


不斷 click 尋找下一個, 看看是否找到你需要改的照片位址, 肯定找到了, 就開始修改了 ........

3. 開始修改了
在同一個"尋找及取代"的頁面中click選 "取代"
在 "取代為" 的方框中填入資料.

你可以填入google drive中你儲存yahoo images的檔案夾位址(host) 如https://googledrive.com/host/ABCDEfghijk1234567890XYZ/  ( <--只是舉例切勿照抄)
(見A moon的搬blog程序分享 第6點)

又或者你想將位址變回 " ../images/ " 以作其他用途 .......
例如你想跟koo san的方法將照片放在picasa :
搬屋後記8: (自以為)完美搬家方案到Blogger+Picasa網上版BETA「中難度」

總之, 填好後, click "全部取代" .......


看到, 所有不同的 " http://blog.yimg.com/3/...................../  ",  就全變了相同的位址了!


4. 最後檢查

會有漏網之魚嗎? 在尋找目標中鍵入" http://blog.yimg.com/3/ ", 

click "尋找" --> 主文件, 如果出現 "word找不到符合此標準的項目", 即是全部取代成功了.

如果還找到漏網之魚(有可能是最後的不是 /l/) , 請再重做1 -3, 直至全部取代


5. 最後, 將word的內容貼回notepad

click "全選" --> "複製"


開一個空白的notepad 文件, 貼上, 儲存作另一個新的檔名, 如" new-Moveable-Type.txt " , 這修改好的MT file就可以進行搬blog大計了.

(到 A moon的搬blog程序分享)





高手コーさん寫了一個程式幫大家自動轉換, 請參考 :

http://koosan.blogspot.hk/2013/09/migrate-yahoo-blog-google-blogger-with-images-comments.html

 希望幫到妳, 各位高手請指教.




Read More, 繼續看 »

2013年10月22日 星期二

icing 同學會 - tea set

各位同學仔, 好耐冇見了, 今次學的是 tea set
 
本來有工作, 趕不及參加了, 同學仔特別提早開始, 實在太感謝你們對我咁好了 ^ ^
 
老師的設計, 仍是那麼精緻優雅,  真的好欣賞啊 ...... 不是欣賞我粗糙的功夫呀!
 
 
 今次的主角, 是這朵小小的花, 這朵算是最漂亮了 ........
 
 
 
真的想不到, 可以在茶壺蓋粒"的"上唧出一朵微形的花花 ...... 唉, 真要多多練習.
 
 
 
真正的tea time 了, 今次的主題是 halloween, 怎捨得吃, 拿走......
 

 

 
還有超驚喜的食物, "同學仔", 真感謝呀! ^^ 幸好寧願遲到也沒早走 :p
 

 

 

 

Read More, 繼續看 »

這些yahoo slideshow 怎算?

總算從yahoo!blog搬過來了 ......
 
當年yahoo!blog 是有slideshow的功能, 我也在文章中也加入了不少 slideshow, 很有趣呀 ........ 
 
例如 :
 



東京之行(1) - 優皮的輕井澤



彩色東京9 - Antoine, 小王子, 你在這兒嗎?



但是這些slideshows 搬過來時, 仍是yahoo 編寫的程式, 裏面的照片, 仍是指向yahoo的網址, 12月底 yahoo!blog 關閉 server 後, 又會開天窗了 .....


對著這些程式, 我這幼稚園生真不知怎處理, 各位高手可指教嗎?

<embed allowscriptaccess="never" flashvars="null" mtype="misc_slideshow" osrc="http://hk.l.yimg.com/hk.yimg.com/i/blog/WYSIWYG/flash/slideshow_withData.swf?imageData=http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/33/l/DgHdMNSS0DKBDCRyKhyKqg^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/24/l/J2^^qKKAojCKZ_^^g8ons7MQ^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/21/l/dSi3PVKtV7ouwUKrvQN_Vw^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/27/l/3kGys7IQ8RxRicjWdU4A^^A^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/19/l/v1RjWFY85xydLldPjjHpzA^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/28/l/viGMoHSJOLX_syOAu3Xc2Q^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/26/l/^^Y0ivIhXfpxSrmHYZI4ubA^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/23/l/pEOjoPLuPrPRQtVB1sW7TQ^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/14/l/8TUZu84gbUtYtinevEtI1Q^^jpg|http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzHbuIqNg--/15/l/9pf4bjgr_JBTF^^IFM2^^OZA^^jpg&amp;speed=5000&amp;effect=3" src="http://l.yimg.com/op/blog/flash/slideshow_withData.swf?imageData=http://blog^^yimg^^com/3/dR5xKMJ7s5^^k24XfccMaT5L6FTAKqwJbr4rUck4ThEuCkpzH .............
............

>_<!!!

-------------------------------------------------

後記 :
 
我找到方法了, picasa photo 也有 slideshow的embed功能, 不過方法很笨很複雜, 要逐幅照片處理, 效果也很粗糙, 不另作分享了 ......
 
Read More, 繼續看 »

2013年10月16日 星期三

懷舊丹麥餅店

今朝去了銅鑼灣一個神秘的地方(這個地方不介紹了) , 剛巧途經禮頓道, 丹麥餅店,

時時經過, 但從未光顧過, 幫趁吓吧, 不知那天被高租金淹沒 ......




買一個看不到香腸的熱狗, 一個菠蘿包 ...... 說實話, 麵包的水準麻麻啦, 沒彈性沒麵粉香, 勝在便宜, 快, 和結實, 上班前做早點也不錯.
 





 不過從來吃都是七分感情, 三分味道 ......
 
















香港人仍有不錯的排隊文化, 真可愛.




 
Read More, 繼續看 »

2013年10月15日 星期二

為什麼blogger 的 template html 還原不了 ...... ?

~ 唉,   其實我都係想整理好blog的版面. 本來覺得 blogger 開放 template html, 真的很powerful, 很靈活 ....... 當一個好玩的遊戲也好 .....

~ 那知為了整呢個我最喜歡的簡潔版面, 我又兩次剷左個blog再set up ........

~ 今朝稍為改吓個 版面的html, 其實都未改, 再reload個blog, 已經冇左個簡潔版了

~  已經預先備份和還原了, 表面上 html codes和之前完全一樣, 但版面怎也還原唔到, 氣死我, 又死死氣開過個新blog 重新set up過 ...... 我估 blogger 隱藏左d html or CCS code 幕後控制住, 否則冇理由還原唔到 .......

~ 還打算試試網上無數的漂亮 blogger templates, 有d猶疑 ......

Blogger Templates  :  
http://btemplates.com/
http://www.freegroup.org/2009/08/free-blogger-templates-btemplates/

Free Blogger Templates | DeluxeTemplates :
http://www.deluxetemplates.net/

50 (Most) Beautiful Blogger Templates - Hongkiat.com :
http://www.hongkiat.com/blog/50-most-beautiful-blogger-templates/


唉, blogger 的template  html 不太stable, 只適合html 高手玩 .......
Read More, 繼續看 »

2013年10月12日 星期六

分享 : 自動為網誌產生read more版面的方法

blogger 有一個不太好的地方, 是必需在撰寫每篇文章時, 手動加入"read more"線, 一來令版面十分不整齊, 因為文章的照片有橫有直, 又大又小.
二來當我匯入y!blog後, 有超過1000篇舊文, 如果全手動每篇加入"read more"線, 真的會發癲啊! 

---------------------------------------------------

[後記 2015-11: ◆汀の悪魔天使な人生◆ 的方法後來不知怎的失效了, 後來找到另一個網頁, 放法差不多, 

http://helplogger.blogspot.hk/2012/03/auto-read-more-with-thumbnail-for.html

Step 1. 登入你的blogger, click "設計”......


    click "範本”, click"編輯HTML” ....... 再按照上面網址的步驟做 ......

 參考下列網頁(一切html碼以此網頁為準)


http://helplogger.blogspot.hk/2012/03/auto-read-more-with-thumbnail-for.html
 



<data:post.body/>
 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot; );</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>




</head>

 



<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>


 


-------------------------------------------------------------

 [Old post 舊文]

幸好blog友Christina ◆汀の悪魔天使な人生◆ 拔刀相助, 教我一個很好的方法 ......

http://christinaryu.blogspot.hk/2013/10/blogger-read-more.html

看! 多整齊, 一目了然!!




幸好我這html language 盲都算做到了. 但代價也很大 ......

起初我開了一個dummy blog測試(blogger最可愛的地方是可以任意開blog), 一切順利 , 那知在正式blog進行時, 卻死也不出任何反應 ...... 唉, 可能我以前膽粗粗改過html和CCS程式, 不知什麼地方相撞啦 ......

沒法可想, 只好再開一個全新的blog, 把舊blog 匯入去, 借屍還魂, 總算成功, 可惜所有舊式"追蹤者"的紀錄全失了, 總瀏覽量也由0開始 ........

算吧, 實在太愛這整潔的版面了!!! 再次謝謝 Christina.
搬blog過程的煩惱和滿足, 也可說是惡魔天使人生的兩面 :p

[後記 : 這個撮要版面消失了兩次, 而且用備份也不能還原 ...... 我又把我的blog重裝了兩次 .....唉, blogger 的html 真的很不穩定]

--------------------------------------------------

另一方面 : 見blogger在版面中插入 linkwithin 的舊文推介程式, 我又試吓啦, 那知在dummy blog十分順利, 到main blog了, 又是不肯順利地顯示 ...... 唉, 今次不敢剷掉重來了, 唔知大家有沒有解決辦法 ?



Read More, 繼續看 »