显示标签为“Blog相关”的博文。显示所有博文
显示标签为“Blog相关”的博文。显示所有博文

添加Google Maps

代码存在一些问题，下课后继续修改。^_^ 又一中午没睡觉。郁闷!

成功啦，原来作者的代码中多了两个空格，晕死。 看鱼做的示例.

1.像以前添加Google Ajax search一样，先到官方网站上申请一个Key，地址在这儿。

2.备份你的模板。一定要注意这一步，不要出错的时候后悔莫及。

3.紧在</head>之前，添加下面代码。在这一步，我们可以设定默认的Google maps加载时的地点，要用到经纬度，可以通过Google earth得到。经纬度格式示例：4.700000, 52.300000

我实在没办法了，因为只要把代码复制到这上面，就不能正常显示，因此放在了一个文本区域中,如果还不行,那么建议你不要添加了,因为用处不大




4.保存模板，可能会弹出错误提示，可以忽略，因为你申请的Key是为你的Blog地址，而此时的地址是beta.blogger.com

5.现在你只要粘贴下面代码就可以把地图放在文章或侧边栏里了。

<div id="map" style="width:360px; height:260px; border:solid 1px #000000;">Loading map...</div>

via BeautifulBeta

发布者： 于 3 条评论:
标签: ,

让所有链接在新窗口中打开

很多人问到这个问题。修改一下Html解决问题。选中“扩展窗口小部件模板”。找到链接模块，添加上一个target='_blank'属性。如下面红色标出的部分。如果你用过之前介绍的链接的Hack，代码可能不同，但也可以找到相应的部分。

<b:widget id='LinkList2' locked='false' title=链接' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='link'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a>
</li>
</b:loop>
</div>
</ul>

发布者： 于 3 条评论:
标签: ,

Google Ajax Search应用另一例

很早之前写过一个简单的例子，因为需要调整的东西太多并且容易出错，因此把那篇文章删掉了。Hoctro介绍了另一个Ajax Search，这个更实用一些。比较酷，采用了标签的形式，跟Blog结合的更紧密。示例可以看 Blogger Show，或者原作者Hoctro's Place

1.去http://code.google.com/apis/ajaxsearch/signup.html申请一个Key。

2.添加JS和CSS。这一部分添加在] ] ></b:skin>之后，或者你喜欢的位置。

<script
src='http://www.google.com/maps?file=api&amp;v=2&key=申请到的Key' type='text/javascript'/>
<script
src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&key=申请到的Key' type='text/javascript'/>
<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet' type='text/css'/>
<link href='http://www.google.com/uds/css/gsearch_darkgrey.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
/* primary colors */
.app_gsvsc { color : rgb(153, 170, 221); }
.search-form-complete_gsvsc div.search-form-save_gsvsc { color : rgb(170, 221, 153); }
div.search-form-save_gsvsc { color : #202020; }
/* selected tag */
div.tag-selected_gsvsc { color : rgb(170, 221, 153); }
/* hover colors */
div.more_gsvsc:hover { color : rgb(170, 221, 153); }
div.tag-control_gsvsc:hover { color : rgb(170, 221, 153); }
.search-form-complete_gsvsc div.search-form-save_gsvsc:hover { color : rgb(170, 221, 153); }
.footerBox_gsvsc a:hover { color : rgb(170, 221, 153); }
.playerBox_gsvsc a.title_gsvsc:hover { color : rgb(170, 221, 153); }
/* secondary colors */
div.more_gsvsc { color : rgb(204, 204, 204); }
div.tag-control_gsvsc { color : rgb(204, 204, 204); }
.searchForm_gsvsc { color : rgb(204, 204, 204); }
.search-form-input_gsvsc { color : rgb(204, 204, 204); }
td.edit-form-input_gsvsc input { color : rgb(204, 204, 204); }
div.edit-form-submit-box_gsvsc { color : rgb(204, 204, 204); }
.footerBox_gsvsc a { color : rgb(204, 204, 204); }
.playerBox_gsvsc a.title_gsvsc { color : rgb(204, 204, 204); }
div.edit-tag_gsvsc { color : rgb(204, 204, 204); }
/* special settings, not called out in standard color overrides */
.tiny-results_gsvsc div.tiny-video-result_gsvsc { border-color : #000000; }
.results_gsvsc div.video-result_gsvsc { border-color : #000000; }
.search-form-input_gsvsc {
color : #676767;
background-color : #e0e0e0;
}
.gsc-control {
width: 100%;
}
</style>
<script type='text/javascript'>
var coreSearch;
function SolutionLoad() {
var controlRoot = document.getElementById("searchControl");
// create the search control
coreSearch = new GSearchControl();
coreSearch.setLinkTarget(GSearch.LINK_TARGET_SELF);
coreSearch.setResultSetSize(GSearch.LARGE_RESULTSET);
// prep for decoupled search form
var searchFormElement = document.getElementById("searchform");
var drawOptions = new GdrawOptions();
drawOptions.setSearchFormRoot(searchFormElement);
drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);
// populate - web, this blog, all blogs
var searcher = new GwebSearch();
searcher.setUserDefinedLabel("网络");
coreSearch.addSearcher(searcher);
searcher = new GblogSearch();
searcher.setUserDefinedLabel("Blog搜索");
coreSearch.addSearcher(searcher);
searcher = new GblogSearch();
searcher.setSiteRestriction("你的Blog地址");
searcher.setUserDefinedLabel("你的Blog名称");
coreSearch.addSearcher(searcher);
searcher = new GwebSearch();
searcher.setSiteRestriction("http://www.blogger.com/");
searcher.setUserDefinedLabel("Blogger搜索");
coreSearch.addSearcher(searcher);
coreSearch.draw(controlRoot, drawOptions);
}
function doCoreSearch(q) {
coreSearch.execute(q);
}
registerLoadHandler(SolutionLoad);
function registerLoadHandler(handler) {
var node = window;
if (node.addEventListener) {
node.addEventListener("load", handler, false);
} else if (node.attachEvent) {
node.attachEvent("onload", handler);
} else {
node['onload'] = handler;
}
return true;
}
</script>

3.通过修改HTML添加两个模块，其中一个是搜索结果，一个是搜索框。无需选中“扩展窗口小部件模板”，找到类似的以下部分：

<div id='right-sidebar-wrapper'>
<b:section class='sidebar' id='right-sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='相关文章' type='HTML'/>
<b:widget id='HTML5' locked='false' title='日常使用的软件' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='HTML1' locked='false' title='搜索订阅' type='HTML'/>
<b:widget id='Label1' locked='false' title='标签' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='存档' type='BlogArchive'/>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
<b:widget id='Feed1' locked='false' title='评论' type='Feed'/>
<b:widget id='LinkList1' locked='false' title='[+/-]链接' type='LinkList'/>
</b:section>
</div>

然后把下面的代码放在任意两个b:widget 之间：

<b:widget id='HTML41' locked='false' title='Search Bar' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='searchform'>Loading...</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML42' locked='false' title='Search Results' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='searchControl'>Loading...</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.到页面元素中，拖动刚添加的两个模块到适合的位置，保存。

5.最后介绍一下自定义部分。下面这段代码是第一部分代码中的一部分，我们就是通过这部分定义的Blog搜索。其余红色的部分都是已定义的搜索，可以根据实际情况修改或去除。因为火狐浏览器会缓存js，所以如果几个博客都有这个api插件的话，就会报错,出现这种情况，请点确定。

searcher = new GblogSearch();
searcher.setSiteRestriction("你的Blog地址");
searcher.setUserDefinedLabel("Blog名字");
coreSearch.addSearcher(searcher);

相关介绍：GGpai

发布者： 于 3 条评论:
标签: , ,

侧边栏Feed订阅部分代码

更换了一下订阅部分的样式，更加简洁方便，如有需要可以根据下面的代码自己修改一下。新建一个Html模块，把代码放上，把我的订阅地址更换为你自己的。我的订阅地址：http://feeds.feedburner.com/eool

发布者： 于 5 条评论:
标签: ,

页面加载转换效果

更新：我把这个效果从这个Blog里去除了，效果自己加上试一试吧，反正很简单。很Cool哦

在IE下有效，FX（好像我见到的大多数人都习惯称之为FF）下只能看到加载效果。转换滤镜不起作用。Gecko 的浏览器下面也可以看到。效果请在IE下打开这篇BLog的单独链接查看。很Cool～

没有效果要多试几次哦。这个效果要求新的页面在后台完全加载结束后才会进行转换，因此会觉得加载时间长一些。不过Blogspot还是蛮快的嘛

1.添加到<Head></head>区域，放在前面好了。

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" />
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" />

2.添加到</body>之前

<script language="JavaScript" type="text/javascript">
function loading(){
document.getElementById("loading").style.display="block";
}
window.onbeforeunload=loading;</script>
<div id="loading" style="position:absolute;top:300px;left:0px;width:100%;text-align:center;z-index:100;display:none;"><span style="background-">请稍候，页面正在加载... </span></div>

via s5s5

发布者： 于 8 条评论:
标签: ,

添加Snap链接预览

可视化搜索引擎Snap近期推出了Snap Preview Anywhere服务，它的作用就是提供链接预览，不实用却很炫的一个功能，或许你会喜欢。
当访问者的鼠标悬停在链接上时，该链接的站点缩略图将显示出来。效果如图：

得到的代码只要新建一个“Html模块”，放进去就行，即使放在已有的模块中也可以。
现在的愿望就是每周可以轻轻松松的写一篇Blog。昨晚上正写着呢，Blogspot又挂了，一点心情都没有了。
发布者： 于 11 条评论:
标签: ,

Flash Mp3播放器

Sein为了寻找一个合适的播放器而大费周折，鱼记得以前也看过一款超强的播放器，它就叫FLASH MP3 PLAYER，支持回放、RSS/XSPF播放列表、多种样式、artworks、颜色大小自定义以及一个Js API。更多功能请查看官方的Readme文件。

可以去Musiklab website，Chicago Music Promotions，GeenStijl Dump，Podnova Podcast，看一下示例。

如果喜欢，这是下载地址，我们用到的有三个文件，mp3player.swf、Playlist.xml、Config.xml。添加代码：

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="200" id="mp3player"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >
<param name="movie" value="http://www.server.com/mp3player.swf" />
<param name="flashvars" value="config=http://www.server.com/config.xml&file=http://www.

server.com/playlist.xml" />
<embed src="http://www.server.com/mp3player.swf" width="300" height="200" name="mp3player"
flashvars="config=http://www.server.com/config.xml&file=http://

www.server.com/playlist.xml"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

它的自定义是通过Config.xml文件来实现的，下面是内容注释。

<mp3config>

<!-- 自动播放和无序播放(true或者false) -->
<autostart>false</autostart>
<shuffle>true</shuffle>

<!-- 选择重复播放模式(none, one, all or list (plays the entire playlist once)) -->
<repeat>list</repeat>
<!-- 音量(0 to 100) -->
<volume>80</volume>
<!-- 是否显示display 和 playlist (true or false) -->
<showdisplay>true</showdisplay>
<showplaylist>true</showplaylist>
<!-- choose here in what frame you want links to be opened (_blank, _self, _top or a framename) -->
<linktarget>_top</linktarget>
<!-- 颜色(十六进制值, from 0x000000 to 0xffffff) -->
<backcolor>0xffffff</backcolor>
<frontcolor>0x333333</frontcolor>
<lightcolor>0x000000</lightcolor>

<!-- 你可以用一张Jpg文件作为播放器的背景，作为它的皮肤 (url to the jpg file) -->
<jpgfile></jpgfile>
<!-- (for webmasters) URL of a script, called on start and completion of a song -->
<!-- the following vars are sent with POST: playlist, title, file, identifier, action ('start' or 'complete') -->
<callback></callback>
</mp3config>

发布者： 于 6 条评论:
标签: ,

记录访问者上一次浏览时间

这些代码来自Javascriptkit,只要新建一个Html/javascript模块，把下面的代码放进去即可。当然，你可以更改欢迎信息。

<script type="text/javascript">

var lastvisit=new Object()
lastvisit.firstvisitmsg="这是你第一次光临本站" //Change first visit message here
lastvisit.subsequentvisitmsg="欢迎回来，你上一次到来是在 <b>[displaydate]</b>" //Change subsequent visit message here

lastvisit.getCookie=function(Name){ //get cookie value
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

lastvisit.setCookie=function(name, value, days){ //set cookei value
var expireDate = new Date()
//set "expstring" to either future or past date, to set or delete cookie, respectively
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
document.cookie = name+"="+value+" expires="+expireDate.toGMTString()+" path=/"
}

lastvisit.showmessage=function(){
if (lastvisit.getCookie("visitcounter")==""){ //if first visit
lastvisit.setCookie("visitcounter", 2, 730) //set "visitcounter" to 2 and for 730 days (2 years)
document.write(lastvisit.firstvisitmsg)
}
else
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", new Date().toLocaleString()))
}

lastvisit.showmessage()

</script>

发布者： 于 2 条评论:
标签: ,

添加Google ajax search

Google ajax search效果很炫，但却觉得不太实用。

1.先在这儿申请一个Key

2.添加一个Html/javascript模块，标题输入你所在的城市，内容你感兴趣的好了。

3.到代码编辑状态，展开代码。紧跟</head>之前，添加以下代码：<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet' type='text/css'/>

4.然后找到你刚才建的那个模块。例如开始可能是这样的：<b:widget id='HTML1' locked='false' title='Kaifeng' type='HTML'>，然后用下面的代码替换从上一句到</b:widget>的所有内容：

<b:widget id='HTML1' locked='false' title='New York, NY' type='HTML'>
<b:includable id='main'>
<div id='searchcontrol'>Loading .....</div>
<script src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=你申请到的Key' type='text/javascript'/>
<script type='text/javascript'>
var local="<data:title/>";
var initSearch="<data:content/>";
// Create a search control
var searchControl = new GSearchControl();
// Add in a full set of searchers
var localSearch = new GlocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());
searchControl.addSearcher(new GnewsSearch());
// Set the Local Search center point
localSearch.setCenterPoint(local);
// tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementById("searchcontrol"));
// execute an inital search
searchControl.execute(initSearch);
</script>
</b:includable>
</b:widget>

发布者： 于 2 条评论:
标签: ,

Blogger beta:首字下沉

这个功能似乎不太常用，而且用起来也比较麻烦。看到有人也用到这个小小的修饰，所以也写在这里。

1.在CSS里定义首字的形式。可以自定义font-size(字体大小)，color（颜色）,line-height（行高）.

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

2.用的时候把第一个字用<span>包围起来，如<span class="dropcaps">示例</span>

发布者： 于 2 条评论:
标签: ,

如何在帖子中添加代码

有时候我们需要在帖子中展示一些源代码，如果在Blogger的编辑器中，这些代码就会被执行。这时候，最简单的方法就是通过一些离线Blog撰写软件，这是鱼喜欢上Windows live writer的主要原因，几乎省下了以前一半的时间。现在Windows live writer存在的缺点就是不能为Blogger beta加标签以及上传图片，写完之后还要重新到Blogger中加上标签。

再者就是通过一些网页编辑软件比如Dreamweaver转换，也非常方便。鱼之前就用这种方法。

以上两种方法适宜大量的代码，如果只是几句简单的代码大可不必这么麻烦。只要把"<"用“&lt;”代替，“>”用"&gt;"代替即可。

或者我们也可以创建一个Text区域来显示代码

<br /><center><form><textarea rows="3" cols="50" readonly>代码部分</textarea></form></center><br />


发布者： 于 4 条评论:
标签: ,

关注博客的反向链接

互联网是由链接组成的。
如果你寄生于网络上已经有很长一段时间了，那么你可能会有如此的感觉：尽管Internet非常庞大，可是要找到自己真正喜欢的内容是如此的不容易。腻烦了RSS，讨厌门户的小圈子，网络上的伪装也已感到疲惫，那么是换一种“生活方式”的时候了。
鱼现在喜欢上了一种新的网络的探索方式，就是查看自己网站的反射链接然后一一“拜访”他们，这是真正跟自己的生活相关的，也是所熟悉的、喜欢的。未来的SNS应该包含发现的快乐。
我们应该如何更快、更全面的找到自己Blog的反向链接呢？Technorati是Blog世界里的Google，因此用它来跟踪我们的链接是最佳工具，尽管它在中国已经被封,可是我们可以通过国外的Rss阅读工具如Google reader来订阅自己的地址的反射链接。形式如下：

反向链接：
http://feeds.technorati.com/search/sunr.blogspot.com
关注的内容：
http://feeds.technorati.com/search/咖啡鱼

Google blogsearch也支持搜索结果订阅，只要到Google blogsearch搜索“ link:网址 ”,然后在侧边栏就会提供四种形式的Rss订阅地址。例如鱼搜索 link:sunr.blogspot.com 然后得到的Rss地址为：http://blogsearch.google.com/blogsearch_feeds?hl=en&q=link:sunr.blogspot.com&ie=utf-8&num=100&output=atom

抓虾用户可以用Feedburner烧制Technorati的Rss，然后再订阅。
发布者： 于 2 条评论:
标签: , ,

Feedburner:自动Ping Google blogsearch

因为更新没有规律，所以欢迎订阅鱼的Blog

前几天Google blogsearch正式支持主动Ping，Google也提供了相应的API让用户可以自动Ping Google blogsearch，但对我们这些初级用户来说，只能以体力劳动代替脑力劳动了。

但是如果你用Feedburner烧制了你的Blog的话，那么我们可以放轻松一些啦。因为Feedburner最近添加的功能中就包括自动Ping一些博客搜索，其中包含了Google blogsearch。默认Google blogsearch不在其中，而且最多只能选择五个，所以你要去掉一个，然后就可以把Google blogsearch添加上了。

它的位置在Publicize——》PingShot

发布者： 于 没有评论:
标签: , , ,

Blogger：提交Google Sitemaps(已更新)

感谢Sein,Google sitemaps是非常重要的SEO手段，通过它可以让你的网站迅速并且完整的提交到Google。但对Blogger这样的BSP来说，我们不能上传文件，所以不能用常规的方法去生成Sitemaps文件然后提交。那么我们应该怎么办呢？

我们知道Google sitemaps是一种XML文件，其实Blogger本身就提供了这种文件，Atom。因此我们只要把它提交到Sitemaps就行了。

你需要提交的地址是：

http://用户名.blogspot.com/atom.xml

关于如何使用Sitemaps可以查看它的帮助，一般的问题都可以在那儿找到。

Update：其实在提交了Atom之后，我又提交了Blogger的两种形式的Feed。发现只有RSS格式的没有出现错误。这点在评论里已经有朋友提到。因此你可以提交下面类似的地址：

http://用户名.blogspot.com/rss.xml

发布者： 于 5 条评论:
标签: , ,

自定义网址前的小图标：Favicon(已更新)

如果你用Firefox或IE7(IE里面显示的是静态的)，在地址栏或标签上会看到本站的那个黑色的小花，而且是会动的。它是怎么做的呢？

发现了一个非常Cool的网站，以前鱼也写过类似的文章，但那个图标是静态的。在这个网站上你可以生成一个动态的图标，而且可以任意选择本地文件上传，自定义滚动的文字（好像不支持中文），动心了吗？

生成之后下载它提供的一个压缩文件，里面包含了一个.ico文件，一个 .gif文件。把它们上传到如Google pages（ICO文件必须更改名称，只要不是Favicon即可，比如鱼用的Sunricon.ico）得到地址。然后在Head之间添加下面代码：

1.如果是静态的Favicon（只需上传ICO文件）

<link rel="shortcut icon" href="favicon.ico文件地址" />

2.如果是动态的Gif（上传两个文件）

<link rel="shortcut icon" href="favicon.ico文件地址" / >
<link rel="icon" href="animated_favicon1.gif文件地址" type="image/gif" />

发布者： 于 10 条评论:
标签: ,

在线颜色调配工具

选择一个颜色之后，它会自动给出与颜色最打配的颜色，是设计网页时非常得力的一个工具，推荐给大家.另外你也可以用它来得到颜色的十六进制值。

相关地址

发布者： 于 3 条评论:
标签: ,

让你的链接更迷人一些——Sweet Titles

以前用Classic Blogger的时候就想加上这个效果，因为懒所以一直没动，今天又在此人极度凶悍那里看到介绍这个JavaScript，终于下定决心把它添加上了。另外，为了搭配本Blog的效果，对它做了一点小小的修改，希望这点会对你有点用处。效果就是鼠标指向本站链接时出现的那个小框框

1.在CSS里添加以下代码：

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#ff8c05;border:2px double #0f7f00;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#ffffff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#ffffff;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#ffffff; }

2.引用脚本文件，像以前添加JS一样，将此信息添加在head之间

<script type="text/javascript" src="addEvent.js文件地址"></script>

<script type="text/javascript" src="sweetTitles.js文件地址"><br /></script>

3.自定义。在CSS中我们可以看到五个颜色值，background:#ff8c05 背景色 double #0f7f00边框颜色 还有其它三个都表示文字的颜色，一个是Title属性值的颜色，一个是链接的链色，还剩一个不知道。如果你知道请一定告诉鱼。

如果你很喜欢这个效果的话，这儿是下载地址。解压之后要将其中的两个JS文件上传（如Googlepages中），然后修改代码中JS文件的地址。其余的文件没什么用处啦。压缩文件中的CSS文件是默认的颜色，如果你喜欢可以用那里面的代码。

发布者： 于 5 条评论:
标签: ,

添加滚动条

<div style="overflow:auto; height:300px; width:400px">
<table cellpadding="0" cellspacing="0" style="width:250px;">
<tr>
<td> 文字部分</td>
</tr>
</table>
</div>

发布者： 于 3 条评论:
标签: ,

最新消息：Google blog search支持主动Ping

据我所知Google blog search对Blogger beta支持的并不怎么样。因为只会收录不超过五篇的内容。

当你的Blog更新了现在你通过这个地址http://blogsearch.google.com/ping来通知Google blog search收录你的内容，这个东西类似于Feedsky的Ping
但是个人认为这个功能没多大用处，因为Google blog search收录速度已经够快了，几乎一发布就会被收录.
发布者： 于 没有评论:
标签: , ,

Blogger beta：头信息优化

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

我们在Blogger Beta模板代码的头部会发现这样一条语句，它是用来做什么的呢？这条语句的作用就是加载那些无需修改的头部信息，比如RSS地址，网页编码等
那么我们可以做些什么呢？比如鱼，很希望别人订阅自己烧录的Feedburner地址，而不是Blogger默认的地址，这样更容易统计网站的信息。那么这个语句就变得非常关键了。
我们应该怎么做呢？把这条语句删除我们就可以自定义任何自己想要的信息了。其中有两条是必须要添加上的，一条是网页编码(如果你是按Blogger默认的编码就是UTF-8)，另一条是RSS。
下面是这两句的内容：
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
<link href='http://feeds.feedburner.com/eool' rel='alternate' title='RSS for this blog' type='application/rss+xml' />

其它内容：
name 属性
1、<meta name="Generator" Content="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
　　
2、<meta name="KEYWords" content="">向搜索引擎说明你的网页的关键词；
　　
3、<meta name="DEscription" content="">告诉搜索引擎你的站点的主要内容；
　　
4、<meta name="Author" content="你的姓名">告诉搜索引擎你的站点的制作的作者；
　　
5、<meta name="Robots" content= "all|none|index|noindex|follow|nofollow">
　　
其中的属性说明如下：
　　
设定为all：文件将被检索，且页面上的链接可以被查询；
　　
设定为none：文件将不被检索，且页面上的链接不可以被查询；
　　
设定为index：文件将被检索；
　　
设定为follow：页面上的链接可以被查询；
　　
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
　　
设定为nofollow：文件将不被检索，页面上的链接可以被查询。

http-equiv属性
　 　
1、<meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Language" content="zh-CN">用以说明主页制作所使用的文字以及语言；
　　
又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
　　
2、<meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；
　　
3、<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
　　
4、<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
　 　
5、<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
　　
6、<meta http-equiv="Pics-label" content="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
　　
7、<meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
　 　
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" content="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即 FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

Update:忘了补充了，你必须在每一条语句后面加一个“ /”以让标记“结束”，这些信息都是放在Head之间的。
发布者： 于 8 条评论:
标签: ,
订阅： 博文 (Atom)