2016年3月4日

Blogger 延伸閱讀 [小工具][文字版]

Blogger 延伸閱讀 [小工具][文字版]

Wayne Fu 0 A+
為了讓訪客看完文章不馬上離開,我們通常會在文末設計一個區塊,稱為 "延伸閱讀" 或 "您可能對這些文章有興趣" 等等,接著手動挑選、安插一些相關文章的連結。

手動複製這些連結自然是很麻煩,也是可安裝一些小工具來替我們做這件事。其實 WFU 已經寫過不少這一類的程式,而版本之多還可能讓讀者嚇一跳。

那麼為何還要再額外寫本篇的版本?究竟與其他版本的差異為何?請讀者先看以下各版本的功能比較,再決定安裝哪一個比較適合你的網站。



(圖片出處: lifeofpix.com)


一、各種延伸閱讀小工具


1. 系列文功能



2. 分頁功能



3. 相關文章 V2



4. 隨機文章



5. 相關文章 V3

  • 安裝網址:Blogger 相關文章 V3
  • 每篇文章手動設定的話,可指定標籤名稱,隨機抽選相關文章來顯示
  • 可手動設定,顯示多個不同的相關文章區塊
  • 若文章沒指定標籤名稱,會自動從該篇文章的標籤,隨機抽選相關文章來顯示
  • 文字版,不顯示縮圖
  • 可手動設定、也可不設定


6. 延伸閱讀

  • 此為本篇工具的版本
  • 等於是「相關文章 V2」,去掉縮圖的版本(也就是文字版)
  • 不需每篇文章手動設定


7. 系列文 + 相關文章 V3

  • 結合「系列文」與「相關文章 V3」
  • 可自行根據文章性質,設定為顯示「系列文」、或顯示「相關文章」
  • 此為未公開、自用的版本



二、準備動作


請到後台「範本」→「編輯 HTML」,游標點進範本區塊,再搜尋 </head> 這個字串,找到後在此字串的前一行,插入以下程式碼:

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
/* 延伸閱讀 */
.extPost { /* 整個區塊 */
margin: 20px 0;
font-size: 14px;
}
a.extPost_caption { /* 標題文字 */
text-decoration: none;
font-weight: bold;
color: #666;
}
</style>

第一行綠色字串可參考「引用 jQuery 的注意事項」,檢查範本是否已安裝過 jQuery,如果已經安裝過請刪除此行,以免重複安裝。

其餘的部分,如果對 CSS 熟悉可自行修改參數。



三、安裝程式碼


接著請搜尋 </body> 這個字串,找到後在此字串的前一行,插入以下程式碼:

  1. <!-- 延伸閱讀 start -->
  2. <b:if cond='data:blog.pageType == "item"'>
  3. <script>
  4. //<![CDATA[
  5. var extPost = {
  6. show: 5, // 延伸閱讀的數量
  7. caption: "延伸閱讀 :", // 大標題字樣
  8. location: ".post-body", // 延伸閱讀出現位置
  9. //]]>
  10. postUrl: "<data:blog.canonicalUrl/>"
  11. };
  12. //<![CDATA[
  13. var _0x295d=["\x32\x2E\x39\x3D\x5B\x5D\x3B\x32\x2E\x71\x3D\x5B\x5D\x3B\x32\x2E\x37\x3D\x5B\x5D\x3B\x32\x2E\x72\x3D\x30\x3B\x32\x2E\x73\x3D\x30\x3B\x32\x2E\x70\x3D\x5B\x5D\x3B\x32\x2E\x4F\x3D\x22\x4E\x22\x3B\x32\x2E\x50\x3D\x33\x28\x29\x7B\x36\x20\x66\x3D\x32\x2E\x39\x2C\x64\x3D\x66\x2E\x34\x2C\x62\x3D\x32\x2E\x7A\x2B\x31\x2C\x63\x3D\x30\x2C\x67\x3B\x32\x2E\x71\x3D\x5B\x5D\x3B\x32\x2E\x37\x3D\x5B\x5D\x3B\x32\x2E\x70\x3D\x5B\x5D\x3B\x38\x28\x67\x3D\x30\x3B\x67\x3C\x64\x3B\x67\x2B\x2B\x29\x7B\x63\x2B\x3D\x31\x65\x28\x66\x5B\x67\x5D\x2E\x41\x29\x7D\x32\x2E\x72\x3D\x63\x3B\x38\x28\x67\x3D\x30\x3B\x67\x3C\x62\x3B\x67\x2B\x2B\x29\x7B\x61\x28\x29\x7D\x33\x20\x61\x28\x29\x7B\x36\x20\x69\x3D\x32\x2E\x72\x2C\x6A\x3D\x51\x2E\x31\x66\x28\x51\x2E\x31\x67\x28\x29\x2A\x69\x29\x3B\x35\x28\x32\x2E\x70\x2E\x34\x3D\x3D\x69\x29\x7B\x42\x7D\x35\x28\x32\x2E\x70\x2E\x52\x28\x6A\x29\x3C\x30\x29\x7B\x32\x2E\x70\x2E\x43\x28\x6A\x29\x3B\x65\x28\x6A\x29\x7D\x75\x7B\x61\x28\x29\x7D\x7D\x33\x20\x65\x28\x6B\x29\x7B\x36\x20\x6A\x2C\x6D\x2C\x6C\x3B\x38\x28\x6A\x3D\x30\x3B\x6A\x3C\x64\x3B\x6A\x2B\x2B\x29\x7B\x6D\x3D\x6B\x2D\x66\x5B\x6A\x5D\x2E\x41\x3B\x35\x28\x6D\x3E\x30\x29\x7B\x6B\x3D\x6D\x3B\x31\x68\x7D\x75\x7B\x6C\x3D\x22\x2F\x53\x2F\x54\x2F\x44\x2F\x2D\x2F\x22\x2B\x66\x5B\x6A\x5D\x2E\x45\x2B\x22\x3F\x31\x69\x2D\x31\x6A\x3D\x22\x2B\x6B\x2B\x22\x26\x55\x2D\x56\x3D\x31\x26\x46\x3D\x47\x2D\x48\x2D\x49\x26\x4A\x3D\x3F\x22\x3B\x24\x2E\x4B\x28\x6C\x2C\x33\x28\x69\x29\x7B\x68\x28\x69\x29\x7D\x29\x3B\x57\x7D\x7D\x7D\x33\x20\x68\x28\x6D\x29\x7B\x36\x20\x6F\x3D\x6D\x2E\x58\x2E\x5A\x5B\x30\x5D\x2C\x6A\x3D\x6F\x2E\x76\x2E\x34\x2C\x6B\x2C\x6E\x3B\x38\x28\x6B\x3D\x30\x3B\x6B\x3C\x6A\x3B\x6B\x2B\x2B\x29\x7B\x35\x28\x6F\x2E\x76\x5B\x6B\x5D\x2E\x31\x30\x3D\x3D\x22\x31\x6B\x22\x29\x7B\x6E\x3D\x6F\x2E\x76\x5B\x6B\x5D\x2E\x77\x3B\x57\x7D\x7D\x35\x28\x32\x2E\x31\x6C\x21\x3D\x6E\x26\x26\x32\x2E\x37\x2E\x52\x28\x6E\x29\x3C\x30\x29\x7B\x35\x28\x32\x2E\x37\x2E\x34\x3D\x3D\x32\x2E\x7A\x29\x7B\x32\x2E\x4F\x3D\x22\x59\x22\x3B\x32\x2E\x4C\x28\x29\x3B\x42\x20\x31\x31\x7D\x35\x28\x32\x2E\x37\x2E\x34\x3C\x32\x2E\x7A\x29\x7B\x32\x2E\x37\x2E\x43\x28\x6E\x29\x3B\x32\x2E\x71\x2E\x43\x28\x6F\x2E\x4D\x2E\x24\x74\x29\x7D\x7D\x75\x7B\x61\x28\x29\x7D\x35\x28\x32\x2E\x70\x2E\x34\x3D\x3D\x32\x2E\x72\x29\x7B\x32\x2E\x4C\x28\x29\x3B\x42\x20\x31\x31\x7D\x7D\x7D\x3B\x32\x2E\x4C\x3D\x33\x28\x29\x7B\x36\x20\x61\x3D\x32\x2E\x37\x2E\x34\x2C\x65\x3D\x22\x3C\x61\x20\x78\x3D\x27\x31\x6D\x27\x20\x77\x3D\x27\x31\x6E\x3A\x2F\x2F\x31\x6F\x2E\x31\x70\x2E\x31\x71\x2F\x31\x72\x2F\x31\x73\x2F\x31\x74\x2D\x31\x75\x2D\x79\x2D\x31\x76\x2D\x31\x77\x2E\x31\x32\x27\x20\x31\x33\x3D\x27\x31\x34\x27\x20\x4D\x3D\x27\x31\x78\x20\u5EF6\u4F38\u95B1\u8B80\x5C\x6E\u7A0B\u5F0F\u8A2D\u8A08\uFF1A\x31\x79\x20\x31\x7A\x27\x3E\x22\x2B\x32\x2E\x31\x41\x2B\x22\x3C\x2F\x61\x3E\x22\x2C\x64\x3D\x22\x22\x2C\x66\x2C\x63\x3B\x64\x2B\x3D\x22\x3C\x31\x35\x20\x78\x3D\x27\x32\x27\x3E\x22\x2B\x65\x2B\x22\x3C\x31\x36\x3E\x22\x3B\x38\x28\x63\x3D\x30\x3B\x63\x3C\x61\x3B\x63\x2B\x2B\x29\x7B\x64\x2B\x3D\x22\x3C\x31\x37\x3E\x22\x3B\x66\x3D\x32\x2E\x71\x5B\x63\x5D\x3B\x64\x2B\x3D\x22\x3C\x61\x20\x78\x3D\x27\x31\x42\x27\x20\x4D\x3D\x27\x22\x2B\x66\x2B\x22\x27\x20\x77\x3D\x27\x22\x2B\x32\x2E\x37\x5B\x63\x5D\x2B\x22\x27\x20\x31\x33\x3D\x27\x31\x34\x27\x3E\x22\x3B\x64\x2B\x3D\x22\x3C\x31\x38\x20\x78\x3D\x27\x31\x43\x27\x20\x3E\x22\x2B\x66\x2B\x22\x3C\x2F\x31\x38\x3E\x22\x3B\x64\x2B\x3D\x22\x3C\x2F\x61\x3E\x3C\x2F\x31\x37\x3E\x22\x7D\x64\x2B\x3D\x22\x3C\x2F\x31\x36\x3E\x3C\x2F\x31\x35\x3E\x22\x3B\x36\x20\x62\x3D\x24\x28\x22\x2E\x32\x22\x29\x3B\x35\x28\x62\x2E\x34\x29\x7B\x62\x2E\x31\x32\x28\x64\x29\x7D\x75\x7B\x24\x28\x32\x2E\x31\x44\x29\x2E\x31\x45\x28\x64\x29\x7D\x7D\x3B\x32\x2E\x31\x39\x3D\x33\x28\x29\x7B\x36\x20\x63\x3D\x32\x2E\x39\x2C\x62\x3D\x63\x2E\x34\x2C\x65\x3D\x22\x26\x55\x2D\x56\x3D\x30\x22\x2C\x64\x2C\x61\x3B\x38\x28\x64\x3D\x30\x3B\x64\x3C\x62\x3B\x64\x2B\x2B\x29\x7B\x61\x3D\x22\x2F\x53\x2F\x54\x2F\x44\x2F\x2D\x2F\x22\x2B\x63\x5B\x64\x5D\x2E\x45\x2B\x22\x3F\x46\x3D\x47\x2D\x48\x2D\x49\x26\x4A\x3D\x3F\x22\x2B\x65\x3B\x28\x33\x28\x66\x29\x7B\x24\x2E\x4B\x28\x61\x2C\x33\x28\x67\x29\x7B\x32\x2E\x31\x61\x28\x66\x2C\x67\x29\x7D\x29\x7D\x29\x28\x64\x29\x7D\x7D\x3B\x32\x2E\x31\x61\x3D\x33\x28\x61\x2C\x62\x29\x7B\x32\x2E\x39\x5B\x61\x5D\x2E\x41\x3D\x62\x2E\x58\x2E\x31\x46\x24\x31\x47\x2E\x24\x74\x3B\x32\x2E\x73\x2B\x2B\x3B\x35\x28\x32\x2E\x73\x3D\x3D\x32\x2E\x39\x2E\x34\x29\x7B\x32\x2E\x73\x3D\x30\x3B\x32\x2E\x50\x28\x29\x7D\x7D\x3B\x28\x33\x28\x29\x7B\x36\x20\x62\x3D\x24\x28\x22\x76\x5B\x31\x30\x3D\x27\x31\x48\x2E\x79\x27\x5D\x22\x29\x2E\x31\x62\x28\x22\x77\x22\x29\x2E\x31\x63\x28\x22\x31\x49\x22\x2C\x22\x44\x22\x29\x2C\x63\x3D\x24\x28\x22\x2E\x79\x2D\x31\x64\x22\x29\x2E\x31\x62\x28\x22\x31\x4A\x22\x29\x2E\x31\x63\x28\x22\x79\x2D\x31\x64\x2D\x22\x2C\x22\x22\x29\x2C\x61\x3D\x62\x2B\x22\x2F\x22\x2B\x63\x2B\x22\x3F\x46\x3D\x47\x2D\x48\x2D\x49\x26\x4A\x3D\x3F\x22\x3B\x24\x2E\x4B\x28\x61\x2C\x33\x28\x67\x29\x7B\x36\x20\x68\x3D\x67\x2E\x5A\x2E\x31\x4B\x2C\x64\x3D\x68\x2E\x34\x2C\x65\x3D\x5B\x5D\x2C\x66\x3B\x38\x28\x66\x3D\x30\x3B\x66\x3C\x64\x3B\x66\x2B\x2B\x29\x7B\x65\x5B\x66\x5D\x3D\x7B\x7D\x3B\x65\x5B\x66\x5D\x2E\x45\x3D\x68\x5B\x66\x5D\x2E\x31\x4C\x7D\x32\x2E\x39\x3D\x65\x3B\x32\x2E\x31\x39\x28\x29\x7D\x29\x7D\x29\x28\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x65\x78\x74\x50\x6F\x73\x74\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x69\x66\x7C\x76\x61\x72\x7C\x75\x72\x6C\x53\x65\x74\x7C\x66\x6F\x72\x7C\x6C\x61\x62\x65\x6C\x53\x65\x74\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x64\x72\x61\x77\x43\x68\x65\x63\x6B\x7C\x74\x69\x74\x6C\x65\x53\x65\x74\x7C\x74\x6F\x74\x61\x6C\x50\x6F\x73\x74\x7C\x63\x68\x65\x63\x6B\x7C\x7C\x65\x6C\x73\x65\x7C\x6C\x69\x6E\x6B\x7C\x68\x72\x65\x66\x7C\x63\x6C\x61\x73\x73\x7C\x70\x6F\x73\x74\x7C\x73\x68\x6F\x77\x7C\x70\x6F\x73\x74\x4E\x75\x6D\x7C\x72\x65\x74\x75\x72\x6E\x7C\x70\x75\x73\x68\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x6E\x61\x6D\x65\x7C\x61\x6C\x74\x7C\x6A\x73\x6F\x6E\x7C\x69\x6E\x7C\x73\x63\x72\x69\x70\x74\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x67\x65\x74\x4A\x53\x4F\x4E\x7C\x73\x68\x6F\x77\x50\x6F\x73\x74\x7C\x74\x69\x74\x6C\x65\x7C\x7C\x69\x6E\x66\x6F\x7C\x70\x6F\x73\x74\x43\x6F\x6C\x6C\x65\x63\x74\x7C\x4D\x61\x74\x68\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x66\x65\x65\x64\x73\x7C\x70\x6F\x73\x74\x73\x7C\x6D\x61\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x62\x72\x65\x61\x6B\x7C\x66\x65\x65\x64\x7C\x7C\x65\x6E\x74\x72\x79\x7C\x72\x65\x6C\x7C\x66\x61\x6C\x73\x65\x7C\x68\x74\x6D\x6C\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x64\x69\x76\x7C\x75\x6C\x7C\x6C\x69\x7C\x73\x70\x61\x6E\x7C\x69\x6E\x69\x74\x7C\x77\x61\x69\x74\x46\x65\x65\x64\x7C\x61\x74\x74\x72\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x62\x6F\x64\x79\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x65\x69\x6C\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x63\x6F\x6E\x74\x69\x6E\x75\x65\x7C\x73\x74\x61\x72\x74\x7C\x69\x6E\x64\x65\x78\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x70\x6F\x73\x74\x55\x72\x6C\x7C\x65\x78\x74\x50\x6F\x73\x74\x5F\x63\x61\x70\x74\x69\x6F\x6E\x7C\x68\x74\x74\x70\x7C\x77\x77\x77\x7C\x77\x66\x75\x62\x6C\x6F\x67\x7C\x63\x6F\x6D\x7C\x32\x30\x31\x36\x7C\x30\x33\x7C\x62\x6C\x6F\x67\x67\x65\x72\x7C\x72\x65\x6C\x61\x74\x65\x64\x7C\x74\x65\x78\x74\x7C\x76\x65\x72\x73\x69\x6F\x6E\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x57\x46\x55\x7C\x42\x4C\x4F\x47\x7C\x63\x61\x70\x74\x69\x6F\x6E\x7C\x65\x78\x74\x50\x6F\x73\x74\x5F\x70\x6F\x73\x74\x7C\x65\x78\x74\x50\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x61\x70\x70\x65\x6E\x64\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x73\x65\x72\x76\x69\x63\x65\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x69\x64\x7C\x63\x61\x74\x65\x67\x6F\x72\x79\x7C\x74\x65\x72\x6D","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0xd904x1,_0xd904x2,_0xd904x3,_0xd904x4,_0xd904x5,_0xd904x6){_0xd904x5= function(_0xd904x3){return (_0xd904x3< _0xd904x2?_0x295d[4]:_0xd904x5(parseInt(_0xd904x3/ _0xd904x2)))+ ((_0xd904x3= _0xd904x3% _0xd904x2)> 35?String[_0x295d[5]](_0xd904x3+ 29):_0xd904x3.toString(36))};if(!_0x295d[4][_0x295d[6]](/^/,String)){while(_0xd904x3--){_0xd904x6[_0xd904x5(_0xd904x3)]= _0xd904x4[_0xd904x3]|| _0xd904x5(_0xd904x3)};_0xd904x4= [function(_0xd904x5){return _0xd904x6[_0xd904x5]}];_0xd904x5= function(){return _0x295d[7]};_0xd904x3= 1};while(_0xd904x3--){if(_0xd904x4[_0xd904x3]){_0xd904x1= _0xd904x1[_0x295d[6]]( new RegExp(_0x295d[8]+ _0xd904x5(_0xd904x3)+ _0x295d[8],_0x295d[9]),_0xd904x4[_0xd904x3])}};return _0xd904x1}(_0x295d[0],62,110,_0x295d[3][_0x295d[2]](_0x295d[1]),0,{}))
  14. //]]>
  15. </script>
  16. </b:if>
  17. <!-- 延伸閱讀 end, designed by WFU BLOG-->

以下參數修改請參照以上程式碼行號:

F:紅色參數為顯示延伸閱讀的數量(例如設為 4 代表最多顯示 4 篇,但若該篇文章的標籤,沒有足夠的相關文章,則不一定能顯示到 4 篇)

G:藍色字串為延伸閱讀工具的標題文字

H:如果希望這個小工具出現在文末的話,那麼不必變動此藍字參數;如果是非官方範本、或想擺放在自訂位置,請更改本行參數──
  • 如果要填入區塊的 id,請填入 "#" + id 名稱,例如 "#related-post"。
  • 如果要填入區塊的 class,請填入 "." + class 名稱,例如 ".related-post"。

存檔後即可,想要先看效果可前往範例網頁:




四、常見 FAQ


日後若有常見問題,會持續補充在此。

Q1: 延伸閱讀的相關文章,有時候會顯示不出來,有時候可以,不知道可能是哪裡有問題呢?

Ans: 有幾種可能:
  • 該篇文章的標籤沒有其他文章,就無法產生相關文章。
  • 請檢查 JS 檔是否有分流;若確定 JS 檔沒問題,可能是伺服器暫時有問題。
  • 除了「官方文件」註明標籤名稱不得使用的字元 &<>@!+, 之外,也請不要使用 "#" 這個字元,相關文章就能正常顯示了。


更多實用工具:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

12 則留言:

  1. 感謝分享!帶走了您的程式碼。^^

    回覆刪除
  2. 一開始忘記改第N行程式碼,又來照著說明中的兩篇連結文章一步步執行,就成功了!感謝分享!!

    回覆刪除
  3. 您好,謝謝分享這些語法,我安裝後有成功顯示,但是發現有的文章會重複出現延伸閱讀區塊,有的正常。
    因為檢查不出原因,所以想請教您,有空的話可以麻煩看看嗎?謝謝~

    https://lh3.googleusercontent.com/-czL4HHq4eWc/Ww9j2l_fSZI/AAAAAAAAXHc/eZXpSpj-uwIUIb712Vrg-a5Q-TOg5w0JQCHMYCw/%25E9%2587%258D%25E8%25A4%2587%25E5%25BB%25B6%25E4%25BC%25B8%25E9%2596%25B1%25E8%25AE%2580.png
    重複顯示延伸閱讀如上圖,舉例網址:https://travellerko.blogspot.com/2018/04/xoorun-light-for-you.html
    正常的文章網址舉例:https://travellerko.blogspot.com/2018/05/practice-to-be-positive.html

    回覆刪除
  4. 您好,先非常感謝提供這個方便的工具,我裝上之後,大部分正常顯示,但某些特定tag的文章出現重覆
    延伸閱讀的狀況(有時候多加一個其他tag就恢復), 網址:https://finance.ffaarr.com.tw/2019/08/China-A-Share-Inclusion.html
    https://drive.google.com/file/d/1NnT4q4QDPot4v69w9h2pEx6KpHamz2_q/view?usp=drivesdk 謝謝。

    回覆刪除
    回覆
    1. 非常感謝說明,但剛才發現像這個只用一個標籤的文章也出現類似狀況了。謝謝。https://finance.ffaarr.com.tw/2019/09/hongkong-London-exchange-merge.html

      刪除
    2. 您好,感謝回覆,我理解執行了5次是錯誤所在,但無法查出為什麼有的文章會自動執行5次,有的文章是正常的。(所以也不太知道應該怎麼修正)抱歉對程式碼不夠熟悉,可能問了不太專業的問題。

      刪除
    3. 非常感謝您特地作了更新,目前已經都正常顯示了。再次感謝作了這麼方便的工具。

      刪除
  5. 您好,很感謝您的分享!
    但是我依照指示試了之後文章都沒有出現,希望您能幫我看看問題在哪裡,謝謝!
    HTML截圖:
    https://drive.google.com/file/d/1pW-PRfkAoRm-K_7NtiQVOr8fUZMQFmI4/view?usp=sharing
    https://drive.google.com/file/d/1gyIdGBvr304SkHyDxwjJ1jGJkubro2I-/view?usp=sharing

    部落格網址:
    https://jhe116.blogspot.com/

    再次感謝!

    回覆刪除
  6. 回覆
    1. 感謝站長ww 透過自己的研究... 終於弄好了

      刪除
  7. 文章下方的:YOU MIGHT ALSO LIKE 類似延申閱讀功能,是圖片標示的,要如何移除?

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP