Tag Archives: blog

The XHTML/CSS template phase of my new blog, part 2

In part 1 I’ve showed you how I divided the design into different container div areas. In this post I’m going more into detail on the CSS/XHTML of the horizontal navigation. As I mentioned already in part 1, I use a technique called the Navigation Matrix written by Didier Hilhorst. In this technique, you use only 1 background image for the whole navigation. This background image is then placed to its pixel precise position using CSS background positioning.
 
 

blogdesign-nav.gif

Continue reading

The XHTML/CSS template phase of my new blog, part 1

 

Most of you might already know that if you create your pages using CSS, you need to switch off ‘slice-mode’. Slicing and tables are yesterday’s news if you are a web professional. I guess I don’t have to explain why, so we move right onto the practical question: How did I start converting my blog design? First you need to analyze your design and define the areas that will be converted into a container div using an ID or a class.

Defining the main container divs

Dividing the page into the main areas is where it all starts. For my design I have 2 big areas: the footer and everything above the footer. These 2 div containers are called : #footer and #wrap (see image below). The last one contains a lot of other containers. That’s why I give it the logical name of “wrap”, acting like a wrapper around other containers. This big wrapper is needed to keep all the containers together. If I would leave this one out then the boxes would move when you resize your window smaller then my layout. This can of course cause a neath effect, exactly what you are hoping for. A perfect example is Simon Collison’s weblog. My design however makes it less perfect to do that. A wrapper container is also needed if you like to have a centered layout. So when you resize your window the layout stays centered. In this case everything is wrapped, the footer as well.

Continue reading

Googlify your Movable Type Blog

With the recent release of the new version of Google’s toolbar for Internet Explorer on Windows, it’s now possible to make your own custom buttons for the popular browser extension. Once installed, the button gives you easy access to your most recent entries and provides you with a simple way to search your site for a word or phrase you highlight on any web page.
 
In addition to just being a cool feature for your own personal use, by providing it to your visitors, it’s also a great vehicle for promoting and increasing traffic to your Movable Type-powered blog.
 
Creating a Google Toolbar button for your site
So how do you do it? Easy. You can just make use of the template that Niall Kennedy created, which uses the power of Movable Type’s publishing engine to automatically generate the code for the button.
 
First, create a new index template. You might want to name it "Google Toolbar Button" and then set the Output File to toolbar_button.xml. Then, copy the following text and paste it in as the body of the template.
 
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
  <button>
    <title><$MTBlogName remove_html="1" encode_xml="1"$></title>
    <description><$MTBlogDescription remove_html="1" encode_xml="1"$></description>
    <site><$MTBlogURL$></site>
    <search><$MTCGIPath$><$MTSearchScript$>?search={query}&IncludeBlogs=<$MTBlogID$></search>
    <send><$MTCGIPath$><$MTSearchScript$>?search={selection}&IncludeBlogs=<$MTBlogID$></send>
    <feed refresh-interval="3600"><$MTBlogURL$>atom.xml</feed>
     <icon mode="base64" type="image/x-icon">AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAD///8A//f3APf39wD39+8A9+/vAO/v5wDv5+cA5+feAN7e1gDe3s4A3tbOAN7WxgDW1sYA
1s7GAM7GvQDOxrUAxr2tAMa9pQDGtaUAvbWlAL21nAC1rZQAtaWMAK2ljACllHsApZRzAJyMawCU
hGMAlHtaAIx7WgCMe1IAjHNSAIRzUgCEc0oAhGtKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHRoNGh0dHR0dHR0dIR0dHR0EECIdHSIdHR0dHR0d
HSIVABciHR0YHR0dHR0dHR0iDgAFHSIdBx0dHR0dHR0dHQUAAAcNBQkdHR0dHR0dIhMAAAAAAAUa
HR0dHSIdHRUAAAAFCRAcHR0dHR0UDQQAAAAQGiIiHR0dHRoIDQ4IAAAQIh0dIR0dHR0JDSIiGgUE
HR0dHR0dHR0dBBoiHSIQDSIdHR0dHR0dHQUXIh0dDRAhHR0dHR0dHR0VABodFQAaIh0dHR0dHR0d
HRUHAAkaHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=</icon>
  </button>
</custombuttons>

Save the template, rebuild it (if necessary), and your new button code should be all set. By default, your output should look something like this. Then, your last step is to make a simple link to your new file. That should look like:

 <a href="http://toolbar.google.com/buttons/add?url=[your blog URL]toolbar_button.xml">Add to Google Toolbar</a>

The results will give you a link that says Add to Google Toolbar. So what are you waiting for? Click the button! Then you’ll have a new toolbar button updating you on the latest Movable Type news, along with a new search function that lets you have direct access to the Movable Type knowledge base and help documentation. Then be sure to post your own button link on your blog.

Still not appeased the Googlebot enough? Be sure to check out Niall’s Sitemap instructions, which let you simply and easily make a Google Sitemap XML file, which lets you instruct Google’s spiders on how to crawl your site, while letting you as the site owner have access to more statistics and information about your site.

If you want to make your site as reader-friendly (and Google-friendly) as possible, it’s easy to start with Movable Type today and you’ll be button-making, sitemapping and blogging in no time.

 

 

google与baidu搜索的分析

这个域名已经使用了大概3个月了。文章有了253篇了。
使用mt,也是为了生成静态,便于搜索引擎查找。现在看看效果:
 
google:可以搜索到384篇。平均1天扫描站点2-3次
baidu:可以搜索到8380篇,每小时扫描2次
但还有一个Inktomi Slurp的搜索引擎,扫描次数也是不低,仅仅次于baidu。但我不知道是从何而来
 
 
2006-01-31_11-27-15.jpg
 
 
再看看搜索后的结果:
对于google,搜索到的排名靠前的,都是分类或者日期的归档,几乎所有的单篇归档或者文章,都被忽略。
而对于baidu,几乎所有的归档都可以搜索到。且排序上不能很严格的看出是单篇归档,还是分类等。
 
然后对比车东的blog,却可以在google上得到比baidu多的多得结果。
 
再来看网站的来自于搜索引擎的页面:
可以看到,baidu对比google,已经是10倍的关系了。这个也是和收录的网页数目有关。

2006-01-31_11-38-37.jpg

 
所以分析来,主要有以下几点原因吧:
 
1、google的扫描似乎会判断文件日期。而对于mt,每次修改模版,都会重建所有页面,导致了google中认为你的网站不稳定,而google对于经常变动的文章不会收录。而baidu似乎则相对宽松。几乎我发布的文章,第二天就会出现。
 
2、google对于一个页面的判断,还是偏重于<h1></h1>标签。google认为,一个页面的标题,或者主要内容,主要是有<h1>中的内容决定,而不是考虑<title></title>。这样就导致对于mt的一个问题。mt所有页面在默认模版中,都是使用<h1>来标定blog的名字。也就是说,我所有的页面的这一部分信息,都是meteor’s blog。对于google来说,这就是类似页面,或者说是相同页面,也就会在搜索结果中忽略,不被收录。而baidu则要好得多,采用<title>来重点判断我的页面信息。以<title>来进行收录。
 
所以来说,mt对于google来说,优势主要在于,使用静态页面,便于搜索。而且目录结构合理,最多2级,符合google的习惯。而缺点也很明显,默认的<h1>内容不适合google的搜索,导致重复结果太多。
 
由此可见,如果想要得到更好的收录,需要重新来订制下网页结构。
下一步要做的,就是重新修改模版。使得blog的题目在<h1>中出现。并且减少模版修改次数,使得生成的页面可以保持长时间不用重建。
 

我们做web2.0的口号就是:不求最好,但求最2

一定得选最好的托管中心 
全套Cisco的网络设备加SUN的服务器 
建就建最酷的用户体验 
免费注册帐户 
每个帐户存储空间最少也得两个G 
什么AJAX呀、Tag呀、Rss呀 
能给他整地全部给他整上 
社区附带一个VIP区,有牛人7×24小时蹲点帮你解惑 
Blog上常驻一个叫Keso的家伙 
留小辫儿,特大牛的那种 
只要一打开页面,甭管有事没事都得用Skype跟人家说 
“你丫赶紧给我注册!” 
一口地道的京片子 
倍儿有面子 
网站里还要建一个wiki系统 
全部翻译自维基百科 
每天翻译量起码百兆计算吧 
再建一个站内搜索 
支持所有内容全文检索 
文本呀、RSS呀、Blog呀,你要搜什么我给你找出什么 
就是一个字——快 
全站搜一次才用0.00001秒 
在这里注册用户的不是CEO就是网络精英 
你要是分不清Blog和WebLog 
你都不好意思去TrackBack人家 
你说这样的网站,VC会投多少? 
我觉得怎么着也得两千万美金吧? 
两千万美金?那是成本 
四千万美金起 
你别嫌贵,我还挑东家呢 
你得研究VC的投资心理 
能掏起两千万的主儿 
根本不在乎再掏两千万 
什么叫Blogger,你知道吗? 
Blogger挑服务商都用最2.0的,不用最好的 
所以,我们做web2.0的口号就是: 
不求最好,但求最2