關鍵應用
免費資源
系統應用
系統優化
系統檢測
系統清理
影像繪圖
上網衝浪
網路應用
上傳下載
免費字型
網頁製作
圖片素材
即時通訊
音效素材
資訊安全
影音視聽
視窗桌面
郵件收發
燒錄映像
生活應用
文書編輯
啟動破解
螢幕工具
檔案管理
圖示工具
救援工具
檔案備份
記事便條
批次更名
伺服應用
密碼管理
教育學習
未分類
操作技巧
Windows 7
Windows 8、8.1
Windows 10
Windows 11
手機、移動設備
系統應用
即時通訊
教育學習
生活應用
書籍閱讀
圖片編輯
遊戲
文章開放連結服務
文章開放連結
程式碼產生工具
訂閱服務
電子郵件信箱
Google 新聞
FaceBook
Telegram
Rss
line
☰
✖
Menu
文章開放連結服務
程式碼產生工具
意見反饋
產生內嵌連結程式碼
文章來源:
61 最新文章
62 自選文章
選擇版面:
21 文字連結(直式)
22 圖文連結(直式)
23 圖文連結(橫式)
字體大小:
13
14
15
16
17
18
px
文章筆數:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
輸入文章編號(最多6筆):
如何取得文章編號?
無此文章
無此文章
無此文章
無此文章
無此文章
無此文章
JavaScript:
步驟1:
請將下列程式碼複製後貼到 HTML head 標籤之間
複製
步驟2:
請將下列程式碼,置於要顯示資料的位置
複製
範例:
<!DOCTYPE html> <html> <head> ..... (步驟1的程式碼放在這裡) ..... </head> <body> ..... (步驟2的程式碼放在這裡) (也可以將步驟1及步驟2的程式碼一起放在這裡) ..... </body> </html>
IFrame:
請將下列程式碼,置於要顯示資料的位置
複製
範例:
<!DOCTYPE html> <html> <head> ..... ..... ..... </head> <body> ..... (將 IFrame程式碼放在這裡) ..... </body> </html>
程式碼內屬性說明:
程式碼屬性
屬性說明
data-source
代表意義
:資料來源
資料型態
:數值
數值範圍
:61 - 最新文章,62 - 自選文章
預設值
: 61
data-count
代表意義
:資料筆數
資料型態
:數值
數值範圍
:1 ~ 15,自選文章 1 ~ 6
預設值
: 6
data-fontsize
代表意義
:字體大小
資料型態
:數值
數值範圍
:13 ~ 18,單位為 px
預設值
: 14
data-style
代表意義
:呈現版面
資料型態
:數值
數值範圍
:21 - 文字連結(直式),22 - 圖文並茂(直式), 23 - 圖文並茂(橫式)
預設值
: 21
height
由於 IFrame 無法自動適應 height 屬性,故可適時修正該值,Javascript 程式碼內無該屬性。
注意事項:
請根據網站或網頁支援條件,選擇 JavaScript 或 IFrame 程式碼。
同一頁面可以使用不同的版面樣式。
同一頁面如果使用 JavaScript 程式碼,則 <script></script>只需一次即可。
JavaScript 程式碼會自動適應顯示位置的寬度及高度。
使用 IFrame 程式碼,有可能會發生高度底部過剩或不足的情形,可以適時的修正。
如果使用在「痞客邦部落格」平台,請用 IFrame 程式碼。
實際應用,可參閱
Google Blogger(Javascript)
|
痞客邦部落格(iframe)
|
隨意窩 Xuite(Javascript)