<(要去掉script type="text/javascript">var sidebarwidth=580;var albumswidth=5;var albumsheight=40;var albumnaccount='cclccl.life';var picnameEnalble=true;var resizeenable=false;var scrollenable=false;var baseshift=0;
****.....()要去掉
="http://ccljh2.googlepages.com/picasav2.js ****換成想看的blogger相簿網址
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.2.0.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
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 = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>
7.按「儲存變更」，安裝完成！！
******************************************
[Blogger]picasa相簿工具-在blogger中顯示你的相簿和圖片
blogger沒有自己的相簿，每次都要連到另一個網頁觀看相簿，是很麻煩的事情，
每次都感覺都不是很好 = ="，很沒有整體感!!
於是我在十分看不順眼的情況下，萌生了一個疑問
有沒有人用相簿提供的api把相本整合到blogger呢?
google了一下
在beautiful beta有一篇文章 picasa album widget 作者利用google提供的
Picasa Web Albums Data API做了一個方便的widget，可以在側邊欄顯示你在picasa的相本
可是這僅僅只有相本，無法顯示你的相片。
與我的需求有一些差異，所以我參考beautiful beta的JS code
重新寫了一個widget
功用是這樣的：
可以顯示你在picasa的相本，並當你的滑鼠點選相本的時候，會在視窗正中心跳出一個div，
顯示你在相本內的所有相片，在每個相片下方都有一個link，點選後可以在新視窗打開你在picasa裡面的相片。
在我的blog已經使用這個wiget，你可以點選上方Menu的私生活相簿看看使用的效果
如果你想使用這個widget，
首先建議你先建立一篇新文章，提供相簿專用。
PS:你也可以直接加在側邊欄，但是圖片載入過多容易導致網頁速度過慢。
接下來上傳所需的程式到你的網頁空間，例如 Google Page Creator
所需的程式下載點
所需的圖片下載點
當js檔案下載下來以後，請先更改裡面的變數albumnaccount的值
預設是finalevilee，這是我的相簿帳號，你必須改成你的picasa相簿帳號
當所需的程式與圖片都準備好以後，
在新建立的文章中，加入以下的程式碼
其中紅色部分
http://finalevillee.googlepages.com/picasa.js 要改成你所上傳的picasa.js路徑。
finalevillee要改成你的相簿帳號
接下來，在blogger中選擇修改HTML，並勾 選展開小裝置範本
找到以後，在body後面加上
讀取中...喜歡本文🔔按讚或分享
沒有留言:
張貼留言