Show recent comments on Blogger

網誌上顯示讀者意見

寫了一段日子後，網誌很多時會收到不少意見評語等，希望公開的話，可以用以下簡單方法加入：

	1. 登入閣下網誌及進入「排版 Layout」； 2. 按加入「小裝置 Add a Gadget」; 3. 選取「訊息來源 Feed」並按 +
	4. 在下方 Feed URL 框內輸入你的網誌地址； > http://YOURBLOG.....
	5.最後更改喜好之名稱，及定義顯示選項。

Blogger Popular Post Gadget Configuration

To-do Following:-

1. Remove the Space Between The titles：
2. >Blogger >Layout >Popular Posts
3. >untick : image thumbnail & snippet
4. >Blogger >Template >Edit HTML > 

<b:widget id='PopularPosts1' locked='false' title='Popular Articles' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

And Deleted all which are shown in "Red" and finally clicked on  Save Template

box search inside the blog

To enable blog readers to search inside the blog:

1. layout > "Add a Gadget"
2. add "search box"
3. paste the following codes into the HTML/Java Script gadget configuration：

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Type Something" onfocus="if (this.value == &quot;Type Something&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Type Something&quot;;}" name="q" id="sbox" class="sbox" /></td>
<td width="75px"><input type="button" value="Click To Search" id="sbutton" class="sbutton" alt="" /></td>
</tr>
</table>
</form>
</div>

Type Something and Click To Search can be changed as your wishing keywords .