2013年2月21日 星期四

那些關於部落格 blogger 版面的小故事

  • 在搜尋結果中,把部落格名稱放到標題之後。(來源:香腸炒魷魚
    打開範本,備份完畢後,接著編輯 HTML,把<title><data:blog.pageTitle/></title>這段置換為以下語法。
    <b:if cond='data:blog.pageType == "index"'>
        <title><data:blog.title/></title>
    <b:else/>
        <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
  • 移動文章標籤到標體底下的位置。
    將<div class='post-footer-line post-footer-line-2'>以下的標籤語法,移動到<div class='post-header-line-1'/>底下。
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>
  • 讓上/下一頁顯示文章標題
    1. 打開「版面配置」,將以下語法,新增小工具到網誌文章底下,小工具類型選擇 HTML/JavaScript,加入以下語法。
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      
      <script type="text/javascript">
      var olderLink = $("a.blog-pager-older-link").attr("href");
      $("a.blog-pager-older-link").load(olderLink " h3:first", function() {
      var olderLinkTitle = $("a.blog-pager-older-link:first").text();
      $("a.blog-pager-older-link").text(olderLinkTitle);
      });
      
      var newerLink = $("a.blog-pager-newer-link").attr("href");
      $("a.blog-pager-newer-link").load(newerLink " h3:first", function() {
      var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
      $("a.blog-pager-newer-link").text(newerLinkTitle);
      });
      </script>
    2. 在標籤a裡面加入一段 style='display:none;'語法,隱藏 Home 按鈕。
      <a class='home-link' expr:href='data:blog.homepageUrl' style='display:none;'>首頁</a>
  • 不顯示「訂閱:文章(Atom)」
    MH の 資源筆記 提供兩種方法來移除。這個部落格使用下列第一種方式。
    1. 加入 CSS 語法,讓元件不顯示。
      .blog-feeds, .post-feeds{
        display :none;
      }
    2. 進入 blogspot 後台,點選「範本」>>「編輯 HTML」>>勾選「展開小裝置範本」,搜尋並刪除下列兩行。
      <b:include data='feedLinks' name='feedLinksBody'/>
      <b:include data='post.feedLinks' name='feedLinksBody'/>
  • 不顯示搜尋標籤頁的標題的外框
    在 status-msg-border 的標籤裡,加入border:0
    <div class='status-msg-border' style='border:0;'>
  • 加入網站敘述
    <meta content='zh-TW' http-equiv='content-language'/> 
    <meta content='all' name='robots'/>
    <meta content='Fresh Meat' name='author'/>
    <meta content='general' name='rating'/>


沒有留言:

張貼留言