和不少朋友一样，我使用的第一个wordpress主题是blix thmem，喜欢它的简洁，尤其喜欢它的archives按月呈现所有的文章。不断有朋友完善和扩展着blix，可以看看我爱水煮鱼的介绍，他是一个铁杆的blix迷，自从我看他的blog以来，一直都用着它。SEO Dave发布了Google AdSense版本，可以免费下载，使用前需将adsense.php中的$GoogleADID修改成您自己的id。SEO Dave的03版可就要收费了。另外，还有喜欢blix的朋友将blix移植到其他blog系统，这里就有一个Z-Blog的blix主题。
最近几天在研究jquery的tab插件，因此想在blog主题上实践一下。我选择了Blix Google AdSense版本，在侧边栏增加tabs功能。tabs用jquery插件idTabs实现，jquery的另外一个Tabs插件UI Tabs功能强大，但是强大功能的代价是庞大的代码体积，而idTabs仅3K的代码，而且功能对于我来说已经足够用了。不过还是选择了UI Tabs的flora作为皮肤，对idTabs的源码做了简单的修改以适应tabs样式的需要，也算是两者的结合吧。与Google Adsense有关的语句都已经注释掉了，需要Adsense的朋友只要删除注释符就可以了。
给模板起个名，就叫Blix with Tabs，怎么样？:-)
下载 Blix with Tabs
我最近使用的模板修改自Elegant WP Themes的33module，但是模板和一些插件的冲突迫使我不得不重新选择一个合适模板，您现在看到的antlite就是基于Blix with Tabs修改的。
Blogger help上一篇教程“How can I create expandable post summaries?”介绍了怎样在blogspot文章显示“Read more”链接，但是，由于是在模板中修改，因此无论帖子是否需要截断，都会显示“Read more”链接。用jquery对教程做一些修改，可以很容易地实现只在需要的文章下显示“Read more”链接。
Read more…
Wordpress有许多代码语法高亮插件可以便捷地展示源代码，但是Blogspot我还发现此类的应用。不过我们可以让google prettify code为Blogspot着色代码。
google prettify code是一个轻量级的Javascript模块通过CSS文件对代码进行上色处理，支持C、Java、PHP、Python、HTMLl和Javascript等十几种语言。让我们动手吧。
Read more…
15 Days of jquery第11天介绍了用jquery实现多文件上传，我把代码改了一下，用jquery动态添加和删除表单元素。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var spotMax = 3;
if($('div.spot').size() >= spotMax) {$(obj).hide();}
$("input#add").click(function(){ addSpot(this, spotMax);
});
});
function addSpot(obj, sm) {
$('div#spots').append(
'<div class="spot">' +
'<input type="text" name="spot_title" /> ' +
'<input type="text" name="spot_addr" /> ' +
'<input type="text" name="spot_url" /> ' +
'<input type="button" class="remove" value="Delete" /></div>')
.find("input.remove").click(function(){
$(this).parent().remove();
$('input#add').show();
});
if($('div.spot').size() >= sm) {$(obj).hide();}
};
</script>
</head>
<body>
<form action="test.php" method="post" name="asdf" id="asdf">
<div id="spots">
<input type="button" id="add" name="add" value="add" /><br />
</div>
<input type="button" name="Submit" value="Submit" id="send" />
</form>
<script>
$('#send').click(function(){
alert('Demonstration Only: submit disabled');
});
</script>
</body>
</html>
和不少朋友一样，我使用的第一个wordpress主题是blix thmem，喜欢它的简洁，尤其喜欢它的archives按月呈现所有的文章。不断有朋友完善和扩展着blix，可以看看我爱水煮鱼的介绍，他是一个铁杆的blix迷，自从我看他的blog以来，一直都用着它。SEO Dave发布了Google AdSense版本，可以免费下载，使用前需将adsense.php中的$GoogleADID修改成您自己的id。SEO Dave的03版可就要收费了。另外，还有喜欢blix的朋友将blix移植到其他blog系统，这里就有一个Z-Blog的blix主题。
