shania blog

今天要來跟大家分享的是"寶寶部落格都該貼一張的年齡計算器"

這次同樣是從柔柔媽咪(小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  或者擋住也無所謂 因為只有自己看不到