close

如果你想跟朋友和網友分享你目前正在閱讀的書籍,在Pixnet上設定很簡單。

book2.jpg

 以下為Pixnet設定的step by step教學:


1. 在Pixnet管理後台/部落格/側邊欄位設定/版位暫存區/中選取〝新增版位〞,並將以下html文字貼入〝自訂欄位內容〞,自訂欄位標題隨你囉 (例如我是設定為〝美格子正在讀...〞)。

<a href="這裡貼上書籍網址" target="_blank"><img src="這裡貼上照片網址" width="150" height="168" border="0" alt="書名" title="書名"><br>書名</br></a>


2. 在網路書店找到你要介紹的書籍 (後面將以博客來書籍區內的新書〝罪行〞為例子),將書籍網址替代文字〝這裡貼上書籍網址〞

ex. <a href="這裡貼上書籍網址" target="_blank">變成<a href="http://www.books.com.tw/exep/prod/booksfile.php?item=0010509001" target="_blank">


3. 在書籍圖片按右鍵,選擇〝複製影像網址〞,將書籍圖片網址替代文字〝這裡貼上照片網址〞

ex. <img src="這裡貼上照片網址"變成<img src="http://im2.book.com.tw/exep/lib/image.php?image=http://addons.books.com.tw/G/001/1/0010509001.jpg&width=200&height=280&quality=80"


4. 將三個〝書名〞都改為〝罪行〞就OK了

 

5. 將此先增版位拉至側欄1中,調整版位順序後,儲存版面便可!


html 語法小百科:

  • <a href=" " target="blank">:a href='"A網址"指要連結到A網址, blank則代表會打開一個新視窗連結到A網址
  • width="150" height="168"是指圖片展示的區域,你可以做適度調整以符合你目前的頁面設計


arrow
arrow
    全站熱搜

    美格子 發表在 痞客邦 留言(0) 人氣()