Tool: Google Blogger

[1] How to Upload Pdf File To Blogger.

[2] How to display labels of your posts in Blogger Blog.

[3] Create your Blogger profile.

[4] How to Install Flag Counter In your Blogger.

[5] How to insert code blocks in Blogger posts. For my blog, choose fruity style.

[6] How to use LaTeX on blogspot?

[7] Blogger HTML Code:

For Chinese Characters:

1 2 3

<div class="MsoNormal" style="text-indent: 20.0pt;"> <span style="line-height: 24px;"> </span></div>

1 2 3

<div class="MsoNormal" style="text-indent: 24.0pt;"> <span style="font-size: large; line-height: 24px;"> </span></div>

For English Characters:

1 2 3

<div class="MsoNormal" style="text-indent: 24.0pt;"> <span style="line-height: 24px;"> </span></div>

[8] 三线表HTML示例代码

1 2 3 4 5 6

<center><table width="400"> <tr><td colspan=2><hr noshade></td></tr> <tr><td align="center"></td><td></td></tr> <tr><td colspan=2><hr noshade></td></tr> <tr><td colspan=2><hr noshade></td></tr> </table></center>

[9] Open a link in a new tab.

1	<a target="_blank" href="http://your_url_here.html">Link</a>

[10] Embedding a PDF From Drive into a Blog

1 2 3

<div align=center> <iframe src="https://docs.google.com/viewer?srcid=[put your file id here]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="580px" height="480px"></iframe> </div>

[11] HTML上下标并列.

[12] Embedding a video from Youtube

1 2 3

<div align=center> <iframe width="600" height="315" src="https://www.youtube.com/embed/sIq35mxWiro" frameborder="0" allowfullscreen></iframe> </div>

[11] Large Text Style

1 2 3

<div class="MsoNormal" style="text-indent: 24.0pt;"> <span style="font-size: large;"> </span></div>

[12] 无序列表:

1 2 3 4

<ul> <li>Coffee</li> <li>Milk</li> </ul>

有序列表:

1 2 3 4

<ol> <li>Coffee</li> <li>Milk</li> </ol>