Donghua World: 模板

显示标签为“模板”的博文。显示所有博文

星期五, 十月 17, 2008

blogger/blogspot模板中加入digg

通过下面的方法可以将digg加入到blogger/blogspot的每一篇文章中。

启用Post Pages，在 setting->archive 里面设置，这是由于digg是针对每个web页面的，所以必须在blogger里面启用Post Pages

去自定义模板，编辑HTML: Layout -> Edit HTML

选中扩展Widget: Expand Widget Templates

搜索 <p><data:post.body/></p>

将下面的代码贴到<p><data:post.body/></p>的上面
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>";</script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>

预览没问题，保存就OK了。

星期五, 十月 12, 2007

DELETE THE OLDER POSTS AND NEWER POSTS LINK

To completely delete the Older Posts and Newer Posts links locate this line of code in the Blog Posts widget after putting a check in the Expand Widgets Template check-box :


<b:include name='nextprev'/>

get rid of blogger navbar

put following beyond </head>

<style type='text/css'>
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   }
</style>
  </head>

Good Blog Example

http://business-net-ocha.blogspot.com/

Good Example

星期四, 九月 27, 2007

指定html文件的编码

也就是把meta编码放在title之前，这样在IE下才会先读取meta指定的编码。

星期二, 九月 11, 2007

HTML Table Elements

ALIGN
BACKGROUND
BGCOLOR
BORDER
BORDERCOLOR
BORDERCOLORLIGHT
BORDERCOLORDARK
CELLPADDING
CELLSPACING
COLS
COLSPAN
FRAME
HSPACE
ROWSPAN
VSPACE
WIDTH

星期六, 九月 08, 2007

a good site template

When I see this site, I feel very excite.
It is simple but useful.

http://www.student-credit-card-resources.com/

星期四, 八月 16, 2007

自定义blogger模板

这两天在研究了blogger 的模板，一开始怎么也看不懂，一堆代码，毫无头绪。后来把一个最简单的模板下来研究，是XML格式的，用IE打开，看了里面的结构，比较容易看懂，结构如下:


<![CDATA[
    /* CSS 定义 */
]]>
<div id="out-wrapper">
 <div id="wrap2">
     <div id="head-wrapper">
     <div id="content-wrapper">
         <div id="crosscol-wrapper">
         <div id="main-wrapper">
         <div id="sidebar-wrapper">
     <div id="footer-wrapper">


基本结构搞清了，就可以修改你的模板了，我一直想做一个三栏的模板，下面我们就可以试一下啦.

具体方法：

1. 拷贝 CSS 定义中的 sidebar-wrapper 为 sidebar-wrapper1与sidebar-wrapper2：
 #sidebar-wrapper {
   width: 400px;
   float: right;
   word-wrap: break-word;
   overflow: hidden;
 }


 #sidebar-wrapper1 {
   width: 200px;
   float: left;
   word-wrap: break-word;
   overflow: hidden;
 }


 #sidebar-wrapper2 {
   width: 200px;
   float: right;
   word-wrap: break-word;
   overflow: hidden;
 }
 这样就有三种class的定义, 注意上面的width变化，float值的变化。

2. 修改 outer-wrapper,main-wrap,与foot-wrapper的width，改为1000左右。

3. 修改模板如下：

<div id="out-wrapper">
 <div id="wrap2">
     <div id="head-wrapper">
     <div id="content-wrapper">
         <div id="crosscol-wrapper">
         <div id="main-wrapper">
         <div id="sidebar-wrapper">
              <div id="sidebar-wrapper1">
                  <b:section class="sidebar" id="sidebar" preferred="yes">
              </div>
              <div id="sidebar-wrapper2">
                  <b:section class="sidebar" id="sidebar" preferred="yes">
              </div>
     <div id="footer-wrapper">

这样就可以得到一个三栏的模板了，然后可以添加widgets到各栏。按此方法就可以构建自己想要的模板啦。

Donghua World