日誌改造0 - 備份樣板和器件, 重選樣板

這個日誌已沒有更新了一段時間, 早就想更新了.
初步構思是使加入程式碼式樣css, 可以用作記錄日誌改造過程, 也可以和別人分享程式碼.
此外, 改用blogger的用內建readmore. 還有使用類似showcase的頁面等等.

1.日誌改造的第一步, 就是把舊有樣板備份. 舊樣板也是hack過的, 年代久遠, 已不易記起當日是如何hack, 造一個備份, 以免無沒還原日誌. 方法是:
Design->Edit Html->Download Full Template
改一個易記的名字, 把樣板儲存在電腦中.



2.日誌還有一些自己加入的器件Gadget, 也是不太懂當初是如何弄的, 因程式碼不太長, 所以直接在此記錄.

以下是舊blog其中一個Gadget的原始備份,主要是繼續閱讀和文章加密的hack.

<script src="http://bloggerhosting.appspot.com/serve/rayamhk.googlepages.com/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="http://bloggerhosting.appspot.com/serve/rayamhk.googlepages.com/cjh829-easy-read-more.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 8;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'collapsible';
EasyReadMoreSettings.Link_Text = '...Readmore(繼續閱讀)';
EasyReadMoreSettings.Link_Text_title = 'Readmore(繼續閱讀)';
EasyReadMoreSettings.Collapse_Link_Text = 'Summary(顯示摘要)...';
EasyReadMoreSettings.Collapse_Link_Text_title = 'Summary(顯示摘要)';
EasyReadMoreSettings.Collapse_MoveToEnd = true;
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = 'Full(完整)';
EasyReadMoreSettings.Controller_Abstract_Text = 'Abstract(摘要)';
EasyReadMoreSettings.Controller_Title_Text = 'Title(標題)';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>
<script language="JavaScript" src="http://bloggerhosting.appspot.com/serve/vincentcheung.googlepages.com/blogjscrypt.js"></script>
<script src="http://bloggerhosting.appspot.com/serve/rayamhk.googlepages.com/password.js"> 
</script>


以下是舊blog另一個Gadget的原始備份, 主要是一些SlideShow, 點擊統計, 天氣, 等雜項.



~ Weather Report ~<br/>
<a href="http://weatherpixie.com/" target="_blank"><img border="0" width="124" alt="The WeatherPixie" src="http://weatherpixie.com/displayimg.php?place=VHHH&trooper=21&type=P" height="175"/></a>

<hr/>~ Lovely Girl ~<br/>

<embed quality="high" align="middle" flashvars="site=widget-ac.slide.com&channel=72057594045087916&amp;cy=tp&amp;il=1" type="application/x-shockwave-flash" height="200" src="http://widget-ac.slide.com/widgets/slideticker.swf" width="200" salign="l" wmode="transparent" name="flashticker" scale="noscale"></embed>

<hr/>~ Visitor ~<br/>

<a id="clustrMapsLink" href="http://www2.clustrmaps.com/counter/maps.php?url=http://rayamhk.blogspot.com"><img src="http://www2.clustrmaps.com/counter/index2.php?url=http://rayamhk.blogspot.com"/>
</a>

<hr/>~ Stat ~<br/>

<!--Inizio Codice HiperStat-->

<a href="http://www.hiperstat.com" target="_blank"><img border="0" alt="Statistiche web e counter web" src="http://www.hiperstat.com/counter.gif" name="statistiche_web"/></a><script language="JavaScript" src="http://www.hiperstat.com/logo.asp?utente=11424" type="text/javascript"></script>

<!--fine Codice HiperStat -->

<!-- Start of StatCounter Code -->
<a href="http://www.statcounter.com/" target="_blank"><img border="0" alt="unique visitor counter" src="http://c18.statcounter.com/counter.php?sc_project=1960470&amp;java=0&amp;security=0f528fe0&amp;invisible=0"/></a>
<!-- End of StatCounter Code -->
<br/>

<a href="http://my.statcounter.com/project/standard/stats.php?project_id=1960470&amp;guest=1">View My Stats</a>

<hr/>~ Counter ~<br/>

<table border="0" width="130" cellspacing="1" cellpadding="1">
<tr><td align="center"><a href="http://www.magsonthenet.com" target="_blank"><img border="0" alt="Magazine Subscriptions" src="http://www.free-counter-web.com/image_counter.php?i=24820"/></a></td></tr><tr><td align="center"><a style="font-family:verdana,arial;font-size:9px;color:#999999" href="http://www.americancell.com" target="_blank">Cell Phone</a></td></tr>
</table>

<hr/>~ Search ~<br/>

<!-- Search Google -->
<center>
<form action="http://www.google.co.uk/custom" target="_top" method="get">
<table bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" height="32" align="left">

<br/>
<input maxlength="255" value="" name="q" size="20" type="text"/></td></tr></table></form></center>

<tr><td valign="top" align="left">
<input value="Google Search" name="sa" type="submit"/></td></tr>
<input value="pub-0175577534638208" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="UTF-8" name="ie" type="hidden"/>
<input value="UTF-8" name="oe" type="hidden"/>
<input value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" type="hidden"/>
<input value="en" name="hl" type="hidden"/>



<!-- Search Google -->

<hr/>~ Get FireFox ~<br/>

<!-- firefox download -->
<script type="text/javascript"><!--
google_ad_client = "pub-0175577534638208";
google_ad_host = "pub-1556223355139109";
google_ad_host_channel="00000";
google_ad_width = 110;
google_ad_height = 32;
google_ad_format = "110x32_as_rimg";
google_cpa_choice = "CAAQ463zzwEaCH20f7pPcGBpKLPGvnU";
google_ad_channel = "";
//--></script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!-- firefox download -->



4.去舊立新, 不要到Old Templates選樣板, 按Template Designer重選新的樣板吧, 新式樣板可以在Designer改色改字形, 也可改欄寬, 方便不少, 隨意改可以了, 日後如果只是改色改字後, 已修改樣板也不會影响的, 重點是不要重選樣板. 在這裡我選的是Travel樣板.

今天改造到此. 待續.