看到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的出生倒數會跟個變化!

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就夠了。


隨機文章

×
網友回饋 回應:7
  • 歡迎來到隨意窩Xuite

    開啟選單瀏覽服務或以關鍵字搜尋。

     
  • 瀏覽更多精彩內容

    切換至格主其他頻道或直接搜尋。

     
  • 快速便利分享工具

    提供多種分享方式傳遞內容資訊。

     
  • 更多推薦APP

    隨意遊與隨食記app僅支援ios裝置。