:::
windelf - 數位學習 | 2015-07-09 | 點閱數: 657

aNobii是一個網路書櫃類型的網路社群網站,使用者登入後,可以利用該網站其他使用者已經建立的書籍詳細資料來快速建立編寫自已的書目清單(包括想得到的、已經擁有和已經售出等),並且編寫每本書的閱讀心得、評價,而其他使用者可以在每本書看到其他人對該書的閱讀心得、評價。---《維基百科》

近來花了三四天在試aNobii,它可用書籍的ISBN建檔,並可整批編輯整理,建立標籤,等於是專屬的閱讀書目。還有app可直接掃描建檔,對於常逛書店的人可說是極實用的小工具。個人覺得這個比台中市推的閱讀認證要好玩的多了,其包含中英日等多國書籍,還可看到他人分享的書櫃,閱讀心得、評價。不論閱讀視野與引起動機,均遠勝於我們自個兒的閱讀認證。(個人極為詬病其閱讀題庫的內容,看書就看書,還要做測驗,有些倒人胃口)
不過不知為何,我的blog貼紙一直無法進入,最後只好求救於GOOGLE大神,抓到原始碼來改。以下是個人修改的部分。

【參數設定】

語言:p_type=1,2, 英、繁、簡、日
標籤:tag=0,6,3,5,8,10,
本數:count=5自行設定要顯示的書數
最近匯入:recent=0
紅字0為隨機,1為固定
書名:title=0
副標:subtitle=0
作者:author=0
紅字0為不顯示,1為顯示
過程:progress=
影像大小:img=small
small(小)可以改成large(大)或square,但後面需另設定長寛width: 100px,height: 100px,數字100 請自行依欄位大小調整。

【書櫃語法】

<!-- Badge begins. The badge consists of two sections: style and HTML -->

<!-- This is the style section. If you want, you can move it to the header section or CSS -->

<style type="text/css">
/* ------[ For the whole badge ]------ */
#badge a:hover {}
#badge a:link {}
#badge a:active {}
#badge a:visited {}
#badge {padding: 10px 5px 10px 5px; width: 640px; border: 1px solid #cccccc;}

/* ------[ For each item in the badge ]------ */
#badge .item_cell {list-style: none; float:left ; text-align: center; padding: 5px; margin: 0px; width:125px}
#badge .cover {}
#badge .cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;}
#badge .title {text-indent: 0;padding: 0; margin: 0;}
#badge .subtitle {}
#badge .author {}

/* ------[ The bottom part ]------ */
#badge .link_cell {list-style: none; text-align: center; padding: 5px; margin: 0px; clear: both;}
#badge .link_cell dt {text-align: center; margin: 0px;}
#badge .link_cell dd a {font-size: 10px; font-family: Verdana;}
#badge .link_cell dd {text-align: center; margin: 0px;}
#badge .link_cell img {border: none;}
</style>

<!-- This is the HTML section of the badge -->
<div id="badge">
<script type="text/javascript" src="http://www.anobii.com/anobi/badge_generator.php?p=0141c5a4589f93dc6e&p_type=1,2&tag=&count=5&recent=1&progress=3&title=title&subtitle=0&author=0&img=small&link_to=1&az_site=&a_id="></script>
</div>
<!-- Badge ends --http://hahapoem.blogspot.tw/2009/03/anobii.html>

【書櫃橫排語法】

/* ------[ For the whole badge ]------ */
#badge a:hover {}
#badge a:link {}
#badge a:active {}
#badge a:visited {}
#badge {margin-top:10px; padding: 10px 5px 10px 5px; width: 600px; border: 1px solid #cccccc;}

/* ------[ For each item in the badge ]------ */
#badge .item_cell {list-style: none;float:left ; text-align: center; padding: 5px; margin: 0px; width:160px}
#badge .cover {}
#badge .cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;}
#badge .title {text-indent: 0;padding: 0; margin: 0;}
#badge .subtitle {}
#badge .author {}

相關網站

aNobii: http://www.anobii.com/

aNobii 建造你的網路書櫃,線上管理書籍資料/a>

把網路書櫃貼紙改成橫排

製作個人化的書櫃