2019 年 3 月 22 日

如何在主頁上的 Blogger 中以及在 Blogger 中的第一篇帖子之後添加置頂帖子

在 Blogger 中添加置頂帖子小部件的步驟

第 1 步:打開 Blogger

打開 Blogger.com 並登錄到您的帳戶。 選擇您正在處理的博客並打開儀表板。

第 2 步:添加 HTML/Java Script Widget

進入 Blogger 儀表板後,您需要導航到“佈局”並單擊它。 您將看到博客的佈局。 然後單擊“添加小工具”並選擇博客文章頂部的 HTML/Java 腳本小工具。

在博客文章的頂部添加 wdiget

第 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。

查找小部件 ID

 

 您會在 url widgetId= 的末尾註意到一些內容HTML3 這裡我的小部件 ID 是 HTML3,類似地,您的小部件將有一些 ID,複製它並按照以下步驟操作。  

  • 現在從 Blogger 儀表板轉到模板選項並蒐索您的小部件 ID 並找到它。
//使用If標籤更改代碼
  • 您不會注意到上面代碼中第 4 行和第 9 行的 IF 標記。 只需將這兩個添加到示例中所示的完全相同的位置,然後保存模板。

現在您應該只在主頁上看到粘性帖子小部件,它會自動隱藏在其他頁面上。

 

ATB-粘帖

定制:

  • 如果您擅長 CSS 和 HTML,那麼您可以對置頂帖進行大量自定義。這裡我引用了一些簡單快速的編輯。
  • 這裡我的博客寬度是 665px,如果您的博客寬度比這個小一點或比這個大一點,請更改它以完全適合您的博客寬度。
  • 要更改背景顏色,只需更改背景:#e8f2fc
  • 同樣,您也可以將邊框顏色從 #A5CEF6 更改為您選擇的顏色。
  • 要更改鏈接顏色,您只需將 #004489 更改為您選擇的顏色即可。
  • 然後將您選擇的帖子放置在 HTML 小部件中,只需替換粘性帖子小部件代碼中的標題和描述,這非常簡單直接。

 

關於作者 

伊姆蘭·烏丁


{“電子郵件”:“電子郵件地址無效”,“ URL”:“網站地址無效”,“必填”:“必填字段缺失”}