200509161420[Xuite秘笈]外掛懷孕週數(Baby出生倒數計時器)

看到leo.iris問到↓

我準備在xuite的日誌裡記下我的懷孕心情與親友分享,我想將目前的懷孕週數顯示在日誌中,不知在xuite裡是不是可以做到呢?

我找一個國外網站,可以用圖片記錄週數,輸入預產期後可以算出目前的週算,但我可以把這些自動產生的語法在xuite裡修改嗎?

http://lilypie.com/

http://lilypie.com/create_baby_days.php?#preview

不好意思喔,對語法的部份我是新手

所以需要你的幫助


還真是什麼服務都有,身為公的狗貓,所以沒有注意過有這樣的免費服務,所以看到時,還覺得蠻好玩的。更感動的是leo.iris的用心,要從這個baby的誕生源頭就開始寫日誌做記錄!(希望leo.iris將狗貓幫忙她這一段也記錄一下ccc)

所以囉,狗貓就幫忙寫個教學文章給這偉大的媽咪。

進入http://lilypie.com/create_baby_days.php?#preview去設定申請一個Baby出生倒數計時器圖片↓

1.輸入預產期,不知道就別問我啦,問醫生囉。
2.選擇一個圖片的樣式,看妳喜歡那一種。基本上因為是人類(當然不是狗ㄚ貓ㄚ),所以需要40週,這些基本圖樣就是以40週為一個計時的圖標。

3.選一個Baby的圖樣。(找不到狗ㄚ貓ㄚ,總不能狗貓生出個兔子、大象、熊熊吧!所以還是乖乖地選個Baby)
4.決定背景是白色或是透明
5.位於圖片上方的一段說明文字(不支援中文字)
6.圖片下方出生倒數記時的說明文字(我是輸入兒子的名字:MiaoMiao喵喵)
7.可以在左邊加上圖片,透過瀏覽按鈕自己選檔案從PC上傳
8.打勾,這樣才會記得妳的選項輸入設定
9.按[Create Ticker],產生倒數計時器

接下來妳就可以看到Preview圖片的效果,不滿意可以再從1~9的步驟修改參數,然後產生新的圖片。

最後,最重要的是如何貼進Xuite Blog裡面使用?
應該有兩種做法
A.貼進文章中顯示
B.貼進自由欄位中,形成Side Bar顯示

A.貼進文章中是透過上圖的HTML Code貼進文章編輯器中,當然要記得是切換成HTML編輯模式,切換HTML編輯請按 < >切換↓,切換後貼上圖中的10的那段HTML Code如下圖!

結果會如下↓,產生出生倒數記時器圖片,不同日子來看這篇文章時,Baby的出生倒數會跟個變化!

Lilypie Baby PicLilypie Baby Ticker

B.貼進自由欄位中,這個部份就需要進入[自由欄位設定]去貼HTML Code。流程如下圖↓

先點選[自由欄位設定],然後看到右側的編輯畫面,點[+新增欄位],在欄位名稱輸入妳要取的自由欄位名稱,接著是在本文那裡面貼上HTML code,點下[確認]鍵。最後是點[確認送出]鍵。然後再到版面編排將該自由欄位拉出顯示↓

如上圖,點選[版面編排]進入右側編輯畫面,將在最右側下方的Baby出生倒數計時欄位拖拉進入畫面的左側或右側(黃色箭頭指示)形成Side Bar,最後按[確認送出]就完成了!

顯示的效果如下↓

因為這個圖很長,放在Side Bar會將格式拉的很怪!後來我把左邊的上傳圖片拿掉,讓它變短一點。

ps.現在我再將裡面的語法改用 iFrame的方式,讓它寬度固定,然後透過拖拉Bar來看。原本語法是↓



<a href="http://lilypie.com/">
<img
alt="Lilypie Baby Pic" src="http://lilypie.com/pic/050916/aVeR.jpg" border="0" />
<img alt="Lilypie Baby Ticker" src="http://bd.lilypie.com/r2xVp8" border="0" /></a>

其實原語法中的前一段<img alt="Lilypie Baby Pic" src="http://lilypie.com/pic/050916/aVeR.jpg" border="0" />是我們當初在步驟7的時候上傳的圖,我們可以不要它。重要的是後段的<img alt="Lilypie Baby Ticker" src="http://bd.lilypie.com/r2xVp8" border="0" />,這個就是那張會隨日期變化的圖片,所以拿它來用就好。

改成↓



<iframe src="http://bd.lilypie.com/r2xVp8" width="200" height="140" ></iframe>

貼進自由欄位中就完成了!因為標準的Side Bar寬為200Pixels所以我設計為200,高度是Try出來的,差不多為140就夠了。
回應

瘋狂亂收藏家、收藏CPU、手表以及Xuiters

今天去哪玩??
天氣
累積 | 今日
loading......
訂閱狗猫電子報

輸入你的email address:

Delivered by FeedBurner

    沒有新回應!
關鍵字
Xuite電影貼紙
平均分數:0 顆星
投票人數:0
我要評分:





Powered by Xuite
Re:[台北搬家公司 「搬家」值得您的託付 遠近...],By 搬家公司-賴工匠 於2016-08-15
Re:[讚!!!],By blog 於2015-06-18
Re:[謝謝],By blog 於2015-06-15
Re:[[Xuite秘笈]上傳MP3音樂來自訂背...],By ★ㄚ進のsmile加油站★ 於2015-05-03
Re:[隨意聽App推薦],By ★ㄚ進のsmile加油站★ 於2015-05-03
Re:[新版CSS]欄位的外框設定],By 天使的花園 於2015-04-12
Re:[[Xuite秘笈]背景音樂自動播放控制(...],By 天使的花園 於2015-04-05
Re:[[Xuite秘笈]背景音樂自動播放控制(...],By 天使的花園 於2015-04-05
Re:[名器],By 名器 於2014-12-16
Re:[棋牌游戏平台,网上棋牌游戏平台,棋牌游戏...],By 棋牌游戏平台,网上棋牌游戏平台,棋牌游戏平台网站,易发棋牌游戏平台-228238.com 於2014-11-24
CSS樣版三欄兩欄倒數冬季計時居家黑色系右欄藍色風水語法自由欄位保健播放器浮動寬度步道如果劇團行動兒童劇夢想兩欄右iPAD裝潢CSS語法耶誕borderiPhone系統家具影音手機Pixar客廳家具望洋山登入問題L型邊框幾何影音播放器標題名稱粉紅基礎入門圖片縮小Style Information文章鎖密碼鎖密碼訊息中心more
不顯示的自由欄位