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

2017年9月9日 星期六

[Template][blogspot] record tutor video and link it

<table align="center" bgcolor="#000000" border="0" cellspacing="1" style="height: 184px; width: 640px;"> <tbody>
<tr>   
<td bgcolor="#ffcc33" class="a9" style="text-align: center;" width="100"><span style="color: black;">單元</span></td>   
<td bgcolor="#ffcc33" class="a9" width="300"><div align="center"><span style="color: black;">教學內容說明<a href="http://www.blogger.com/blogger.g?blogID=919852306995790650" name="a"></a></span></div></td>   
<td bgcolor="#fefdd8" class="a9" width="54"><div align="center"><span class="a9"><span style="color: black;">錄影檔</span></span></div></td>
</tr>








<tr bgcolor="#F6F6F6">   

<td class="a9" rowspan="7"><div align="center">&nbsp; (20131102)</div></td>  



<td class="a9">left-to-edge</td>   <td height="24"><div align="center"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/left-to-edge.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></div></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">alignment-to-center</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/alignment-to-center.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">alignment-to-v-cnter-and-h-center</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/alignment-to-v-cnter-and-h-center.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">animation-between-page-to-page</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/animation-between-page-to-page.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">animation-compare-to-each-other</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/animation-compare-to-each-other.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">animation-multi-pic-1</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/animation-multi-pic-1.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>
<tr bgcolor="#F6F6F6">   <td height="24">animation-multi-pic-1</td>   <td class="a9" style="text-align: center;"><a href="http://abundantoflife.biz/wp-content/uploads/ama/20131102/animation-multi-pic-1.swf"><img border="0" src="http://ww.americanbakers.org/wp-content/uploads/2014/06/videoicon.png" height="26" width="26" /></a></td>  </tr>




</tbody></table>
Red one :
If want add more table row need to add this number. 

2017年6月28日 星期三

[blogspot] Add underline on the article

Add following code

<b:skin><![CDATA[/*


]]></b:skin>
<b:skin><![CDATA[/*

/*************************************
    底線格式
**************************************/
.UNDER {
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline01.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.UNDER1 {
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline02.gif) repeat-x 100% 100%;
/* font-weight:bold; */
padding-bottom: 0px;
}
.UNDER2{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_hl.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.YELLOW_UNDERLINE{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_yelbig.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.DELETE_UNDERLINE{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_del.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.BLUE_UNDERLINE{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_blue.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.GREEN_UNDERLINE{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_green.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}
.RED_UNDERLINE{
text-decoration: none;
background: url(https://www.researchmfg.com/wp-content/uploads/underline_red.gif) repeat-x 100% 100%;
padding-bottom: 0px;
/* font-weight:bold; */
}



]]></b:skin>

If you want your article appear underline, please add following code into your article.

<span class="UNDER">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="UNDER1">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="UNDER2">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="YELLOW_UNDERLINE">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="DELETE_UNDERLINE">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="BLUE_UNDERLINE">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="GREEN_UNDERLINE">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
<span class="RED_UNDERLINE">這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)</span>
[UNDER] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[UNDER1] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[UNDER2] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[YELLOW_UNDERLINE] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[DELETE_UNDERLINE] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[BLUE_UNDERLINE] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[GREEN_UNDERLINE] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)
[RED_UNDERLINE] 這種設計通常是硬體電路的工程驗證(verification)、除錯(debug)

2016年6月19日 星期日

[Blogspot] How to put youtube song into blogspot - way 2

  1. Go to Youtube to find the song which you like
  2. Copy share code to Valid XHTML YouTube embed code generator

    Please set “Width” “Height” “Loop” “Autoplay”, then press generate code.
  3. Copy Result code to blogspot

Reference:

[Blogspot] How to put youtube song into blogspot

1. Go to Youtube to find the song which you like


Copy Embed code to blogspot


2. Modify the code


Change width to 1
Change height to 1
Add script (?autoplay=1) at the end of src.


All source code like below.

<iframe width="1" height="1" src="//www.youtube.com/embed/FqKS-j3RS04?autoplay=1" 
frameborder="0" allowfullscreen></iframe>


Reference:

2014年10月18日 星期六

[Blogspot] Protect post in Blogspot

Add password function.

1.Edit HTML and find out "]]></b:skin>".
2. Post following code after item 1.
<!--MBL POST PASSWORD PROTECT CODING -->
<script src="http://www.vincentcheung.ca/jsencryption/jsencryption.js" type='text/javascript'/>

Start write the post
1. Post HTML of the article at JavaScript Encryption and Decryption 2.0
2. Copy "HTML code" to the new article of blogspot.


Reference :

1. How To Protect Your Post With Password in Blogger

2013年10月29日 星期二

[blogspot]文章加上重點底線


我想在BLOG上劃重點,但又不想要只讓文字呈現顏色的區分.想要在文字底下劃上不一樣的底線,以增加閱讀的樂趣。

可以跟著[Blog語法研究室 ]動手做看看。



]嘗試著做做看。



1) 取得底線的圖檔,也可以自己畫。




要 gif 格式喔,而且要設定底色為透明。這裡先提供一個粉紅色底線的圖 檔,有需要的可以在這個圖示上面pink1_underline按滑鼠右鍵另存圖檔,也希望你可以自己畫出你自己的底線。




2) 將圖檔放到網路可以讀取的地方。



3)選取【版面配置】或【設計】,然後點選【修改HTML】,記得先下載備份完整範本。



然後在「修改範本」中找到【body{…}】,在其前面加上一段程式碼。




  • 其中 【PINK_UNDER】就是關鍵字,可以自訂,這裡的大小寫必須完全正確,也就是說後面引用的時候,必須跟這裡所定義的大小寫一模一樣。


  • 【http://…】所跟著的網址要指到底線圖檔所擺放的網路空間。



 










.PINK_UNDER%20%20%7B

text-decoration%3A%20none%3B

background%3A%20url%28http%3A%2F%2Fi607.photobucket.com%2Falbums%2Ft7%2FBlogScriptStudy%2Fpink_underline.gif%29%20repeat-x%20100%25%20100%25%3B

padding-bottom%3A%200px%3B

%7D



4)用法

比如說這段文字的【粉紅色底線】要加底線,就 要寫成



比如說這段文字的【粉紅色底線</span>】要加底線


2013年8月9日 星期五

blogspot 1.0 code


<include data="blog" name="all-head-content"></include>







<skin></skin>



















/*-- (Hiding the navbar) --*/



#navbar-iframe {



display:none !important;



}











body {



width: 100%;



font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



/* font-size: 62.5%; */



/* min-width: 1029px; */



}







/***************************** 主要框架 ***************************/



#main_frame {



/* background: url('http://i37.tinypic.com/2j30g1e.jpg') repeat-y top; */



/* to center theme uncomment next line */



margin:0 auto;



/* to left justify theme uncomment next line */



/* margin:0; */



width: 650 px;



padding: 0;



}







p {



margin: 10px 20px 0px 20px;



padding: 0px;



text-align: left;



font-size: 1em;



line-height: 1.4em;



}











h1, h2, h3, h4 {



font-family: 'Georgia', 'Lucida Grande', Verdana, Arial, Sans-Serif;



font-weight: bold;



}











h1 {



float: none;



padding-top: 40px;



margin: 0;



}











h2 {



background: url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_big.gif') no-repeat top;



width: 300px;



height: 40px;



font-size: 1.6em;



margin-top: 0px;



margin-bottom: 0px;



padding: 8px 0px 0px 0px;



text-indent: 20px;



text-color: black;



}



/** 白色BUTTON http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_big.gif **/







h3, h4 {



font-size: 1.3em;



padding: 0px;



margin: 0px;



}











a:link, a:visited {color: #326916; text-decoration: none; border-bottom: #326916 0px solid;}



a:hover, a:active {color: #326916; text-decoration: none; border-bottom: #326916 1px solid;}











/* Begin http://myblogtalk.com/saran4 */



img



{



margin: 1em;



padding:5px;



background:none;



border:2px solid #cccccc;



}











img.right {



float: right;



margin:10px 0 0 10px;



padding: 10px;











}



img.left {



float: left;



margin:0 10px 10px 0;



padding: 10px;



}











div.centered {



display: block;



text-align:center;



margin-left: auto;



margin-right: auto



}











img.plain {



border:none;



background:none;



padding: 10px;



}



/* End http://myblogtalk.com/saran4 */











/************************* 標頭內容 - 開始 *************************/



#header {



background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2G2t2jzxqoQubB7osfNFvcTGrlz3xYIvSK3h-T0hYTUmK6CNJDXg6Yesj6xtuYDmU6UYgKEisVFRCUMj8xoWcgqbGx7DsVaUZNTUX2mqw6EwlWd3cQUJy1bC0CEVIxQZd7hPFHKI4bY/s640/IMG_3826-1258-2.jpg);



background-repeat:no-repeat;



height:460px;



border-bottom:1px dotted #000;



}















#header h1



{



text-align: left;



position: relative;



top:80px;



right:20 px;



font-size:22pt;



font-family:標楷體;



}







#header h1 a {



display:inline;



text-decoration:blink;



font-size:22pt;



}











#header h2



{



background: none;



height: auto;



width: auto;



margin: 0;



padding: 0 0 0 0;



font-size:1.2em;



font-weight:normal;



font-family:標楷體;



letter-spacing:1px;



text-align: left;



}































/********* 文字描述的位置 ************/



.description {



color:green;



text-align:left;



margin:0 0 0 650px;



font-size:16pt;



font-family:標楷體;



}







/********************* 標頭內容 - 結尾 **********************************/







/************************ 文章內容 *****************************/



/* Main Content Pane */



#content {



float: left;



font-size: 5 em;



margin: 0px 0px 0px 0px;



}











.ContentPane {



width: 560px;



padding: 0px;



margin: 3px 0px 0px 116px;











}











.post {



padding: 0px 0px 0px 0px;



margin: 0px 0px 0px 0px;



text-align: justify;



}











.post hr {



display: block;



}











.entry {



margin: 10px 20px 0px 20px;



}











.entry ul {



margin:1em;



padding:0 5em;



list-style-image:url(http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/bullet.png);



}











.entry li {



margin: 7px 0 8px 10px;



}











.entry ol {



list-style-type:decimal;



margin-left:1em;



padding:0 5em;



}











small {



font-family: Arial, Helvetica, Sans-Serif;



font-size: 0.9em;



line-height: 1.5em;



padding: 0 0 0 20px;



color: #777;



}











.postmetadata ul, .postmetadata li {



display: inline;



list-style-type: none;



list-style-image: none;



}











.postmetadata {



color: #777;



text-align: left;



}











/*.ContentPane_bg_curv {



background: url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_bg_curv.gif') bottom no-repeat;



width: 560px;



height: 9px;



margin: 0px;



padding-top: 0;



margin-top: 0;











}*/











/* End Main Content Pane */



/* Comment Entry Form */



#comments, #respond{



margin: 10px 20px 0px 20px;



}











#commentform



{



margin:10px;



padding:10px;



background:#fff;



border-top: #ccc 1px solid;



border-bottom: #ccc 1px solid;



}











#commentform input {



width: 170px;



padding: 2px;



margin: 5px 5px 1px 0;



}











.alt {



margin: 0;



padding: 10px;



background-color: #f8f8f8;



border-top: 1px solid #ddd;



border-bottom: 1px solid #ddd;



}











.commentmetadata {



margin: 0;



display: block;



font-weight: normal;



}











textarea{



width: 96%;



padding:10px;



line-height:2em;



height: 20em;



border: 1px solid #ccc;



background:#fff url(img/shadow_top.gif) repeat-x top;



font:1em Verdana, Arial, Serif;



}











.commentlist {



padding: 0;



text-align: justify;



}











.commentlist li {



border: 1px solid #000000;



margin: 0px 0 0px;



padding: 5px 10px 3px;



list-style: none;



}











.commentlist p {



margin: 10px 5px 10px 0;



}











.commentlist li, #commentform input, #commentform textarea {



font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;



}











.commentlist li {



font-weight: bold;



}











.commentlist cite, .commentlist cite a {



font-weight: bold;



font-style: normal;



font-size: 1.1em;



}











.commentlist p {



font-weight: normal;



line-height: 1.5em;



text-transform: none;



}











#commentform p {



margin: 5px 0;



}











.nocomments {



text-align: center;



margin: 0;



padding: 0;



color: #777;



}











h3.comments {



padding: 0;



margin: 40px auto 20px ;



}



/* End Comments */



























/* Begin Sidebar */



#sidebar {



float: right;



padding: 5px 0 0 0px;



margin: 0;



width: 250px;



font-size:1.2em;



padding-right: 39px;











}











.sidebarres {



float: right;



padding: 5px 0 0 0px;



margin: 0;



width: 250px;



font-size:1.2em;



padding-right: 33px;



}



#sidebar h2 {



background: url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_small.gif') no-repeat left top;



width: 248px;



height: 28px;



font-family: 'Trebuchet MS', Verdana, Sans-Serif;



font-size: 1.2em;



margin: 0px;



padding: 5px 0px 0px 0px;



color: #333;



}











#sidebar ul {



list-style:none;



margin: 0px 0px 10px 0px;



padding: 3px 10px 10px 0px;



}



















#sidebar ul ul, .textwidget, .sidebox p, #calendar_wrap {



background: #d2d1d0 url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_bg_curv.gif') bottom left no-repeat;



width: 192px;



margin: 0 0 10px 16px;



padding: 3px 10px 10px 10px;



}



.widget-content{



background: #d2d1d0 url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_bg_curv.gif') bottom left no-repeat;



width: 192px;



margin: 0 0 10px 16px;



padding: 3px 10px 10px 10px;



font-size: 12px;



}











.ulside {



list-style:none;



margin: 0px 0px 10px 0px;



padding: 3px 10px 10px 10px;



}



















#sidebar ul ul ul



{



width: auto;



background: none;



margin: 0;



}



#sidebar li.sidebox p img {



margin:0;



padding:3px;



background:none;



}



li.sidebox {



padding: 0 0 0 0px;



margin-bottom: 10px;



}











li.sidebox h2 {



margin: 0px;



padding: 5px 0px 0px 0px;



color: #333;



}











#link_subs h2 {



background: none;



text-indent: 0px;



width: auto;



}











.widget script {



text-align: center;



margin: 0;



padding: 0;



}











.textwidget p, .textwidget a, .textwidget img {



margin: 0;



padding: 0;



}



/* End Sidebar */











/* Begin Calendar */



#wp-calendar {



empty-cells: show;



margin: 10px auto 0;



width: 155px;



}











#wp-calendar #next a {



padding-right: 10px;



text-align: right;



}











#wp-calendar #prev a {



padding-left: 10px;



text-align: left;



}











#wp-calendar a {



display: block;



}











#wp-calendar caption {



text-align: center;



width: 100%;



}











#wp-calendar td {



padding: 3px 0;



text-align: center;



}











#wp-calendar td.pad:hover { /* Doesn't work in IE */



/* background-color: #fff;*/ }



/* End Calendar */



























/* Begin Various Tags &amp; Classes */











blockquote {



margin: 1em;



padding: 0 0 10px 50px;



border-left: 5px solid #ddd;



color: #777;



}











.navigation {



display: block;



text-align: left;



margin-top: 0px;



margin-bottom: 0px;



}



/* End Various Tags &amp; Classes*/











/******************************* Bagin Search *************************/











.searchDiv {



float: none;



color: #ffffff;



width: 278px;



height: 30px;



line-height: 24px;



text-align: center;



background: url('http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/button_big.gif') bottom left no-repeat;



padding-top: 17px;



margin-left: 686px;



top: 19px;



}



.searchForm {



margin-top: 0px;



margin-left: 2px;



margin-right: 0px;



margin-bottom: 0px;



padding: 0px 0px 0px 0px;



background: none;



}











.searchBlank {



width: 170px;



margin: 0;



padding: 0px 0px 0px 0px;



}



.searchButton {



background: none;



border: none;



width: 60px;



padding: 0px 0px 0px 0px;



margin: 0px;



cursor: pointer;



height: 20px;



font-family: "Verdana", Helvetica, Sans-Serif;



font-weight: bold;



color: #FFFFFF;



font-size: 12px;



}



.searchButton:hover {



color: #ffffff;



width: 60px;



height: 20px;



text-decoration: none;



}



/******************************* End Search **************************/











#myBox {



clear: both;



float: none;



height: 32px;



margin: 0px 0px 0px 104px;



font-family: "Tahoma", Helvetica, Sans-Serif;



font-size: 13px;



font-weight: bold;



color: #FFFFFF;



text-align: left;



margin-left: 104px;



margin-top: 0px;



}











.myBox1 a:visited {



color: #ffffff;



text-decoration: none;



}



.myBox1 a {



color: #ffffff;



text-decoration: none;



}



.myBox1 a:hover {



color: #ffffff;



text-decoration: underline;



}











.myBox1 {



display: inline;



float: left;



color: #ffffff;



margin: 0;



padding: 0;



width: auto;



height: 32px;



line-height: 32px;



text-align: center;



padding-left: 0px;



padding-right: 0px;



margin-bottom: 20px;



background-image: url(http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/nav_button2.gif);



background-repeat: repeat-x;



}



.myBox11 {



float: left;



width: 18px;



height: 32px;



background-image: url(http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/nav_button1.gif);



background-repeat: no-repeat;



}











.myBox13 {



float: left;



width: 17px;



height: 32px;



background-image: url(http://i537.photobucket.com/albums/ff337/communist-template/fieldofdreams/nav_button3.gif);



background-repeat: no-repeat;



margin-right: 1px;



}











/* Begin footer */











#footer {



background: #eee url('http://i37.tinypic.com/30axcf8.gif') no-repeat top;



padding: 0;



margin: 0 auto;



width: 1029px;



height: 119px;



clear: both;



}











.footer_copy {



color: #999999;



margin: 0;



padding: 50px 0 0 130px;



text-align: left;



}



















]]&gt;





















<div id="main_frame">





<div>





<div id="header">





<div>

























<div class="searchDiv">











<form class="searchForm" expr:action="data:blog.homepageUrl + &quot;search&quot;" method="get"></form>



<input class="searchBlank" id="s" name="q" />



<input class="searchButton" id="searchsubmit" type="submit" />







</div>









































































<div class="description">



<section class="blogname" id="top" maxwidgets="1" showaddelement="no"></section>



<widget id="Header1" locked="true" title="小成功會帶來更大的成功 (標頭)" type="Header"></widget>



<includable id="title"></includable>



<a expr:href="data:blog.homepageUrl" href="http://www.blogger.com/"></a>







<includable id="description"></includable>





<h2><description></description></h2>







<includable id="main"></includable>





<h1 class="blognam">



<include name="title"></include>







<include name="description"></include>













</h1></div>



</div>



</div>



</div>

































<div id="content">





<div class="ContentPane">



<section class="main" id="main" showaddelement="yes"></section>



<widget id="Blog1" locked="true" title="網誌文章" type="Blog"></widget>



<includable id="nextprev"></includable>





<div class="blog-pager" id="blog-pager">



<if cond="data:newerPageUrl"></if>



<span id="blog-pager-newer-link"></span>



<a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + &quot;_blog-pager-newer-link&quot;" expr:title="data:newerPageTitle" href="http://www.blogger.com/"><newerpagetitle></newerpagetitle></a>



















<if cond="data:olderPageUrl"></if>



<span id="blog-pager-older-link"></span>



<a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + &quot;_blog-pager-older-link&quot;" expr:title="data:olderPageTitle" href="http://www.blogger.com/"><olderpagetitle></olderpagetitle></a>



















<if cond="data:blog.homepageUrl != data:blog.url"></if>



<a class="home-link" expr:href="data:blog.homepageUrl" href="http://www.blogger.com/"><homemsg></homemsg></a>



<else></else>



<if cond="data:newerPageUrl"></if>



<a class="home-link" expr:href="data:blog.homepageUrl" href="http://www.blogger.com/"><homemsg></homemsg></a>



















</div>





<div class="clear">







<includable id="backlinks" var="post"></includable>



<a href="http://www.blogger.com/" name="links"></a><a expr:href="data:backlink.url" href="http://www.blogger.com/" rel="nofollow"><backlink.title></backlink.title></a>

<h4><post.backlinkslabel></post.backlinkslabel></h4>



<if cond="data:post.numBacklinks != 0"></if>





<dl class="comments-block" id="comments-block"><loop values="data:post.backlinks" var="backlink"></loop><div class="collapsed-backlink backlink-control"><dt class="comment-title">











<include data="backlink" name="backlinkDeleteIcon"></include>

</dt><dd class="comment-body collapseable"><backlink.snippet></backlink.snippet></dd><dd class="comment-footer collapseable"><span class="comment-author"><post.authorlabel></post.authorlabel><backlink.author></backlink.author></span><span class="comment-timestamp"><post.timestamplabel></post.timestamplabel><backlink.timestamp></backlink.timestamp></span></dd></div></dl>









<div class="comment-footer"></div>

<if cond="data:post.embedCommentForm"></if>



<include data="post" name="comment-form"></include>



<else></else>



<if cond="data:post.allowComments"></if>



<a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" href="http://www.blogger.com/"></a>



<postcommentmsg></postcommentmsg>

























<includable id="post" var="post"></includable>





<div class="post uncustomized-post-template">

























<div id="post-head">



<a expr:name="data:post.id" href="http://www.blogger.com/"></a><a expr:href="data:post.link" href="http://www.blogger.com/"><post.title></post.title></a>



<if cond="data:post.title"></if>





<h2 class="post-title">



<if cond="data:post.link"></if>







<else></else>



<if cond="data:post.url"></if>



<a expr:href="data:post.url" href="http://www.blogger.com/"><post.title></post.title></a>



<else></else>



<post.title></post.title>



















<span class="post-author"></span><if cond="data:post.dateHeader">on</if>



<if cond="data:top.showAuthor"></if>



<top.authorlabel></top.authorlabel><post.author></post.author>











<post.dateheader></post.dateheader>





</h2></div>













<div class="post-header-line-1">













<div class="post-body">





<post.body></post.body>







<div style="clear: both;">



</div>





<div class="post-footer">





<div class="post-footer-line post-footer-line-1"></div>





<span class="post-comment-link"></span>



<if cond="data:blog.pageType != &quot;item&quot;"></if>











<if cond="data:post.allowComments"></if>



<a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" href="http://www.blogger.com/"><if cond="data:post.numComments == 1"><top.commentlabel></top.commentlabel>(1)<else></else><top.commentlabelplural></top.commentlabelplural> (<post.numcomments></post.numcomments>)</if></a>



























<span class="post-backlinks post-comment-link"></span>



<if cond="data:blog.pageType != &quot;item&quot;"></if>



<if cond="data:post.showBacklinks"></if>



<a class="comment-link" expr:href="data:post.url + &quot;#links&quot;" href="http://www.blogger.com/"><top.backlinklabel></top.backlinklabel></a>























<span class="post-icons"></span>







<if cond="data:post.emailPostUrl"></if>



<span class="item-action"></span>



<a expr:href="data:post.emailPostUrl" expr:title="data:top.emailPostMsg" href="http://www.blogger.com/"></a>















































<div class="post-footer-line post-footer-line-2"></div>

<span class="post-labels"></span>



<if cond="data:post.labels"></if>



<postlabelslabel></postlabelslabel>



<loop values="data:post.labels" var="label"></loop>



<a expr:href="data:label.url" href="http://www.blogger.com/" rel="tag"><label.name></label.name></a><if cond="data:label.isLast != &quot;true&quot;">,</if>































<div class="post-footer-line post-footer-line-3"></div>

</div>



</div>







<includable id="status-message"></includable>



<if cond="data:navMessage"></if>





<div class="status-msg-wrap">





<div class="status-msg-body">



<navmessage></navmessage>



</div>





<div class="status-msg-border">





<div class="status-msg-bg">





<div class="status-msg-hidden"><navmessage></navmessage></div>



</div>



</div>



</div>





<div style="clear: both;">











<includable id="comment-form" var="post"></includable>





<div class="comment-form">



<a href="http://www.blogger.com/" name="comment-form"></a><a expr:href="data:post.commentFormIframeSrc" href="http://www.blogger.com/" id="comment-editor-src" style="display: none;"></a>





<h4 id="comment-post-message"><postcommentmsg></postcommentmsg></h4>





<blogcommentmessage></blogcommentmessage>









<iframe allowtransparency="true" class="blogger-iframe-colorize" frameborder="0" height="275" id="comment-editor" src="" width="100%"></iframe></div></div></div></div></div></div></div></div>


2013年3月26日 星期二

2011年7月24日 星期日

2011年3月24日 星期四

2011年3月23日 星期三

[Blogspot]Extend link to the TAB

<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<li><a href='http://fkcsmart.blogspot.com/search/label/%E5%A5%BD%E7%9C%8Bblog'>常看BLOG連結</a></li>
</ul>

Reference :

  1. symbols and tags to html converter Transer html to text

  2. How To Add External Link To Tabs in my blog

  3. Online Editor

2011年3月13日 星期日

[blogspot]文章加上重點底線


我想在BLOG上劃重點,但又不想要只讓文字呈現顏色的區分.想要在文字底下劃上不一樣的底線,以增加閱讀的樂趣。

可以跟著[Blog語法研究室 ]動手做看看。



]嘗試著做做看。



1) 取得底線的圖檔,也可以自己畫。




要 gif 格式喔,而且要設定底色為透明。這裡先提供一個粉紅色底線的圖
檔,有需要的可以在這個圖示上面pink1_underline按滑鼠右鍵另存圖檔,也希望你可以自己畫出你自己的底線。




2) 將圖檔放到網路可以讀取的地方。



3)選取【版面配置】或【設計】,然後點選【修改HTML】,記得先下載備份完整範本。



然後在「修改範本」中找到【body{…}】,在其前面加上一段程式碼。



  • 其中
    【PINK_UNDER】就是關鍵字,可以自訂,這裡的大小寫必須完全正確,也就是說後面引用的時候,必須跟這裡所定義的大小寫一模一樣。


  • 【http://…】所跟著的網址要指到底線圖檔所擺放的網路空間。












.PINK_UNDER
{

text-decoration: none;

background:
url(
http://i607.photobucket.com/albums/t7/BlogScriptStudy/pink_underline.gif) repeat-x 100% 100%;

padding-bottom:
0px;

}



4)用法

比如說這段文字的【粉紅色底線】要加底線,就
要寫成



比如說這段文字的【class="PINK_UNDERLINE">粉紅色底線</span>】要加底線










2010年6月4日 星期五

[blogspot] 只顯示標題

<b:if cond='data:blog.pageType == "label"'>
<p><data:post.body/></p>
</b:if>

解釋 :
<b:if cond='data:blog.pageType == "label"'>
如果 blog 頁面是 標籤類 就只顯示 標題

Reference :
http://blog.kevintsai.co.cc/2008/01/blogger.html

2010年5月30日 星期日

2010年5月25日 星期二

2010年3月20日 星期六