顯示具有 blogger 標籤的文章。 顯示所有文章
顯示具有 blogger 標籤的文章。 顯示所有文章

2016年7月30日 星期六

安裝「Google自訂搜尋」代替Blogger預設的搜尋工具

  1. 驗證Blogger網址
    1. 先登入「Google網站管理工具」，接著輸入你的部落格〈或網站〉網址，按下【新增網站】，然後要驗證你的網站。
    2. 驗證方法選【其他方法】→【HTML標記】，複製下方的中繼標記，然後將它貼到網站首頁的<head>部分中。
    3. 以blogger為例，進入後台的「範本」頁面，按【編輯HTML】，貼好後，儲存範本。
    4. 儲存範本後，回到Google網站管理工具，按下【驗證】，應該都能成功驗證。
  2. 提供網路地圖Sitemap
    1. 登入「Google網站管理工具」，在資訊主頁，點選Sitemap由我提交，按下【新增/測試SITEMAP】
    2. 接著會出現你的部落格網址http://xxxxxx.blogspot.com/，只要在後面輸入：
      • sitemap.xml
      • atom.xml?redirect=false&start-index=1&max-results=500
  3. 安裝「Google自訂搜尋」（因為Blogger預設的搜尋工具蠻爛的）
    1. 登入自己的Google帳號，然後進入「Google自訂搜尋」首頁
    2. 按下「建立自訂搜尋引擎」，並填入以下資訊：
      1. 要搜尋的網站（勿使用blogger轉址之資料，例如：wlesdiary.blogspot.tw之原始網址為wlesdiary.blogspot.com）
      2. 語言
      3. 搜尋引擎的名稱（若語言為繁體，請寫中文名稱）
    3. 取得程式碼後（複製「Google自訂搜尋」程式碼）
      1. 進入blogger的版面設置，新增JavaScript小工具
      2. 將程式碼貼上
      3. 儲存排列方式

本文參考自櫻桃椒 WF BLOG
張貼者： 於
標籤：

2016年5月5日 星期四

美化blogger標籤雲

1.後台 → 版面配置 → 新增小工具 → 選擇「標籤」工具（標籤雲）
2.修改css樣版
　請到後台「範本」→「編輯 HTML」，游標點進範本區塊，按 Ctrl-F 搜尋 </head> 這個字串，找到後在此字串的前一行，插入以下程式碼：
<style>
/* 標籤雲 start*/
.label-size a {
background: #000; /* 底色 */
padding: 8px; /* 內櫬距離 */
display: inline-block;
margin: 0 2px 6px 0;
color: #fff; /* 文字顏色 */
text-decoration: none;
transition: background 0.5s; /* 動畫效果及時間 */
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
}
.label-size a:hover {
background: #aaa; /* 滑鼠經過的顏色 */
}
.label-size span { /* 標籤頁面的 CSS */
display: inline-block;
background: #aaa; /* 底色 */
color: #fff;
padding: 8px;
}
/* 標籤雲 end*/
</style>

張貼者： 於
標籤：
訂閱： 文章 (Atom)