今天要來跟大家分享的是"寶寶部落格都該貼一張的年齡計算器"
這次同樣是從柔柔媽咪(小in)家學來的啦~(謝謝小in尼~ 
)
依步驟慢慢進行就會成功的,我也是研究了一下下試了幾次後才搞定的.
有了這個年齡計算器就可以隨時知道你家小寶貝的實際年齡啦~(還有細分月週天,真是貼心)
大家可以試試,詳細內容如有不清楚請大家到小in家參考~(歹事哩~我已經盡量弄清楚了)
************************************************************************************************
我選擇Lilypie 的 ticker 來解說製作ticker 的步驟 ,因為Lilypie的選擇比較多樣,還可以把自己寶寶的照片放上去,上方的娃娃會隨著寶寶的月分移動,很有趣!
點進lilypie.com,點選我用紅框框起來的"Baby &Kids Birthday"
如果你之前有製作過會是這個頁面
B框框的地方,可以讓你重新編輯之前製作過的ticker
C框框的部份,則是讓你另外再做一個新的,
但都沒做過,你就點選我圈起來的A的地方"Create a New Ticker"
之後會進入這個頁面
A. 在左邊圈起來A框框的地方,選擇你家寶寶的年齡,第一年(也就是未滿一歲)選擇1st Birthday,同理第二年(一歲多)請選2nd Birthday.....
B.選擇花樣.點All可以看到全部
C.點選你要的花樣
D.選擇好樣式後,點進步驟二
Step 2 步驟二是讓你選擇在月份上移動的小寶寶款式
A. A框框處一樣,點All可以看到全部款式
B.點選你要的款式
C.選擇好後點選C框框處進入步驟三
就上面各欄位解說
A. 拉選你家寶寶的出生 日期與月份
B.選擇你要的ticker 的背景 (如果你家的部落格不是白色的背景,請選擇第二個透明/Clear的)
蓁蓁媽咪試過後,去背的效果不好字看不清楚,請斟酌使用
C.這個欄位你可以不動 ticker 上會出現"我家的寶貝 x 月 x 週又 x 天大...."(當然.不會是國字)
也可以改成你家寶貝的名字(英文名)記得加 is
D.這是我家ticker上方那串"Mina is our first baby....."填寫的地方,可寫可不寫 ,非必填項目
E.這是在ticker 左邊放入你家寶寶照片上傳的地方,照片不可以超過100K,但是如果你想把ticker放在奇摩的部落格上方,這個就可以省了(除非你會並排圖片,因為下方我提供的方法只能貼一張圖在部落格上方的欄位)
F.勾選這個選項,會幫你記憶你在這台電腦上製作過的ticker,當然,你也可以不勾選
G.用力的按下這個地方 你就做好你家的ticker囉!
製作完成後會跑出這個畫面
因為奇摩提供的是HTML,所以你就選擇我框起來的地方,將這個欄位裡的語法全選複製,就可以貼在你想貼的文章裡囉!!
<將ticker放到部落格上方>
首先,點進你的管理介面,在版面設定中,選擇"自訂樣式"如下圖的地方
點選進入後,就是這個畫面
找到有一串語法是歸類在/*Blog title*/ 也就是規範部落格上方欄位的語法,只要在這一串語法裡再貼上,下面的語法,就可以把ticker放上去囉.
#yblogtitle .mbd{text-align:center left}
#yblogtitle .mbd{background-image:url(http://b1.lilypie.com/QS9Cp8.png);background-repeat:no-repeat;background-position:50% 0%;background-color:#FFFFFF}
［yuci媽咪備註:很多媽咪反應這個年齡計算器有點難操作,因yuci媽咪自己操作時就是卡在這個步驟,所以特別說明一下,如果你也是卡在這個步驟就稍微認真看一下吧!希望對大家有幫助.
依前面的步驟完成後,在"管理部落格"裡的"面板設定"找到"自訂樣式",再從"自訂樣式"裡找到/*Blog title*/ ,將#yblogtitle .mbd{text-align:center left}
#yblogtitle .mbd{background-image:url(http://b1.lilypie.com/QS9Cp8.png);background-repeat:no-repeat;background-position:50% 0%;background-color:#FFFFFF}
複製貼在原本的/*Blog title*/ 上,注意不要貼到/*Text color for blog title*/了喔!再將剛剛那串語法裡"紅色"部分改成lilypie.com裡製作完成的語法(應該是http://......)就行了.大家試試吧!］
上面這串語法紅字的部份,要改成你家的ticker網址,
置於網址在哪呢?
記得你製作好的ticker,不是有複製一串語法嗎?
像下面這串一樣
http://lilypie.com">< font> src="http://b1.lilypie.com/xxxxxxxx" alt=""""""""""""""Lilypie1st""""""""""""" Birthday Ticker" border="0" width="400" height="80" />
紅色的部份就是囉!!
基本上你家部落格版面上方的欄位很大就不用再改什麼了
但如果是像我家的部落格版面,欄位不是很大,放上ticker後,招呼語會把ticker給擋住,
我是用把部落格上方欄位裡的字體變大,來解決這個問題(就是把部落格名稱"in life"給改大)
語法如下
#yblogtitle .mbd .thd{font-size:26px}
在把這串語法加進/*Blog title*/ 語法裡 就可以囉!
至於 你家已經貼其他的圖在欄位上 ,想加上這個ticker請自己想辦法囉!!!
因為我也不知道,也還沒有需求想要去研究哩^+++++++++++++++^sorry !!!!
不過我想應該不難啦 加油囉!^00^
部落格名稱比較長的
試試看 把ticker 改右邊一點點如何?
#yblogtitle .mbd{background-image:url(http://b1.lilypie.com/QS9Cp8.png);background-repeat:no-repeat;background-position:50% 0%;background-color:#FFFFFF}
把這50改成65 或比50大一點 就會往右靠 但是你要試一下 試到不會把名稱擋住
又不會讓你的管理介面"發表文章"的選項擋住你的ticker 或者擋住也無所謂 因為只有自己看不到
)
