在 Blogger 中添加置頂帖子小部件的步驟
第 1 步:打開 Blogger
打開 Blogger.com 並登錄到您的帳戶。 選擇您正在處理的博客並打開儀表板。
第 2 步:添加 HTML/Java Script Widget
進入 Blogger 儀表板後,您需要導航到“佈局”並單擊它。 您將看到博客的佈局。 然後單擊“添加小工具”並選擇博客文章頂部的 HTML/Java 腳本小工具。
第 3 步:複製代碼
//複製以下代碼並將其粘貼到您的小部件中.sticky { font-family: "Helvetica Neue", Arial, sans-serif;background:#e8f2fc;width:665px;height:100%;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;border: 2px solid #A5CEF6;}.sticky a { color: #004489; font-size:25px; text-decoration: none; font-weight:bold;}.sticky a:hover {color: #004489;text-decoration: none;} 摩博羅博: 適用於移動設備的多合一電腦管家我們在 Android 手機上使用了許多應用程序在PC上管理我們的手機.... 贏$1 現金贈品ATB 與 Bugscore 合作組織...
- 上面我使用 HTML 和 CSS 創建了一個簡單的代碼。 如果您擅長 CSS,那麼您可以繼續對上述代碼進行一些編輯,使其適合您的博客設計。
- 現在這將出現在您博客的所有頁面和帖子上。 如果您必須將其僅限於主頁,請按照以下步驟操作。
第 4 步:限製到主頁
轉到佈局,然後單擊小部件上的編輯按鈕以獲取小部件的 ID。
您會在 url widgetId= 的末尾註意到一些內容HTML3 這裡我的小部件 ID 是 HTML3,類似地,您的小部件將有一些 ID,複製它並按照以下步驟操作。
- 現在從 Blogger 儀表板轉到模板選項並蒐索您的小部件 ID 並找到它。
//使用If標籤更改代碼
- 您不會注意到上面代碼中第 4 行和第 9 行的 IF 標記。 只需將這兩個添加到示例中所示的完全相同的位置,然後保存模板。
現在您應該只在主頁上看到粘性帖子小部件,它會自動隱藏在其他頁面上。
定制:
- 如果您擅長 CSS 和 HTML,那麼您可以對置頂帖進行大量自定義。這裡我引用了一些簡單快速的編輯。
- 這裡我的博客寬度是 665px,如果您的博客寬度比這個小一點或比這個大一點,請更改它以完全適合您的博客寬度。
- 要更改背景顏色,只需更改背景:#e8f2fc
- 同樣,您也可以將邊框顏色從 #A5CEF6 更改為您選擇的顏色。
- 要更改鏈接顏色,您只需將 #004489 更改為您選擇的顏色即可。
- 然後將您選擇的帖子放置在 HTML 小部件中,只需替換粘性帖子小部件代碼中的標題和描述,這非常簡單直接。