線上檢查網頁連結 - (連結，中斷)

寫好的網頁，網誌很多時過了一段日子，網頁內容的有關連結，如指向其它網站或圖片庫，會常有因為網站關閉或更改了，圖片從圖片庫中遭刪除等因素，有關連結便無法生效。

以下是一個免費網上檢查網頁連結是否中斷及無法生效等情況：

Online Broken Link Checker

	1. 輸入需要檢查網址 2. 輸入要求保安密碼
	3. 等候下方顯示結果
	4. 根據結果 url 及 src 找尋網站內 html 碼，然後作出合適更正或删除。

網頁網誌連結 Flickr 相片

flickr 使用者可以擁有 1TB 的免費容量，現有Yahoo 帳戶可直接登入：
 http://www.flickr.com/

	登入帳戶，然後上傳 upload 需要圖片。
	把需要上傳 upload 圖片或視頻拖拉至左圖；或點擊 " Choose photos and videos " 揀選所需圖片或視頻。
	* 可加入詳述或描述。 * Add a description
	圖片或視頻已上傳後，按"右"上角Upload 3 Photos 正式上傳。
	在想要分享的圖片或視頻下方按下 (more ways to share)。
	彈出連結方框後，點選 "Grab the HTML/BBCode"，利用滑鼠及鍵盤指向 src= 後面的 "http://farm6.staticflickr.com/????/???????_???.jpg" * 右鍵複製此部份連結，放在網頁或網誌上。

移除網誌上 "模板" Remove Blogger Navbar

1:自動移除網誌上 "模板" Blogger Navbar

• 往網誌的主板 Blogger Dashboard >> 排版 Layout
• 按 "編輯" Edit

• 按 "編輯" Edit 後，再按選項 "關閉" Off

2:手動移除網誌上 "模板" Blogger Navbar

此方法需要在網誌樣板 default template 內更改 "原始碼"

• 往網誌的主板 Blogger Dashboard
• 往網誌樣板 default template >> 編輯原始碼 html>>尋找下面位置：

• 複製以下原始碼

#navbar-iframe { display: none !important;}

• 如下位置中 */    貼上原始碼   /*

• 完成示範圖：

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 .

網誌上加幻燈片 How to Add Slideshow to Blogger Blog

How to Add Simple Slideshow of Posts with Description in Blogger Blog:

1.  Go to the Dashboard of blogger.
2.  Click on the Layout and Click on 'Add a gadget'.
3.  Select the 'HTML/Javascript' gadget.
4.  Now paste the code given below.

<div id='tc-slide'>
<marquee scrollamount="9" scrolldelay="75" width="200" height="200" bgcolor="#fff" direction="up" onmouseover="stop();" onmouseout="start();" >
<a href="LINK1" target="_blank"><img height="150" src="Image Link1" width="200" alt=""></a> <h4 align='center'><a href='Title Link1' target='_blank'>Title text 1</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK2" target="_blank"><img height="150" src="Image Link2" width="200" alt=""></a>  <h4 align='center'><a href='Title Link2' target='_blank'>Title text 2</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK3" target="_blank"><img height="150" src="Image Link3" width="200" alt=""></a>  <h4 align='center'><a href='Title Link3' target='_blank'>Title text 3</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK4" target="_blank"><img height="150" src="Image Link4" width="200" alt=""></a>  <h4 align='center'><a href='Title Link4' target='_blank'>Title text 4</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK5" target="_blank"><img height="150" src="Image Link5" width="200" alt=""></a> <h4 align='center'><a href='Title Link5' target='_blank'>Title text 5</a></h4> <p align='center'>Your post description goes here...</p>
</marquee>
</div>

Note:  Change color marked text as your own like Red for link which redirects from image, Blue for image link, Pink for your Tile Link and the Green color for your Title Text.

5.  Now Save the Gadget and check it out.