延續上一篇的「365-43 <教學>製作before&after照片的語法─上傳Javascript」,這篇要告訴大家如何編輯blogger的語法,崁入before&after照片的html,並在發文中放入照片。
先打開Html的編輯畫面,如果不知道他在哪得話,他就在控制台裡的template(樣版?)→Edit Html (編輯Html)
2016年4月12日 星期二
2016年4月11日 星期一
365-43 <教學>製作before&after照片的語法─上傳Javascript
之前有預告過要來做照片Before&After效果的教學!!!
關於這個照片Before&After,是在我修改blogger樣式的前置作業。某天就想說如果要做好blogger,這樣展示照片的方是好像很不錯,就決定看看blogger有沒有內建的方式可以做到這個效果((結果沒有)),接著就在谷哥大海裡搜尋~~
搜尋的時候還真的不知道關鍵字要打什麼...照片前後比較?語法?弄了好久還是打英文key words(一陣搜尋之後)發現他是個叫TwentyTwenty的插件(plugin),完全無法用關鍵字搜尋到阿!!!
他是包含了css和javascript的插件,因為blog的結構不是自己蓋的,無法直接複製語法貼上,加上要插入檔案也不知道要放哪,因此就算看了很多教學,但還是花了我很~~多的時間弄好他!!
如果對於css有些概念的人,這一篇應該很簡單;沒有概念的人也沒關係,我的目標是連猴子都可以輕易上手,各位看官肯定沒有問題!((握拳
2014年4月13日 星期日
<教學> 第一次使用Redbooth就上手
又到了大家最喜歡的教學文了~~
這次要教大家如何第一次使用Redbooth就上手!
什麼是Redbooth呢?
就是紅色電話亭((點頭
大家喜歡聽專業術語Q口Q 那就是傳說中的「專案管理網頁」
譬如說,你開了一家公司,可能一次接了很多案子,每個案子的進度和負責的人都不一樣
而且常常稿不清楚這個工作誰在負責、進度到哪、還有什麼工作要做
最慘的是,明明開了FB的對話,但一下子講A案,一下子講B案,弄來弄去一整個混亂
稿到最後還是在問:「這個案子是誰在負責!?」
這就是專案管理的重要性了!
這次要教大家如何第一次使用Redbooth就上手!
什麼是Redbooth呢?
就是紅色電話亭((點頭
大家喜歡聽專業術語Q口Q 那就是傳說中的「專案管理網頁」
譬如說,你開了一家公司,可能一次接了很多案子,每個案子的進度和負責的人都不一樣
而且常常稿不清楚這個工作誰在負責、進度到哪、還有什麼工作要做
最慘的是,明明開了FB的對話,但一下子講A案,一下子講B案,弄來弄去一整個混亂
稿到最後還是在問:「這個案子是誰在負責!?」
這就是專案管理的重要性了!
2013年7月9日 星期二
[教學] 電子帳本分享教學
關於記帳這件事,就好像天天都應該要洗澡,但就是會懶得走去洗一樣((什麼奇怪的開頭
我有過的記帳經歷少說也有個四年了,而且是天天都會記帳的那種經歷
但是!
一、我總會在我的帳本上加上一條"莫名其妙消失的錢",有些錢總是記不清楚
二、每天都要"記得"要記帳已經夠傷腦細胞了,每個月還要手動總和一下花費,我腦細胞已經剩無幾了,還要做這些事太為難我老人家了
綜合以上兩點,我某天靈光一閃,發現「電子帳本」好像是不錯的方法
而且,我每天都會開電腦,所以記帳不是問題((噗
電子帳本可以讓你用流水帳的方式記帳,但又會「自動」幫你把花費的類別歸類整理!
隨便在谷哥上輸入「電子帳本」都會有好多好多的資料跑出來,這已經不驚奇了
隨便下載一款電子帳本都是「超強大的Excel檔」,所以使用也不是問題
幾乎所有的電子帳本配色都一樣很醜,這點也不需要放進選擇的因素裡
那麼,要選哪一款電子帳本呢?
答案只有一個:你喜歡哪個版面配置(以及少部分的功能上的差異)
我選的是「雙胞胎拔拔電子式家庭記帳簿」,大家可以參考連結
我有過的記帳經歷少說也有個四年了,而且是天天都會記帳的那種經歷
但是!
一、我總會在我的帳本上加上一條"莫名其妙消失的錢",有些錢總是記不清楚
二、每天都要"記得"要記帳已經夠傷腦細胞了,每個月還要手動總和一下花費,我腦細胞已經剩無幾了,還要做這些事太為難我老人家了
綜合以上兩點,我某天靈光一閃,發現「電子帳本」好像是不錯的方法
而且,我每天都會開電腦,所以記帳不是問題((噗
電子帳本可以讓你用流水帳的方式記帳,但又會「自動」幫你把花費的類別歸類整理!
隨便在谷哥上輸入「電子帳本」都會有好多好多的資料跑出來,這已經不驚奇了
隨便下載一款電子帳本都是「超強大的Excel檔」,所以使用也不是問題
幾乎所有的電子帳本配色都一樣很醜,這點也不需要放進選擇的因素裡
那麼,要選哪一款電子帳本呢?
答案只有一個:你喜歡哪個版面配置(以及少部分的功能上的差異)
我選的是「雙胞胎拔拔電子式家庭記帳簿」,大家可以參考連結
2013年5月3日 星期五
2013年4月26日 星期五
2013年1月21日 星期一
2013年1月19日 星期六
2012年10月24日 星期三
2012年10月23日 星期二
2012年10月22日 星期一
2012年10月21日 星期日
2012年10月20日 星期六
2012年10月19日 星期五
365-235 <教學>設計模式-操作直接性
今天要跟大家講的是我的網頁程式設計的作業
一開始老師先跟我們介紹網頁的設計模式
以下是黃維信老師上課的講義和我自己的作業
我是以噗浪作為例子
不過他當然不可能包含所有的模式就是了
而且因為是作業,所以也不能保證每個例子都是對的XD
一開始老師先跟我們介紹網頁的設計模式
以下是黃維信老師上課的講義和我自己的作業
我是以噗浪作為例子
不過他當然不可能包含所有的模式就是了
而且因為是作業,所以也不能保證每個例子都是對的XD
2012年9月27日 星期四
2012年9月10日 星期一
2012年7月29日 星期日
2012年7月28日 星期六
2012年7月27日 星期五
365-151 <教學>更改blogger-Css和Html行前訓練
簡單的更改Blogger樣式已經在上一篇講完了
接下來就要進入可怕的程式碼部分
首先你必須先了解什麼是css和html
你可以看這篇:學css前要準備什麼?
這篇也有一些好的建議:快速學習修改Blogger CSS筆記
訂閱:
文章 (Atom)





