[拯救破落格]新手必備之Blogger Hack大全

Posted on 2009年4月30日 星期四 by katejane12 in ,
記得我在[教學]Blogger內嵌文章留言 (Embedded Comment Form)提到的,為了拯救該破落格,切時展現我大俠的風範,將我所知道的Blogger Hack分享給大家,展現我散播歡樂散播愛的美德





當然如果您本身是個快樂的破樂格格主,誠以身為破落格為榮,也可以略過此文,並連跑帶跳、喜孜孜、樂陶陶的去參加這個串聯(我也串了耶XD)

破落格

以破落格為榮!!





今天會有許多神人級的人物登場,大家先把透視眼鏡墨鏡戴好,以防閃瞎。另外,由於每個人版型不同,並非每個Hack都適用,我每種Hack會列個兩三組方式,大家是不出效果的就換著試試,或是在下列部落格中找找,通常還能挖到別的寶。

  • 繼續閱讀:

  1. 繼續閱讀懶人加強版CJH

  2. 繼續閱讀的設定0 與 1 謎詭世界

  3. Blogger Beta 中Read More 與Archive 只顯示標題作法[ METAMUSE ]羊男實驗の咖啡館

  • NavBar優化

  1. Blogger beta:優化Blogger導航色彩斑斕

  2. 隱藏NavbarAbin's Tech Note

  • 標籤雲

  1. Label Clouds(標籤雲) For BloggerJosh's Note

  2. [筆記]標籤雲(Tag Cloud)良人的大秘寶

  • 最新文章

  1. Blogger 標籤選台器 2.0LVCHEN 的美國生活指南

  2. (這個是我玩部落格不久就認識的好友Lvchen的傑作,超讚超好用的你都不知道!)
  3. Blogger 最新文章功能Chagg's 嘴砲日記

  • 最新回應

  1. 最新回應 v2.0LVCHEN 的美國生活指南

  2. Blogger 最新回應功能(與無名、Pixnet格式相同) Chagg's 嘴砲日記

  3. 應用JSON 實現「最新文章」、「最新回應」和「Blog 聯播」Abin's Tech Note

  • 回應欄格式

  1. [Blogger Hack] Comment Photo Hack (在Comment處顯示回應者圖片)Kaie's Blog

  2. 為 blogger 留言區(comment) 加個對話框吧!Fun New Run High

  • 其他

  1. 讓首頁文章可開啟/摺疊for BloggerNot My Business

  2. 【Blogger】A Cool "Blocked Stype" blockquoteEndless TACOJOHN

  3. 如何移除 Blogger 小工具旁的編輯小圖示阿丹的部落格

  4. 調用jQuery特效實作(隱藏迴響欄位篇)敗家誌°





以上是目前能想到,而且覺得新手比較即時用得到的,如果有想到再更新吧!凱特打結下台一鞠躬。







[推薦]有光的所在 - 阿翔&隱性基因樂團

Posted on 2009年4月27日 星期一 by katejane12 in


界很大,人很渺小。地球很大,台灣很渺小。狗民黨很有錢,我們很窮。人生有許多無法操之我們手的未知與無奈;就像去年那個咱們萬以為真能逆轉勝,結果卻與黃金交叉失之交臂的,寒意難褪的春天。那段有點晦澀、又有那麼點難熬的時光,應該有不少人和我一樣記憶猶新吧?當時如枯旱即時落下的甘霖般療癒我們,陪伴我們的超催淚療傷歌曲『風愈大愈要走』,你們也都還記得嗎?




一年後的此刻,創作出『風愈大愈要走』的熱血阿翔,發行EP了。阿翔很大方的要寄一張給我試聽,但我告訴他,一來我已經在某豪宅聽過很多遍,覺得非常好聽,無須再試聽。再者為表達實質的支持力量,我要自掏腰包買一張;於是,兩天後,錢都還沒匯過去的我(歹勢歹勢XD),收到了非常可愛的驚喜包





阿翔&隱性基因樂團/有光的所在EP

阿翔&隱性基因樂團/有光的所在EP








阿翔&隱性基因樂團/有光的所在EP

附上很可愛的鑰匙圈,連小黃包裝的質感都很特別。







當然,最重要的是,真的好聽;光是支持好音樂這個理由,就值得一買了。




如果我們的歌曲讓你覺得感動,

讓你開始覺得認同自己是件重要的事,

請購買一張EP!!

這就是給我們最直接的鼓勵~~

阿翔&隱性基因將在每一張賣出的EP中

捐出10元的愛心捐,

給需要幫助的弱勢團體與機構(捐款收據會在部落格裏公佈)

請告訴身邊的朋友一起響應參與~~

聽音樂/挺台灣/做愛心

只要200元(網路價)就能做到,你還在猶豫什麼?!

from-阿翔的音樂部落格






好歌串一串(直接點擊前往購買)


阿翔-隱性基因



聽完就買:





BTW...趁著還記得,現在趕快匯款XD。

[教學]Blogger內嵌文章留言 (Embedded Comment Form)

Posted on 2009年4月23日 星期四 by katejane12 in ,
篇教學,是為了我好友兼換帖兼同事兼好麻吉兼好戰友男友(簡稱我朋友的男朋友)而生。正如您所見,該部落格還缺少某些基本功能,在Blogger平台上需應用的許多Hacks還沒能用上,再加上許多前輩的教學文要看懂其實需要那麼點(其實還蠻大點的)CSS底子,實需小妹用低能淺白一點的文句陳述。但也趁此機會將我知道的Blogger Hacks做個整理,總之會慢慢補上與大家分享。





首先,是一些比較早期的Blogger模板會遇到的問題,Blogger內嵌文章留言 (Embedded Comment Form)無法正常顯示。



首先,勤勞點到後台的基本管理→意見→意見表單位置→改成已內嵌下列文章。




Blogger內嵌文章留言 (Embedded Comment Form)

Embedded Comment Form





確認儲存後,回到部落格頁面看看結果;如果內嵌頁面此時以完整、正常呈現就OK囉,反之則繼續往下看。



若沒有出現內嵌模式,就非得動到語法區了(記得在實做以前務必儲存完整範本)



勾選展開小裝置範本→利用ctrl+F找到<b:includable id='comment-form' var='post'>(若找不到就掐頭去尾留中間comment-form這樣找找看類似區段)

確定有這段程式碼才表示在後台的設定成功,整段碼應該如下:








接著再利用ctrl+F找到

<a expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'>

<data:postCommentMsg/></a>



如果只找到一組就沒問題,很多組的話請選擇在 <p class='comment-footer'> 底下的,將之反白起來,以這段直接替代。









最後在<b:skin> 後面加上CSS定義






應該就大功告成囉!有問題歡迎留言:)。

[活動]「蓮」結網路新動力,523東岸全國網聚。

Posted on 2009年4月20日 星期一 by katejane12 in


「蓮」結網路新動力,523東岸全國網聚

TWFUTURE團隊(http://twfuture.org)所主辦的「蓮」結網路新動力,523東岸全國網聚活動,將在2009/5/23 (六)下午2點到5點熱烈舉行,正式的活動說明稿我會附上連結,盼大家共襄盛舉。




引述一下酥餅大的話:


如果妳覺得最近台派士氣低迷,那妳更應該看看東岸的朋友,他們雖然熱情,但是由於長久觀察東岸的政治生態,幾乎所有人都跟我們說,在花蓮要辦人數超過五十個人的台派室內活動幾乎是不可能的任務。因此對TWFuture來講,主辦這次網聚的困難度遠超過其他四次。因此比起其他網聚,這次我們更需要大家的幫忙與支持。

from 酥餅的BLOG



所以囉,廣招全台灣的好朋友過去交誼順便踏踏青,如果時間允許的話我也會去走跳玩耍的。

時間:2009/5/23 (六)下午2點到5點



地點:麗格休閒飯店1樓會議室 (花蓮市商校街258號)



報名費用:免費



注意事項:東岸鐵路車票座位有限,請有意參與的朋友儘早於活動二周前購買。



報名方式:(下列方式擇一,現場憑報名編號入場)



  • 線上報名-請到http://twfuture.org/523填寫報名單,由TWFuture團隊受理。

  • EMAIL-請下載報名表(http://twfuture.org/523regform.doc),填寫完後寄到twfuture@twfuture.org
  • 傳真-填寫完後傳真到(02) 2362-8798,由台灣教授協會受理。

  • 電話-請打(02) 2362-8797,由台灣教授協會受理


* 若有任何疑問,請EMAIL到twfuture@twfuture.org



* 歡迎攜帶簽名留念的物品。



* 除主辦單位允許的人士/單位外,會場內禁止錄音或攝影。



主辦單位:TWFUTURE團隊(http://twfuture.org



協辦單位:台灣教授協會、台灣大地文教基金會、長老教會東部中會教會與社會部、花蓮東社



活動網站:http://twfuture.org





「蓮」結網路新動力,523東岸全國網聚-節目流程



「蓮」結網路新動力,523東岸全國網聚-地圖

一分鐘在Blogger加上Tab View分類欄

Posted on 2009年4月15日 星期三 by katejane12 in ,
如大家所見,我小修了一下我的部落格版型,以前的模樣實在是讓我覺得有點擁擠、紛亂,所以動了一下邊欄的位置,改了一下整體的色調。說實話CSS有時是很煩人工程,想說趁此機會分享一些小心得或收穫給廣大bloggers,大家不用像我一樣研究到腦筋打結眼睛脫窗的地步。





話說在好久好久以前,我就肖想在邊欄有個像這樣的Tab View分類欄



凱特打結tabs


本想偷懶找個教學,卻遍尋不著......只能參考國外的文章,大部分居然都要扯到jQuery;我只不過是想加個有Tab讓我點來點去自爽的欄位啊!於是乎,是的。為了研究它,本身現在似乎有點鬥雞眼的症狀,畢竟哀家唸的是法律,程式語言不是我的母語(javascript、jQuery一類的語言),年紀又有一小把了學習能力衰退得緊,學得來真可謂孝感動天了。 結果就在我的側欄,歡迎大家參觀;為了方便大家取用,少傷點腦細胞,把它整理成這段原始碼。只要按照以下步驟就可將它放進blogger部落格里囉!
1.到Blogger的控制頁面(後台)

2.選擇「版面配置」->「網頁元素」

3.點選「新增小工具」,會跳出可選用的小工具清單

4.點選「 HTML/JavaScript」,按下滑鼠左鍵,進入設定畫面

5.複製以下程式碼貼入





<style type="text/css">

div.TabTampil div.TTs {height: 24px; overflow: hidden; } div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active { background-color: #669933; } div.TabTampil div.katedajay { clear: both; border: 1px solid #7a5; overflow: hidden; background-color: #ffffff;} div.TabTampil div.katedajay div.dajay { height: 100%; padding: 0px; overflow: hidden; } div.TabTampil div.katedajay div.dajay div.gaigai { padding: 3px 5px; } div.TabTampil div.TTs a { border-left:1px solid #669933; border-right:1px solid #669933; border-top:1px solid #669933; border-bottom:0px solid #669933; float: left; display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif; font-size: 12px; font-weight: 900; color: #fff; } </style> <form action="tabtampil.html" method="get"> <div id="TabTampil" class="TabTampil"> <div style="width: 350px;" class="TTs"> <a>我是Tab</a> <a>我也是Tab</a> <a>我還是Tab</a></div> <div style="width: 330px; height: 300px;" class="katedajay"> <div class="dajay"> <div class="gaigai"> 這裡填[我是Tab]要顯示的內容 </div> </div> <div class="dajay"> <div class="gaigai"> 這裡填[我也是Tab]要顯示的內容 </div> </div> <div class="dajay"> <div class="gaigai"> 這裡填[我還是Tab]要顯示的內容 </div> </div> </div> </div></form> <script style="text/javascript" src="http://katejane12.googlepages.com/katejscriptab.js"></script>

<script type="text/javascript">tabtampil_inisial('TabTampil');</script>






夠簡單吧! 其他的文字應填入區等等細項,都標明在原始碼裡囉!方便大家直接編輯,當然也可以修改成符合自己版型的配色。 最後,容我發個小牢騷,本部落格歡迎各種不同想法的言論;因為本人以為,真理會越辯越明。但是,嚴禁匿名攻訐,光明點、磊落點,好嗎?

[串聯]想想鄭南榕

Posted on 2009年4月5日 星期日 by katejane12 in


鄭南榕,這句話陪我撐過許多痛苦煎熬時分;面對紛擾不滿時,它也撫平我許多氣憤傷感,忍我所不能忍。又因為最近適逢鄭南榕殉道20週年,許多紀念活動先後舉辦。致使我不免經常的想起這句話,只因深覺得它太有道理。





這句至理名言,出自於台派名人BillyPan;詳細情形在此就不贅述了,簡單說,這句話就是Billy在與我意見倆倆僵持不下、或是勸不動我時,必放的大絕







K:「我也是人生父母養,為何我要做這種犧牲?」



B:「想想鄭南榕,我們的犧牲多微不足道?」







K:「太過分了,我要告他!」



B:「想想鄭南榕,我們要顧全大局、保護台灣人的利益」







K:「我還有很多重要的事要做。」



B:「想想鄭南榕,還有什麼事比我們現在做的還重要?」







就像這樣(點擊看大圖)



凱特打結該該叫-BillyPan





諸如此類等等等,每次都是一擊KO我這個弱女子阿!!不過念在他對台灣的一片心意我不會放在心上的XD。總之,『想想鄭南榕』對我而言,可說是本世紀影響力數一數二的一句話,每當夜深人靜、午夜夢迴,亦或是看著新聞的時候(其實大多是這時候),我常想照樣造句。



陳水扁,想想鄭南榕


陳唐山,想想鄭南榕


李俊毅,想想鄭南榕


葉宜津,想想鄭南榕


台灣人,想想鄭南榕




還有延伸造句

為了教訓民進黨而投國民黨前,想想鄭南榕


在妄想賺中國人錢之前,想想鄭南榕




......以及太多的太多,如是情境、時間點,站在人生難以取捨三叉路口的抉擇點時,皆適用之。歡迎大家踴躍造句!!





想起鄭南榕,我們會慷慨激昂,我們會椎心疾首;但這一切都該轉化為正面的力量。蘇格拉底拒絕了他的學生們試圖安排他逃跑的計畫,寧受審服刑飲毒堇汁而死,只因其不承認思想有誤;日後成就了希臘人獨立思考的能力,想想我們呢?誠如BillyPan所言,我們為鄭南榕所做的,還太少太少。



讓我們串聯吧!讓我們一起把Nylon不死的精神傳遞下去吧!以下串聯貼紙歡迎夾去配,或是直接前往串聯頁面



想想鄭南榕







想想鄭南榕







想想鄭南榕









另外,去年這個影片播映時,衝擊我胸口

第一時間聯想到的,還是鄭南榕





  • 鄭南榕相關影片










  • 鄭南榕相關影片












  • 已經要被工作砸死的我還是以壑出去工作擺一邊大不了老娘不睡的精神和好友們一起參加這個活動,請大家一起來吧!(也歡迎熱情的、害羞的或低調的同我打個招呼阿^^)。沒有砸死人工作等著你的朋友還可以和熱血大叔一起獻花去,請大家共襄盛舉!





    註:放大絕=放大絕招,多用於格鬥遊戲中,指的是一但使用就能擊敗對手技法招式。在此處是指無以辯駁的精闢論述。