有興趣的..目前熱衷的..
Syndicate this site
10.02.2006,10/02/2006
胭脂水蘭allisneria sp.
美麗的胭脂水蘭有非常特殊且美麗的紅色系斑紋，這種紅色有一點偏橘紅，是水草中少有的顏色；而其斑紋的呈現亦是有規律的排列，並不是雜斑，且看起來有些類似網狀的表現。與其他常見的水蘭相比較，胭脂水蘭的葉幅寬，成熟植株的葉片約2cm寬，與大水蘭相當，不過高度就不及大水蘭那麼壯觀，大約只有50cm，是非常適合中、後景或兩側的叢生狀草種。
超紅睡蓮
很好種，溫度，PH，底沙都不挑，條件超好一定 可以種成血紅色。它真的超美！葉面凹凸起伏很大,是水面上開花而且拉很高，幫他授粉之後結成種子掉落水面﹐一開始種子被一層透明的膜包住會在水面漂流﹐等那層膜掉了，種子就會沉到水裡！ 我想應該是這株睡蓮靠這個方法來繁延後代，拓展草種的生存範圍﹐就類似浦公英一樣，種子隨風飛行﹐剪葉子，花莖才會停止生長，直接在水中開花，但花苞沒辦法完全開，只會開大約1/3的大小
9.21.2006,9/21/2006
感謝Hackosphere的伸展功能﹐再加上BeaifulBeta的附屬功能讓首頁文章終於可以像一班blogger一樣展開縮回了﹐你可以試試看我的首頁read more 及 summary only功能。
前一篇的就可以不用再試了﹐畢竟那會跳到單一文章。
詳細步驟如下
1.在</script>之後﹐</head>前加入下段語法
<script type="text/javascript" src="http://www.anniyalogam.com/widgets/hackosphere.js"></script>
2.搜尋<div class='post-header-line-1'/>,看到下段語法(似乎有兩段﹐找一段上半部一樣的）﹐再加入紅色字
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
3.在你的SETTING的FORMAT中POST TEMPLATE再加入下面字
摘要
<span id="fullpost">
隱藏文字
</span>
你的舊文章若要伸縮功能﹐就須自己再一一加入修改了。
Tags search:
Filed Tags:blogger_beta
前一篇的就可以不用再試了﹐畢竟那會跳到單一文章。
詳細步驟如下
1.在</script>之後﹐</head>前加入下段語法
<script type="text/javascript" src="http://www.anniyalogam.com/widgets/hackosphere.js"></script>
2.搜尋<div class='post-header-line-1'/>,看到下段語法(似乎有兩段﹐找一段上半部一樣的）﹐再加入紅色字
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
3.在你的SETTING的FORMAT中POST TEMPLATE再加入下面字
摘要
<span id="fullpost">
隱藏文字
</span>
你的舊文章若要伸縮功能﹐就須自己再一一加入修改了。
,9/21/2006
感謝Hackosphere三欄式Beta教學﹐讓網的網頁也改成三欄式的了﹐
以下是如何改法：
第一個750px是你總網頁寬度﹐像我的是900px
400px+150px+150px+各margin=750px
這部份你自己須微調﹐紅色就是新增的第二個sidebar
先新增紅色的到#sidebar-wrapper 那是樣附近﹐
ps. 若是你像我一樣sidebar內有兩個的﹐記得也各自複製一個﹐可以用sidebar搜尋css 中式樣
#outer-wrapper {
width: 750px;
...
}
#main-wrapper {
width: 400px;
margin-left: 20px;
...
}
#sidebar-wrapper {
width: 150px;
float: right;
...
}
#newsidebar-wrapper {
width: 150px;
float: left;
...
}
2.下面一段加在適當位置﹐
若你原來是sidebar在左邊﹐則會順序
<div id='sidebar-wrapper'><div id='main-wrapper'><div id='newsidebar-wrapper'>
若你原來是sidebar在右邊﹐則會順序
<div id='newsidebar-wrapper'><div id='main-wrapper'><div id='sidebar-wrapper'>
上面都是代表一大段
<div id="'main-wrapper'">
...
...
</div>要找到這個尾部才可以加入下面部份
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
接下來你到Page element就可以看到第三欄出來了﹐若把各顏色變數字形變數也新增的話﹐以後你在這Fonts & Colors 就可以直接調整。
Tags search:Filed Tags:Blogger_Beta
以下是如何改法：
第一個750px是你總網頁寬度﹐像我的是900px
400px+150px+150px+各margin=750px
這部份你自己須微調﹐紅色就是新增的第二個sidebar
先新增紅色的到#sidebar-wrapper 那是樣附近﹐
ps. 若是你像我一樣sidebar內有兩個的﹐記得也各自複製一個﹐可以用sidebar搜尋css 中式樣
#outer-wrapper {
width: 750px;
...
}
#main-wrapper {
width: 400px;
margin-left: 20px;
...
}
#sidebar-wrapper {
width: 150px;
float: right;
...
}
#newsidebar-wrapper {
width: 150px;
float: left;
...
}
2.下面一段加在適當位置﹐
若你原來是sidebar在左邊﹐則會順序
<div id='sidebar-wrapper'><div id='main-wrapper'><div id='newsidebar-wrapper'>
若你原來是sidebar在右邊﹐則會順序
<div id='newsidebar-wrapper'><div id='main-wrapper'><div id='sidebar-wrapper'>
上面都是代表一大段
<div id="'main-wrapper'">
...
...
</div>要找到這個尾部才可以加入下面部份
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
接下來你到Page element就可以看到第三欄出來了﹐若把各顏色變數字形變數也新增的話﹐以後你在這Fonts & Colors 就可以直接調整。
9.15.2006,9/15/2006
謝謝Hoctor介紹﹐這就可以展現Bolgger Beta 的功力了﹐很容易就增加一欄專放縮圖得﹐整體就很美觀了.
隨時經由page element修改檔名﹐圖片就改變了﹐很方便的。
會玩Beta的﹐基本的add page element及修改HTML就不多說了。
最後結果如下圖所示
詳細步驟如下
1.Template->Add Elements, 選擇sidebar中的Add Page Elements﹐畫面跳出後再選擇Link List項目就可。
2.將剛新增的link元件拉到本文blog post上面
2.隨便建幾個連結﹐當然是你做好的圖檔﹐建議先做100x100px的四張縮圖﹐這邊就Key進連結
3.打開HTML編輯﹐記得勾選extend widget喔
原來的﹐找LinkList,若你已建link連結﹐這邊可能是linklist2﹐找到最後一個就對了
b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='link'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</div>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
新的程式﹐記得id='linklist1-3'這要修到一樣再貼上去
<b:widget id='LinkList1' locked='false' title='Random Pics' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div class='hoctro_spacer'>
<b:loop values='data:links' var='link'>
<a expr:href='data:link.target' onblur='try {parent.deselectBloggerImageGracefully();} catch(e) {}'><img alt='' border='0'
expr:src='data:link.target' height='100' style='display:inline; margin:0px auto 10px; ;cursor:pointer;' width='100'/></a>
</b:loop>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
完工﹐這樣子就可以看到結果了
9.13.2006,9/13/2006
感謝程式設計﹐終於有精簡板的功能了﹐相關步驟如下：
Thanks for the programmer from 程式設計 that how to show brief at hompage. That's what I need before have really document extend and hide function at home page. Following is the introduction:
1.先找到程式碼Locate the code:
<p><data:post.body/></p>
2.用下面替代Replace by following code:
<span class="fullpost"></span>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<br></br>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>More......</a>
<b:else/>
<data:post.title/>
</b:if>
</p>
</b:if>
3.文章範本內不show 出來的﹐放入下列碼。Add following code while you posting
,9/13/2006
感謝 Góc học trò / Hoctro's Place介紹﹐讓Beta多一顯示功能﹐其中用到Exploding-boy的Menu Css﹐你可以按進去看一下﹐選好你要的類別.例如如下
像我的網頁﹐因結合Hackosphere的標題伸縮功能﹐所以就更棒了﹐若要請參考這裡。
第一步：下載CSS 樣本Css Navigation
第二步：編輯你的HTML範本﹐使用Extendable widget,讓最上面標替那塊可以新增元件
<b:section class="header" id="header" maxwidgets="1" ...>
變成這樣
<b:section class="header" id="header" maxwidgets="2" showaddelement="yes">
ps.這一步是為了最上面區塊﹐若是選擇文章那一塊﹐這一部就可以不用做
第三步:在你的Page Element中﹐新增Labels,
然後再拉到文章那上面(若你有進行第二步﹐就可以拉到標題那去)
第四步：放在你的HTML 範本中</script>之前
開始：
/*- Menu Tabs F By http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/------
*/
#tabsF {
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom:1px solid $bordercolor;
/*Notice the use of $bordercolor to match with the Beta Blogger Settings*/
}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url(" http://www.anniyalogam.com/labeltabs/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url(" http://www.anniyalogam.com/labeltabs/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
結束
最後一步：修改Label 那區塊﹐讓它像下面樣子﹐每個人這一塊不一定相同﹐但
<b:widget id='Label1' locked='false' title='' type='Label'>這一行及最後一行</b:widget>找出來﹐這塊蓋過去就好。有人有裝兩個文章分類的﹐可能就會是Label2﹐或Label3﹐自己判斷了。
原來的樣子
<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<div id='tabsF'>
<ul>
<b:loop values='data:labels' var='label'>
<li><a expr:href='data:label.url'><span><data:label.name/></span></a></li>
</b:loop>
</ul>
<!-- <b:include name='quickedit'/> -->
</div>
</b:includable>
</b:widget>
最後若是出來按鈕按了沒有反應﹐就先僅留一個分類區塊﹐你原左右邊的那塊先刪掉。
9.12.2006,9/12/2006
感謝Hackosphere的介紹﹐讓我的Beta 網頁也有標題伸縮功能﹐請參考按+/-就可以展開或縮回。在類別及存檔部份可以使用﹐首頁尚不適用。
修改須在你的程式中加入一些小程式﹐所以記得先備份你的Html code了（要勾選Extend Widget)。
修改詳細步驟如下：
1. 找到</head>,在之前貼一段碼
以下開始--
<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
結束
</head>
2.先找一段碼<b:if cond='data:post.dateHeader'>,再把以下改成下面的方式
有一行要刪掉﹐再改成紅色字部份。然後再新增上半部紅色的碼
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
就這有子﹐改完選擇列別就可以看到效果了。但不一定像我的在上面的選擇把﹐那功能另外再說。
,9/12/2006
有人在問如何申請了﹐其實很簡單﹐你必須要有Blogger或者Gmail帳號﹐
到Blogger Beta登入就可以了﹐
有Gmail的﹐會有一全新的Blogger Beta 界面
Blogspot的﹐就會有升級的選擇﹐向我還是有兩個帳號﹐你可以自己比較一下差別。Blogger及Blogger beta
我是覺得大致上有70%水準了﹐但其方便性對一班使用者是很好用的﹐
目前心目中覺得尚缺少文章延展所小功能﹐但我相信應快了﹐看我的Beta的標題延展已開始使用了﹐代表已有人在研究如何破解了。提供大家參考。
到Blogger Beta登入就可以了﹐
有Gmail的﹐會有一全新的Blogger Beta 界面
Blogspot的﹐就會有升級的選擇﹐向我還是有兩個帳號﹐你可以自己比較一下差別。Blogger及Blogger beta
我是覺得大致上有70%水準了﹐但其方便性對一班使用者是很好用的﹐
目前心目中覺得尚缺少文章延展所小功能﹐但我相信應快了﹐看我的Beta的標題延展已開始使用了﹐代表已有人在研究如何破解了。提供大家參考。
9.09.2006,9/09/2006
目前blogspot可以搭配Furl或del.icio.us都可以快速分類﹐各自比較如下：
1.在加入分類書簽方面﹐兩者都是一樣方便﹐只要開啟網頁下﹐選擇工具列的加入icon就可。
2.側邊顯示分類功能del.icio.us已有Tagroll書簽類別程式﹐只要加一次就可以﹐以後有新分類﹐自動就會秀出來。但缺點是跳出一頁它們網站搜尋結果。
但Delicious顯示有獨特的Cloud功能﹐能更美觀.
Furl書簽的話﹐則每一類須先增加一篇文章放那一類的java script程式﹐也就是以後新增每一類別﹐你就得新增類別文章一篇﹐再到你分類的HTML部份加一行連結到這偏文章﹐如此按了才會有用。優點是分類顯示結果會在你原頁內。
3.在文章尾部加分類tag功能﹐不一定每人都需要加﹐看自己是否想讓使用者更方便而已﹐但del.icio.us 已有現成的js script或網頁﹐在你編輯blogspot文章時﹐很容易直接加tag即可。至於Furl書簽加入的js定義檔﹐我還沒有找到﹐但考量下面那功能﹐你就不會想用了。
如下圖示：
詳細步驟如下：
Del.Icio.us步驟：
1.當然到del.icio.us申請帳號﹐這就不多說了。
2.設定書簽顯示方式﹐到Tagroll書簽類別去設定一下。裡面程式複製起來
3.加程式到你要放的地方﹐打開你的網頁範本,
找sidebar 的附近看你要放哪邊﹐直接在</div>之前貼上去即可﹐自己再微調
開始使用：
如此就OK了﹐就開始開啟每篇文章﹐直接按工具列上的按鈕﹐
﹐就跳出畫面﹐
﹐底下輸入分類項目﹐用空白做間隔﹐就自動存進分類書簽了。
然後你看你的網頁就會顯示剛存好的分類,按進去就有歸檔好的網頁列出來了。
4.最後選擇性的﹐用Firefox用戶﹐以後編輯很方便﹐直接加進原分類好的tag﹐讓使用者更方便看
consumer experience的介紹。可直接下載主程式GreaseMonkey配合firefox使用﹐再下載安裝del.icio.us 使用檔JS
使用blogspot編輯畫面﹐下面就有多一行append tags功能﹐直接加即可.
如下圖示：
9.08.2006,9/08/2006
純抱怨一下﹐想向他們blogger Beta會報bug都不知道如何回報.
還在找哪些flash mp3 player , 之潛在非beta 都能正常播放﹐現在在Internet explorer會讓IE跑很久﹐最後還跑出警告訊息﹐但在firefox 就不會有問題。
但這在部落格不是常用的嗎？IE + mp3 player？希望他們趕快把問題解決。
現在已試過很多個,例如:player.swf, mp3player.swf, dewplayer.swf
有些失望說﹐好不容易很多blogspot舊版的附加功能慢慢已能修改強化了。看我的新版版面已比原blogger beta的範本多很多功能了.
大家可以比較我的Blogspot舊版,新版blogger Beta兩個差異﹐就知道了。
還在找哪些flash mp3 player , 之潛在非beta 都能正常播放﹐現在在Internet explorer會讓IE跑很久﹐最後還跑出警告訊息﹐但在firefox 就不會有問題。
但這在部落格不是常用的嗎？IE + mp3 player？希望他們趕快把問題解決。
現在已試過很多個,例如:player.swf, mp3player.swf, dewplayer.swf
有些失望說﹐好不容易很多blogspot舊版的附加功能慢慢已能修改強化了。看我的新版版面已比原blogger beta的範本多很多功能了.
大家可以比較我的Blogspot舊版,新版blogger Beta兩個差異﹐就知道了。
,9/08/2006
參考Basangpanaginip﹐很容易再加入文章內建的搜尋功能﹐參考下列語法﹐直接再Template/add page element/ 新增html/java 元件即可。
size="15"調整搜尋bar 長度
value="搜尋" 用的搜尋名字
<form id="searchthis" action="http:/站名.blogspot.com/search" style="display:inline;" method="get">
<img src="http://beta.blogger.com/img/navbar/4/btn_search_this.gif"/> <br/> <input id="b-query" maxlength="200" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="搜尋" type="submit"/>
</form>
9.04.2006,9/04/2006
最近玩blogger beta﹐發現在側邊增加最新意見方法﹐使用系統產生的
comments fee喂給自己﹐就可以顯是在旁邊了﹐但最多僅能顯示五條,如下列所示:
Thru Blogger Beta's comments feed to Display "Recente comment". 1'st, copy the URL of your blog's post feed ("Subscribe to: Posts (Atom)"). The URL will be something like http://beta.blogger.com/feeds/########/posts/full. Rename the "Posts" to "comments". Choose dashboard\Template Page\"Add a Page element" function. Select the Feed element and paste the URL. Next to give a title ("Recent comments").
Also need to change the comments fee from "full" to "short" to avoid system bug in your dashboard setting.
Result(結果）
detail step by step
複製連結 - 在你的網頁底部,
像這樣子http://beta.blogger.com/feeds/########/posts/full
修改posts成comments
http://beta.blogger.com/feeds/########/comments/full
開blogger 編輯Template/ Add page element
選Fee 那一個
貼上剛修改過的連結
欄位命名﹐選name/date
最後一件也是最重要的﹐是要到你的控制台中的 site feed﹐更改成short的﹐才可避免系統的Bug.
最後﹐若是無法顯示全部資訊﹐這是Blogger spot 中文的Bug,解決辦法就是透過Feedburner轉了。我的就是這樣解決的
comments fee喂給自己﹐就可以顯是在旁邊了﹐但最多僅能顯示五條,如下列所示:
Thru Blogger Beta's comments feed to Display "Recente comment". 1'st, copy the URL of your blog's post feed ("Subscribe to: Posts (Atom)"). The URL will be something like http://beta.blogger.com/feeds/########/posts/full. Rename the "Posts" to "comments". Choose dashboard\Template Page\"Add a Page element" function. Select the Feed element and paste the URL. Next to give a title ("Recent comments").
Also need to change the comments fee from "full" to "short" to avoid system bug in your dashboard setting.
Result(結果）
detail step by step
複製連結 - 在你的網頁底部,
像這樣子http://beta.blogger.com/feeds/########/posts/full
修改posts成comments
http://beta.blogger.com/feeds/########/comments/full
開blogger 編輯Template/ Add page element
選Fee 那一個
貼上剛修改過的連結
欄位命名﹐選name/date
最後一件也是最重要的﹐是要到你的控制台中的 site feed﹐更改成short的﹐才可避免系統的Bug.
最後﹐若是無法顯示全部資訊﹐這是Blogger spot 中文的Bug,解決辦法就是透過Feedburner轉了。我的就是這樣解決的