January 15,2005

#樂多Blog自由欄位的運用:如何在sidebar推薦好書!

很多bloggers都喜歡在自己的bog之中放入喜歡的書在sidebar來推薦,一方面藉由推薦好書來達到知識交流的目的,另一方面也讓來讀blog的網友們,大概了解一下這位blogger的閱讀習慣、興趣所在,說不定最近正好也在看同一本書,或是經由blogger的推薦愛上另一個領域的書籍或作家,那麼話匣子一開,又交到一位氣味相投的好友,人生樂事,不就是遇知己知心而已!

 

這篇簡單的教學給初入門blog的網友參考,非常簡單,可以讓您的blog出現一本書的封面圖像及連結到該書的書介網頁,這些都只是一些html語法的組合,是依樂多blog的架構來寫,還望大家不吝賜教!當然,若是您的好書推薦只需打書名及書介的網頁link,那就到新增書籤那邊直接加入即可,本篇文章可跳過!

 

在進入樂多Blog管理介面之前,先登入國內外各大網路書店:博客來誠品金石堂三民AmazonBarnes&Noble,找到一本你要在最近放在blog的sidebar推薦的書藉,我以誠品目前推薦的Motorcycle Diaries of Che Guevara 為例,


 

1.找到了這本書的網頁之後,先做兩件事,記下網頁link書封面圖檔的位置

網頁link很簡單,就是在網址列的那串 http://www.eslitebooks.com/cgi-bin/eslite.dll/search/book/book.jsp?idx=1&pageNo=1&PRODUCT_ID=2910440256005

書封面圖檔的位置也很簡單,在圖片上按右鍵選擇"內容",就會看到該圖片的網址URL,(若是FireFox或其它瀏覽器,則可按右鍵選擇"屬性""複製圖片網址")

總之,以我要推薦的這本書為例,我會得到一個副檔名為.jpg的圖檔link,http://www.eslitebooks.com/EsliteBooks/book/picture/M/2910440256005m.jpg

(若覺得網址太長的,可把原始長網址貼至http://tinyurl.com 產生短網址; 若是直接將該圖示download下來之後再上傳到自己樂多blog的上傳空間內,則圖片網址就用"檔案標題"內該圖檔的URL連結網址也可。如下圖為上傳完成的圖檔列表,按下該"檔案標題"會有圖檔的URL,複製下來即可)

 

 

2.接著, 在會員登入狀態進入樂多Blog管理介面,在"新增插入欄位"內追加一個"自由欄位",將下面這串語法貼上

<a>Motorcycle Diaries of Che Guevara</a><br>
<a href="上面記下的書介網頁link的URL"><img width="96" heigh="146" src="圖檔位置的URL">
<br>
<a href="資料來源網址">圖片轉自誠品網路書店</a>
(請記得將引號改為半形)

第一行為書名,可加可不加,若不需加書名則該行可直接刪除,
第一串URL為書介的網頁link,第二串URL為書封面圖檔的位置
width為圖片在sidebar顯示出來的寬度,heigh為高度,
最後一行為宣告該圖片版權來自誠品網路書店(若無版權問題則可省略整行),並且加上URL連結

3.上述設定完成之後,再進入"設定插入欄位",命名這個書介推薦的欄位,比方說"本週好書推薦",再設下希望此欄位出現在sidebar的順序,即完成所有設定,blog頁面重新產生即可看看效果。

 

其實,知道這個技巧之後,可應用在各種方面,只要有個link的目標,有個圖檔的位置(自己上傳到樂多blog裡也可以喔),樂多blog的自由欄位可以讓你的blog千變萬化!


Posted by sunjoe at 樂多Roodo! │04:17 │回應(32)引用(6)Blog-Skill
樂多分類:生活 共同主題:12345 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/5225
引用列表:
#樂多Blog自由欄位的運用:如何在sidebar推薦好書! 很多bloggers都喜歡在自己的bog之中放入喜歡的書在sidebar來推薦,一方面藉由推薦好書來達到知識交流的目的,另一方面也讓來讀blog的網友們,
樂多Blog自由欄位的運用:如何在sidebar推薦好書!【Lonely Planet】 at January 21,2005 00:11
可惜都是課外書XD\r\n\r\n在邊邊放上好書推薦的文章\r\n\r\n請參考sunjoe大大的教學XD
小喵愛看書~【喵喵的黑貓部屋】 at July 1,2005 11:32
可以從我的Blog左方看到最近閱讀嗎?打算將最近看的書都用Sidebar介紹給大家,有看的可以一起討論啊!
~樂多~如何在sidebar推薦好書!【Shania - Impossible is Nothing】 at July 16,2005 16:29
感謝你唷!我對語法很不熟,但因為你這篇教學文,才讓我的想法得以實現,真的感謝你無私的奉獻。
終於學會在邊欄加上音樂介紹【企鵝男孩的童話書】 at August 24,2005 01:55
http://www.eslitebooks.com/EsliteBooks/book/picture/M/2910440256005m.jpg
test【史圖亞特X燿武揚威】 at August 26,2007 10:48
Ptsd and meridia. Meridia.
Meridia reviews.【Meridia.】 at September 1,2007 16:41
回應文章
感謝整理!
BTW,看到那個阿輝打包版Firefox
想必您也是PIL的成員吧XD
Posted by doobop at January 16,2005 21:26
PIL最近剛加入~裡面好文章不少!
會來挑些精選的放到自己的blog裡面!
Posted by Joseph at January 17,2005 02:16
請問java script欄位如何使用呢

主程式要寫那兒呢 連結網址又是指什麼

新手七七發問
Posted by hosuewang at January 18,2005 17:28
請問java script欄位如何使用呢

主程式要寫那兒呢 連結網址又是指什麼

新手七七發問
Posted by hosuewang at January 18,2005 17:29
Hi~
java script怎麼用,這個我還沒有什麼研究,你可能要再問高手囉!
至於”連結網址”,就是你希望在blog旁邊出現的網站link~可以是你的好友~或是推薦的網站!
不知道這樣有解答你的疑問嗎?
Posted by Joseph at January 19,2005 03:26
Joe大大,
您在上面打的HTML好像怪怪的…
我更新如下:

sorry圖片大小和文字大小的HTML我不會寫 :p
Posted by Yizie at February 5,2005 01:13
感謝!有些語法直接轉換成網頁內容呈現了~所以整個亂掉
我將引號全改為全形就好了!太感謝了~
Posted by Joseph at February 5,2005 01:39
不知道我是不是亂改sidebar所以它整個跑到所有posts的下面去了...該怎麼解救才對呢?
拜託幫幫忙
我的blog是http://blog.roodo.com/pintolivros
感謝感謝!!!
Posted by Anson at March 29,2005 00:20
Hi~Anson~我看了一下你的版面,在FireFox顯示是正常的!IE才會邊欄掉下去!應該是支援css語法差異造成的!
參考一下換banner這篇,補充部份有提到#container、#link、#content三個標籤可以改width值,調調看應該是某個部分的內文寬度超出設定值,把邊欄擠掉了!不然就用排除法,就是一篇篇文章依次改為草稿模式,看是哪一篇不出現在版面上就會恢復正常則問題就是那篇,可能是圖片太大or有超連結沒有斷行,或是把自訂欄位一個個刪掉,也可以找出問題!
Posted by Joe at March 29,2005 01:39
很棒的教學喔!!
感謝分享

順便把你的BLOG加入連結^^
Posted by 頹廢...All alone at May 25,2005 20:48
HI~rainlay~歡迎妳來逛喔!多多blogging吧!也要多多拉朋友來blogging喔~
有什麼問題歡迎來聊聊討論一下,祝blog愉快!
Posted by Joe at May 26,2005 17:59
請問JOE
是否知道如何在樂多網誌文章上方與BANNER的中間插入小工具
如較大的圖片或是小程式
(因為我要插入的東西太寬,無法放在sidebar)
Posted by Cassidy at June 10,2005 11:03
hi~cassidy~
我不確定你要的效果如何!
可以嘗試看看在description(網誌說明)的位置用一些語法試看看
然後再調整description在樣式css設定中的margin來控制位置~
我所能想到最簡單的方法就是這樣囉!
Posted by Joe at June 10,2005 11:31
引用了你的文章,前來表達謝意。
如果不能引用你的教學的話,請告訴我,我會改掉的。謝謝!
Posted by shansia at July 16,2005 16:31
呵~寫出來就是要讓大家學習並且快樂blogging的啦!!註明出處歡迎多多宣傳^_^
Posted by Joe at July 16,2005 16:39
你好Joe
我想請問你...為何我要更換我的部落格底圖無法變更
我上傳好自己要用的圖檔...然後到"個人化設定"將自己圖檔的網址貼上
但是...重點是我找不到儲存設定的按鈕。
Posted by Joe at July 26,2005 15:28
在custom改好背景圖的位置之後按下儲存設定
然後選取"個人化設定"再按下"樣式變更"就可以啦!
Posted by Joe at July 26,2005 15:40
感謝你的奉獻.讓我實現想法,真的感謝。
Posted by KEN at October 21,2005 21:36
很實用喔! 我可以給個建議嗎? 再多加一個target="_blank"
這樣人家不會離開自己的部落又可以去看書~
Posted by 小蕃茄 at January 5,2006 13:55
请问怎么在日志里面添加音乐播放栏阿
Posted by 新手点点 at February 26,2006 22:15
你好
有個有關blog的問題想求救
因為我的首頁中,原本在左邊行事曆以降的東西,都跳到下面了
想請問應該如何改回原位置(左邊)呢?
謝謝!!!!
Posted by jadenew at March 31,2006 11:13
你好﹐

我是blog 新手﹐我想加入音樂背景﹐ 也想有個sidebar 記錄多少訪客﹐請問我應該怎麼做?
請send 到我的email
拜託﹐ 謝謝!
Posted by 薰 at April 9,2006 05:26
Hi Joe, 謝謝你的教學!讓我得以靠這個語法,完成想要網頁連結之設定!3Q
Posted by 懶惰蟲 at April 24,2006 17:57
我想問如何加入人數統計呢??
thx
Posted by abbycoffee at June 26,2006 17:40
你好﹐

我是blog 新手﹐我想加入音樂背景﹐ 也想有個sidebar 記錄多少訪客﹐請問我應該怎麼做?
還有自由欄位的標題為什麼無法更改?
請send 到我的email
拜託﹐ 謝謝!
Posted by veromagic at August 11,2006 15:49
抱歉我想請問幾個問題 麻煩你囉
1.請問樂多要用java才可以編輯好玩的東西 比如說音樂啦 之類的
2.所謂的語法 到底是要打在哪阿 發文內容裡面嗎
3.想在網誌上加入音樂 請問要怎麼做呢?

痲煩你囉~謝謝
Posted by Joyce at August 22,2006 21:58
為什麼我打的語法全整個呈現在網頁上..T_T..
怎麼會這樣..@_@..
Posted by 晴天娃娃 at August 22,2006 22:20
感謝您的分享~這樣可以讓BLOG看起來更豐富~
Posted by KeeghanWu at January 11,2007 23:49
請問要如何在Blogger中加入希臘文字型。因為常需鍵入希臘文字型,或是當我從其他檔案中複製希臘文文件到我的部落格時,希臘文就變成了英文對應字,都變了樣。請協助,謝謝!
Posted by David at February 17,2007 12:45
感謝您的分享。
請問為什麼每次加入這個語法,下一個欄位和標題也會跟著加入超連結呢?
不知道如何才能去掉超連結?麻煩您,謝謝。
Posted by 柔柔 at May 5,2007 05:25
兩年前的文章現在還是很實用…
在還沒找到更好用的前(喂)
謝謝教學嘍~
Posted by 幻喵 at August 19,2007 23:12
http://waqrseqfrsegq.host.com
desk3
[url=http://waqsseqfrsegq.host.com]desk4[/url]
[link=http://waqaseqfrsegq.host.com]desk6[/link]
Posted by Brianlje at December 22,2007 03:49