显示标签为“Blog 使用手记”的博文。显示所有博文
显示标签为“Blog 使用手记”的博文。显示所有博文

2012年11月15日星期四

提高博客在google排名的5个技巧


Google是一个伟大的公司, 你可以比较下你在百度和谷歌的搜索结果,以及稳定性。百度到现在都没有公开承认网站优化,而谷歌则鼓励人们这样做。所以说,提升谷歌排名要比百度容易 而且稳定些。
   1、获取高质量的相关站点链接
   高质量的导入链接,是搜索引擎优化者所认同的,有效提升排名的方法。对于一个新站来说,要获得高质量的、相关站点的链接,困难教大。除非购买相关链 接,或者你拥有这方面的资源。现在你就想想如何获得这样的链接资源吧。
   2、使用SEO技术
   搜索引擎优化是提高谷歌网页排名的重要组成部分,在美国70%-90%的网站访问都是通过搜索引擎,在中国很多网站的访问是通过链接或者说直接访 问,但搜索引擎提供的来源仍然要占50%的比例。针对搜索引擎做相关的优化,搜索引擎会送给你很大的流量,有可能达到80%。在这里我就不讲关于博客搜索 引擎优化的方法了,在"WordPress搭建 博客优化"中我已经说明了。
   3、写原创内容
   不要从其他网站复制内容。即使你复制后进行小范围的改动,那也是不可取的。记得在读小学的时候,我们经常在作文书上找文章,然后修改,再给老师看。 现在我们做的不是同样一件事情吗?谷歌的网站排序方法很复杂,就像谷歌的使命一样,要开发出理解人思维的搜索引擎。即便是现在,你转载某篇文章,做修改之 后,谷歌也是能判断出来的,判断之后,至少有两种可能,第一、给原文章更高的权重;第二、降低你的权重。当你的网站被降权后,对你来说可是不小的打击,因 为要再次提升你的权重,你所付出的代价将更大。
   4、不要疯狂的制作链接
   一个网站能否排在搜索结果前列,外部链接是一个非常重要的因素。有的博主一定使用过增加外部链接的软件,现在没有得到惩罚,不代表以后没有问题。我 曾经在网站写留言、写评论等,赚取外部链接,后来看了谷歌工程师Matt Cutts的一些对话,发现谷歌将进一步改善这样一个局面。更加重视链接的质量而非数量。所以如果你行业的一些网站有你的链接,表示行业对你的认可,胜过 几十个不相干的链接。如果你突然拥有大量的链接,而且不稳定,对你来说也是一种损失。
   5、发布重要或者权威的内容
   这里所说的重要内容或者权威内容,并非只有那种专业人士、权威人士的专利。就是说,你不要发布一些,吃饭然后睡觉再吃饭再睡觉,这样的内容,说实在 的这些内容除了对你较为重要,对他人几乎没有价值。如果你喜欢销售,你可以写些销售方面的心得体会;如果你喜欢画画,你可以分享如何画出更好的画;如果你 喜欢户外运动,你可以发布户外运动的各种知识。
   原创文章,转载请注明: 王光卫中文博客, 本文链接地址: 提高博客在谷歌排名的5技巧

使用Google Blogger的一些心得和小技巧、知识(转)

使用Google Blogger的一些心得和小技巧、知识(转)

博客分类: IT资讯
GoogleBlog.netF#工作 
虽然Google的Blogger是非常优秀的博客平台,但是很多人因为害怕类似最近发生的头痛事情而望而生畏了,很多Blogger都不再使用那些熟悉的BSP服务了, 已经开始独立写博了。似乎只有少数Google fans还在坚持使用Blog*spot的服务,比如 GG派和IwfWcf。像我一样不是搞IT行业的Blog*spot爱好者可能挺少的吧, 不过我确实挺喜欢很多Google的服务的。顺便说一下,本博客的寿命只有6个多月不到,写这种Blogging的心得,显得非常业余和初级,就算分享一下使用Blogger系统的一些感受吧!

1. 前几天IMPark在网上对我说:"你的博客是因为在blog*spot站点上面,所以我无法访问.",实际他是通过MyBloglog的脚印系统跟踪到我的MyBloglog页面以 后,就再没有登录我的博客, 因为我在MyBloglog上面留下的站点URL是blog*spot.com的博客地址。这个事情虽小,但是说明了一个问题,可能有不少读者不知道如何 访问blog*spot的博客,与我们无法交流,即使是像IMPark一样的IT行业的朋友。 这个问题现在得到解决了,我把MyBloglog上的站点URL改成http://inblogs.net/博客名 的形式了。方法是进入MyBloglog的设置里,选择Blog/Site Settings, 然后到Site URL里, 把自己的blog*spot站点的名字改成http://inblogs.net/your blog name的形式就可以了。这个方法不影响以前给模板加上的MyBloglog的各种统计和跟踪代码。

2.关于如何"自由访问blog*spot站点",现在似乎都变成老话题了,前几天 我也写了一篇文章,推荐一些有效的方法,实际是写给我的另外一个博客的同行朋友们和一般读者的。说G*F*W是推动科普的力量真的是一点不假,连我一个非IT行业人士都加入到开展科普工作的队伍了,你说人民的力量是不是很强大啊:)

3.再写几个看起来比较可行的小技巧,经过本人试验,认为还算可行,在这里多写几句。
(1)关于如何 把博客提交到Sitemaps等常识问题, 请见此文(望月的博客) ,提交Sitemaps到Google的地址是在这里。

(2) 如果你不想在你的博客上显示一些统计代码或者widget, 可以在你的代码前后加一些字符就可以了,形式如下:<span style="display:none">你要隐藏的统计代码</span>,补充说明:只是<>符号应该是在半角状态下打进去;

(3)如果烧制feedburner的feed地址,可以在申请feed的时候填入Blog的Original Feed地址为http://www.inblogs.net/XXX/feeds/posts/default?alt=rss的形式 (这里XXX就是你的blog*spot站点名称),这样当别人订阅了你的feed时,如果他在自己的阅读器内点击了你的某个主题,可以无阻碍得突破限制登录到你的网站。同样,如果你给feedsky提交原始feed的话,你也可以选择相同形式的原始feed就可以了。

(4) 新手玩feedburner,请见这里的教程,当我凭了自己的努力费劲的掌握了feedburner的原理之后,才发现了这篇文章,唉,如果早一天发现了,是不是少走不少弯路了呢。

部落格下拉菜单/分类菜单--看起来挺神奇的

部落格下拉菜单/分类菜单





这是一个不错的下拉菜单,它可以分类成很多~
通常下拉菜单是提供给有许多页面/标签要向读者分享的人
不然用了会不知道该放什么好~而不放却又显得多余
想要的人请跟着以下步骤做,在此我也先声明,不是每个人的部落格背景都能接受这个插件
新版本背景的用户可能无法实现下拉的效果




步骤一:
到Design-->Edit HTML找到以下的代码
]]></b:skin>

步骤二:
然后在他的上面放上以下代码:

#menu {width:740px; background: #3aa3d3; height:25px;; text-align:center; position:relative; z-index:500;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto; background:#710;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul.level1 {background:#3aa3d3;}
#menu ul.level2 {background:#ae4621;}
#menu ul.level3 {background:#c98b14;}
#menu ul.level4 {background:#9f690e;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {font-variant: small-caps;}
#menu li.left ul a.fly {font-variant: small-caps;}
#menu li a:hover,
#menu li a.fly:hover {background-color:#555555;}
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#555555;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


*有时候可能会因为代码的干扰,造成无法显示,所以如果放了所有代码之后依然无法正常显示
那么你可以将以上的代码放到Headings之下或Header之下
颜色代码可以自行更改,太多了,大家自己看看哦

放好了之后按Preview看能不能打开部落格首页,如果没有问题才按Save。


步骤三:
然后到Design-->Add A Gadget-->HTML/JavaScript
将以下的代码放进去

<div id="menu">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="#url">Home</a></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Email</a></li>
<li><a href="#url">Telephone</a></li>
<li><a href="#url">Online Form</a></li>
<li><a href="#url">Snail Mail Address</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Resort<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Ski Hire Facilities</a></li>
<li><a class="fly" href="#url">Main Ski Slopes<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Beginners Slopes</a></li>
<li><a href="#url">Intermediate Slopes</a></li>
<li><a class="fly" href="#url">Advanced Skill Levels<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="#url">Local</a></li>
<li><a href="#url">Nearby</a></li>
<li><a href="#url">With instructor</a></li>
<li><a href="#url">Snow boarding</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Expert</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Night Life</a></li>
<li><a class="fly" href="#url">Restaurants<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Snow Hotel</a></li>
<li><a href="#url">The Snowman</a></li>
<li><a href="#url">Ice Cavern</a></li>
<li><a href="#url">Ski Inn</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="#url">Car Hire<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">From Airport</a></li>
<li><a href="#url">In Resort</a></li>
<li><a href="#url">Multiple Resorts</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Surrounding Area<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Where to go</a></li>
<li><a href="#url">What to do</a></li>
<li><a href="#url">Places of interest</a></li>
<li><a href="#url">National parks & Museums</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li left"><a class="level1-a fly" href="#url">Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Money Exchange</a></li>
<li><a class="fly" href="#url">Resort Essential Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Lift Passes</a></li>
<li><a href="#url">Insurance</a></li>
<li><a class="fly" href="#url">Gear Rental<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="#url">Boots</a></li>
<li><a href="#url">Skis</a></li>
<li><a href="#url">Ski Wear</a></li>
<li><a href="#url">Goggles</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Ski Schools</a></li>
<li><a href="#url">Snow Report</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="#url">Language<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Austrian</a></li>
<li><a href="#url">German</a></li>
<li><a href="#url">French</a></li>
<li><a href="#url">English</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Short Breaks</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a" href="#url">Privacy</a></li>
</ul>
</div>


这一个代码有些许的混乱,我尝试调整了之后大概明白了一些
在这里向大家解释,也算是小小的教大家一些基本的代码=)
不过说真的,我的解释能力不是很好-.-请大家见谅..

1.那些level1-level4都分为菜单的层级,菜单第一层是level1,从level分出来的是level2
level2分出来的就是level3,随着这样来区分

2.level1-li代表下拉菜单朝向右侧打开

3.level1-li left代表下拉菜单朝向左侧打开

4.level1-a代表不打开下拉菜单

5.level1-a fly代表level1菜单要下拉

6.fly代表分类,如果你的菜单要分类,那么记得要放fly这字眼哦~

7.#Url可以替换为你的连接

我所知道得就上面这些了@@


如果你要开多一个分类而不要下拉,那么就添加以下代码
<li class="level1-li"><a class="level1-a" href="#url">名字</a></li>


如果你要添加一个分类,但是要有下拉,那么就添加以下代码
<li class="level1-li"><a class="level1-a fly" href="#url">名字</a>
<!--[if lte IE 6]><table><tr><td><![endif]-->


<!--[if lte IE 6]>是为了让他呈现下拉效果,所以别删除哦

添加了之后,你就可以在他下面添加下拉菜单了,如:
<ul class="level2">
<li><a href="#url">名字</a></li>
<li><a href="#url">名字</a></li>
</ul>



感觉自己解释到很复杂,但他真的就是这么复杂= =
而且还有些我没解释,我怕会越说大家越不懂哦
大概就这些了,大家慢慢弄~

还有现在Blogger限制要写标题,如果不要放标题的,就在标题的框内打<h2></h2>就可以了=) 

by:kenchy

Google Blogger 使用技巧--非常实用的技巧,推荐

无法查看这则摘要。请 点击此处查看博文。

BLOG及GOOGLE BLOGGER使用SYNTAXHIGHLIGHTER(高亮度語法)的方法

BLOG及GOOGLE BLOGGER使用SYNTAXHIGHLIGHTER(高亮度語法)的方法

  如果你要在網路上寫些技術性的文章,那文章內容上會有Code這種東西的話,是否會希望Code的地方會有個突出的顯示,或是可以如程式開發工具一樣,會自動帶語法特性,例如行號、關鍵字是什麼顏色,在工具中這些功能稱「高亮度語法」也就是讓我們的Code不只有記事本裡的黑與白,而是能依字、句來分類給予不同的顏色,讓我們「人」可以清楚分出Code裡的東西。 網路上就有這種好東西,我今天也為Blog加上了這個特效,做個學習文件。

  SyntaxHighlighter是個LGPL 3發行的原始碼專案,網站:http://alexgorbatchev.com/wiki/SyntaxHighlighter ,基本上你要為網站加上這些功能很簡單,你只要下載檔案回來,然後include進你所要使用的網頁中即可,然後在Code的前後加上一個HTML tag:


<pre class="brush: js">
  //這裡放你要顯示高亮度的Code
</pre>

,但因為我們是要在Blog上使用,所以還要一點小小技巧。

在Blog及Google Blogger使用SyntaxHighlighter的方法,以Google Blogger為例:

一、先到http://alexgorbatchev.com/pub/sh/底下然找你所要使用的版本,其中有styles與scripts兩個目錄,等一下會用到。

二、開啟Blogger管理後台-->版本配置-->修改HTML-->修改範本-->找到</head>-->貼上程式碼:


//步驟請參考:http://alexgorbatchev.com/wiki/SyntaxHighlighter:Usage
//在href的地方使用它們網站提供的服務,在你所要使用版本styles中先引用shCore.css及shThemeDefault.css兩個CSS
//CSS參考:http://alexgorbatchev.com/pub/sh/2.0.296/styles/
<link rel="'stylesheet'" type="'text/css'/" href="'http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css'">
<link rel="'stylesheet'" type="'text/css'/" href="'http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css'">
//然後引用主要的 javascript:shCore.js
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js">
//在src一樣,使用網站所提供的服務,選擇你所要使用的程式語言相關樣式設定的 javascript
//javascript參考:http://alexgorbatchev.com/pub/sh/2.0.296/scripts/
<script src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushCss.js" type="text/javascript">
<script src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js" type="text/javascript">
<script src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushSql.js" type="text/javascript">
<script src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushVb.js" type="text/javascript">
<script src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js" type="text/javascript">
<script type="'text/javascript'">
SyntaxHighlighter.all();
//SyntaxHighlighter.config.bloggerMode = true;

//這行是特別針對Blogger設定,如果不設定在顯示時會有問題。
SyntaxHighlighter.config.bloggerMode = true;</script>

檔存。

三、然在使你要使用的地方加上一個HTML Tag包起來:
<pre class="brush: js">
  //這裡放你要顯示高亮度的Code
  //重點在class裡的brush後的參數,你可以自由選擇你所想使用的樣式
  //請參考:http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes
  //我常用的有:js、css、vb、sql、xml
  //如果有使用xml,請注意,一定把"<"換成&lt;,不然會有問題! </pre>


  這就完成一個有專業Code樣式的網頁了。

Google Blogger使用技巧--很爽啊,太好的技巧


 Google Blogger使用技巧

Blogger是Google提供的免费博客服务,提供中文界面,是一个很成熟的中文博客发布平台。
Blogger一个突出的 特点就是简洁但功能强大,没有多余而花哨的功能,必要的功能一个都不差。Bloger自由性最大的地方在于其模板可以自定义,也就是说你可以修改模板里的 任何内容,包括Google的广告,这给那些懂Html和CSS的Blogger提供了很大的自由度。Blogger默认把用户的网志发布到免费提供的 Blogspot.com主机上。可惜的是Blogspot.com从中国是无法访问。好在Blogger.com提供了一种很独特的服务,可以将博客的 静态页面通过FTP发布到用户选择的服务器上。
通过FTP发布到其他主机
用户在Blogger.com上的默认Blog地址显然无法从国内访问,但是如果你有一个虚拟主机空间,或者其他支持FTP的空间,那么Blogger.com可以将这个地址上的日志文件全部发布到你的虚拟主机空间上去。
具体的方法是:登陆你的Blogger帐号,进入控制面板,更改设置,在“发布”选项卡中点击FTP的超级链接,然后录入FTP服务器地址,FTP用户名和密码。点保存设置后,就可以发布了,这时Blogger.com会将你的整个站发布到你指定的主机上。
至于这个FTP服务器,我推荐一个国内GFans提供的免费Blogger Spaces空间,支持FTP发布,最重要的是支持域名绑定,其服务器在广州,速度很快,希望大家不要滥用其服务。
通过电子邮件发布日志
在Blogger中写日志麻烦?告诉你一个技巧,你可以不登录Blogger网站,只要发送一封电子邮件就可以发表文章了。
具体的方法是:登陆你的Blogger帐号,进入控制面板,更改设置,在“电子邮件”中,在Mail-to-Blogger地址中可以自定义一个邮件地 址,发送到此地址的邮件会自动张贴,BlogSend地址是另外一个电子邮件地址,只要一发布文章,系统会将其邮寄文章到此地址。
这里 再介绍一个小技巧,就是在更新Blogger的同时也更新MSN Space。因为MSN Space也是支持邮件发布的,因此将Blogger发布后发送邮件的BlogSend地址修改为MSN Space的发布邮件地址,这样在Blogger上发布一篇文章后,系统就会自动将文章内容发送到Msn Spaces里,这样就同时更新了两个博客。
有一点值得注意的是,Blogger默认的编码是UTF-8编码,因此发送邮件的时候要将邮件编码设置为UTF-8的格式,建议登陆GMail发送邮 件。一来GMail默认就是UTF-8格式的,编码全兼容,二来GMail支持自动保存功能,不怕电脑死机后丢失文章,三来GMail还可以自动备份发出 去的文章,以免文章丢失。
使用第三方软件发布文章
Zoundry是一个第三方的日志发布软件,可以做到不用登陆Blogger即可发布日志,使用它来编辑和发布,速度和效率都非常理想。
添加Google Adsense广告
Google Blogger用户可以很快捷方便地申请加入Google Adsense广告服务。Google本身也推荐博客们使用Blogger的广告来为自己和Google赚钱。
Google工具栏的应用
Google工具栏有一个按钮是“发送到Blogger”,可以快速将当前网页发送到自己的Blogger空间上。
Google Picasa的应用
Picasa是Google的图像管理软件,在Picasa中点图片,再点“Blog This”,可以将选定图片发送到自己的Blogger空间上。
Blogger的申请地址是: http://www.blogger.com

Google Blogger 筆記:使用標籤(Labels)小工具,顯示出文章分類標籤【转载】



Blogger 筆記:使用標籤(Labels)小工具,顯示出文章分類標籤。

部落格文章撰寫隨自己喜好而定,內容五花八門可以天馬行空、有條有理,若文章種類多通常會加上標籤為文章分類。Blogger 撰寫文章時就可以幫文章設定標籤,或是從管理後台一次設定多篇文章的標籤。文章設定好分類標籤後,使用「標籤小工具」就可簡單將文章分類顯示在側邊欄,方便訪客瀏尋找覽文章。

撰寫文章時右側「文章設定」→「標籤」,輸入名稱或是從下方選擇已存在的標籤。


Blogger「管理後台」→「發表文章」,可一次設定多篇文章的標籤。將想變更的文章點擊勾選,點擊鉛筆圖案進行設定。


新增或是移除已建立的標籤。


Blogger「管理後台」→「版面配置」→「新增小工具」,增加小工具到側邊欄顯示分類標籤。


選擇小工具「標籤」。


設定標籤完成後點擊儲存。


「顯示」→「選取的標籤」,點擊「編輯」勾選想要顯示的項目。


文章分類標籤完成,清單樣式。


標籤雲樣式。