1.5.12
5.1.12
Blogger Popular Post Gadget Configuration
To-do Following:-
<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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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>
- Remove the Space Between The titles:
- >Blogger >Layout >Popular Posts
- >untick : image thumbnail & snippet
- >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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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:
<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 == "Type Something") {this.value = ""}" onblur="if (this.value == "") {this.value = "Type Something";}" 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>
- layout > "Add a Gadget"
- add "search box"
- paste the following codes into the HTML/Java Script gadget configuration:
<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 == "Type Something") {this.value = ""}" onblur="if (this.value == "") {this.value = "Type Something";}" 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 .
4.1.12
google advanced images search 進階圖片搜尋
Google 進階圖片搜尋
有多種圖片「使用權」供搜索使用:
- 不限使用權
- 可任意使用或分享
- 即使是商業用途,亦可任意使用或分享
- 任意使用,分享或修改
- 即使是商業用途,亦可任意使用,分享或修改
- not filtered by license
- free to use or share
- free to use or share, even commercially
- free to use share or modify
- free to use share or modify, even commercially
3.1.12
網誌上加幻燈片 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>
<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>
5. Now Save the Gadget and check it out.
2.1.12
POPO 數位書城
POPO數位書城是POPO網 (www.popo.tw) 所推出的電子書城,集結了各大出版社所提供的暢銷精彩圖書、大陸經典系列原創作品、台灣優秀原創作家及部落客創作的精彩書籍,旨在提供POPO會員更優質便捷的電子書購買、閱讀服務。
| 書籍屬性 | 閱讀模式 | 價格 | 說明 | |
|---|---|---|---|---|
| 部分內容試閱 | 連線閱讀 | 免費 | 提供線上試閱功能。 | |
| 全本訂購 | 下載閱讀 | 付費 | 請先安裝POPO閱讀器,一經確認購買後,可開啟POPO閱讀器,下載以購買之書籍檔案進行離線閱讀 | |
| 全本租閱 | 一般出租 | 下載閱讀 | 付費 | 租閱期14天。請先安裝POPO閱讀器,一經確認購買後,可開啟POPO閱讀器,下載以購買之書籍檔案進行離線閱讀,期限到期檔案自動失效。 |
| 月讀組合 | 下載閱讀 | 付費 | 請至租閱/月讀區了解現階段的月讀組合方案。月讀組合為不定期推出之優惠方案,方式為任選N本書,統一價格XXXX PO,租閱期30天。 | |
閱讀器下載:
POPO數位書城提供閱讀器下載,讓你可以進行離線閱讀。目前只提供PC閱讀器的下載服務。
POPO數位書城提供閱讀器下載,讓你可以進行離線閱讀。目前只提供PC閱讀器的下載服務。
訂閱:
文章 (Atom)

