2、在”布局”中“页面元素”那里加入一个”HTML/JavaScript” Element，写入代码

＆lt;style＆gt;#navbar-iframe { height: 0px; visibility: hidden; display: none }＆lt;/style＆gt;
即可去掉navbar。

更进一步的解释

Beta版的Blogger Navbar是由http://beta.blogger.com/css/navbar/classic.css控制它的样式的，代码如下：

html body {margin:0;padding-top:0;padding-left:0;padding-right:0;}body #wrapper {margin-top:30px;}body #header {margin-top:50px;}#leftcontent {_margin-top:30px !important; }#rightcontent {margin-top:30px !important;}#Main #Title {margin-top:30px !important;}body #wrap #wrap2 #header {margin-top:0;}body #wrap {margin-top:34px;}#blog-header {margin-top:-4px; }body #wrap4 {padding:15px 15px 0 15px;margin-top:-4px;}#space-for-ie {display:none;_border:0 !important;_display:block;}#navbar-iframe {position:absolute;top:0;left:0;z-index:500;>}

所以只要自己当前的模板中有wrapper、header、leftcontent，等等，上面代码中的id就会受到影响。#header更是经常用到的顶部id，如果去掉顶部搜索条后发现顶部还是多出一块影响自己的布局，就是它在作祟了。在自己的css代码区加入#hearder{ margin-top: 0px !important;}，!important的意思是强制使这个css提高到最优先级，相当于覆盖掉了classic.css中的定义。而且#navbar-iframe是绝对定位，如果你发现顶部搜索条覆盖掉了自己的一些内容，可以在自己的css代码区加入 #navbar-iframe { position: relative !important;}把#navbar-iframe变成相对定位，就不会覆盖掉什么内容了。(当然也可以把它去掉)。那么不影响布局去掉navbar的方法应该是这样的，在自己的css代码区加入

#hearder { margin-top:0px !important;}
#navbar-iframe { display:none;}

还有一个更简单的方法：
直接通过电子邮件的方式将包含图片的文章发送到您Blogger博客的系统邮箱中就ok了。

一是在<./head>前加入如下代码：
<!– 隐藏文章内容 –>
<b:if
cond=’data:blog.pageType == “item”‘>
<style
type=’text/css’>
span.fullpost
{display:inline;}
</style>
<b:else/>
<style
type=’text/css’>
span.fullpost
{display:none;}
</style>
</b:if>

二是每次写文章时，将要隐藏的部分放在<span
class=”fullpost”></span>内（在Html编辑模式下）。比如要隐藏“隐形人”的话，就这样：
<span
class=”fullpost”>隐形人</span>
以上已经实现隐藏功能，但还是有点欠缺，用户会以为文章已经结束了。所以还要进行最后一步美化工作，在文章结尾加上“阅读全文”的链接（该链接会在首页所有文章尾部加上）。
当然，大家也知道Blogger网站，在后台也只有一个文件，假如就直接加上链接的话，那打开文章后，还会有“阅读全文”的尾巴。为了去除这个尾巴，需要多加个判断，继续往下看：
先找到模板中原来文章显示的代码，类似<data:post.body/>，将其换成如下代码：
<b:if
cond=’data:blog.pageType ==
“item”‘>
<data:post.body/><br/>
<b:else/>
<data:post.body/>

<br/><a expr:href=’data:post.url’>阅读全文…
</a>
</b:if>
如无意外，可以收工了！

也可以将上述其中两行：<script
src=”http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js”
type=”text/javascript”></script>
<script
src=”http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.js”
type=”text/javascript”></script>
两个文件上传到你自己的空间，然后将地址改为自己的链接地址。 ]]> http://free5.org/2008/10/13/e5-a6-82-e4-bd-95-e5-9c-a8blogger-e9-a6-96-e9-a1-b5-e5-8f-aa-e6-98-be-e7-a4-ba-e6-96-87-e7-ab-a0-e7-9a-84-e6-91-98-e8-a6-81-e5-86-85-e5-ae-b9/feed/ 1 http://free5.org/2008/10/11/e6-89-a9-e5-b1-95blogger-e7-89-88-e9-9d-a2-e5-ae-bd-e5-ba-a6-e7-9a-84-e6-96-b9-e6-b3-95/ http://free5.org/2008/10/11/e6-89-a9-e5-b1-95blogger-e7-89-88-e9-9d-a2-e5-ae-bd-e5-ba-a6-e7-9a-84-e6-96-b9-e6-b3-95/#comments Sat, 11 Oct 2008 05:50:00 +0000 admin http://free5.org/2008/10/11/%e6%89%a9%e5%b1%95blogger%e7%89%88%e9%9d%a2%e5%ae%bd%e5%ba%a6%e7%9a%84%e6%96%b9%e6%b3%95/ 在剛建立好Blogger時，會發現顯示頁面不夠寬，預設顯示頁面只有660的寬度而已(根據所選原始模版不同，各別可能的預設值也會不同)。如果想要加寬頁面顯示寬度的話，就得動手改一改了。
按下Blogger的『版面配置』頁籤
再按下其下的『修改HTML』頁籤
若對HTML語言及CSS語法沒有把握，可以按下『下載完整模版』，先將現有模版儲存在自己電腦中，以便將來處理錯誤要復原時使用。
要復原模版，可以在『從硬碟的檔案裡上載模版』右方文字格中輸入自己電腦中的完整模版儲存路徑，或按右方『瀏覽…』鈕進入挑選。最後，再按『上載』鈕即可。
『展開小裝置範本』 核取盒，現在用不著，故，可以暫不理它。
在下方HTML碼中，找到下面段落，並將紅色字處改掉(以下內容，可能會因原始所選模版不同，而有所差異，找到大致類似位置修改之即可)。
下面者，原預設是660，視所需顯示頁面大小將之更改：（当前版本已不存在这一宽度定义）

/* Header
———————————————–
*/

#header-wrapper {
width:1000px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

下面者，預設為700，此處可不改。：（当前版本已不存在这一宽度定义）
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:1040px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

下面者，預設為660。
/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

下面為文章內容的寬度設定，預設為410。
#main-wrapper {
width: 750px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
當然，你也可以改Sidebar的寬度，預設為220。我沒改，要改的話，要注意與上方main-wrapper者之加總，不可超過Outer-Wrapper之寬度設定。
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
改完後，按下下方的『儲存範本』鈕即可。
按下『檢視Blog』連結，即可發現顯示頁面加寬了。

如图，Art Imagination采用巴洛克风格设计，看后让人耳目一新，用来装点心爱的小站绝对可以抢些风头。
不过设计色调比较粉，估计适合MM多点，或是适合内容比较潮的博主。

该模板针对BLogger的新版设计，三栏式，版面安排比较紧凑。奇怪的是该模板没有默认搜索，可能是为了版面简洁。好在BLogger新版有好多widgets，添加个搜索模块也是不费吹灰之力。
Art Imagination的测试网站：>>> DEMO（国内多数要用代理访问）
Art Imagination下载：>>> Download

按了编缉修改“blog文章“后会将跳出一个Blog文章设定视窗，在这个你可以设定Blog文章的显示方式等等。要启用文章间广告(Inline Ads)功能你只需要在”Show Ads Between Posts“这一个选项将它打勾就可以。

接下来你还可以设定AdSense广告出现的频率，你可以选择每1-5篇文章后就显示AdSense广告。但AdSense广告组目前规定只能放3个，超出的部份Simon测试的结果是它自动不显示。

选择好AdSense广告显示的频率后，你要设定AdSense广告格式。挑选一个合适你部落格面版的广告格式会比挑选一个公认点击效益高的广告格式来的好。

再来你还可设定AdSesne广告的配色。 AdSense广告的配色与你的收益也是有不少的关连，一个溶合度高的配色或高反差的配色都能增进广告的点击率，但那一种适合你的部落格呢?这就要靠你自已测试和追踪其广告效益了。

所有的设定都完成后，就只要最下方的”储存变更”按一下，你的部落格就会开始在文章间显示广告了。

只目前支援AdSense for contest .这个在BlogSpot文章之间安插AdSense广告的功能目前只支援安插AdSense for content广告组，目前还不支援AdSense for search搜寻框和推荐连结组(referral)的快速安插。

<center><textarea rows=”3″ cols=”45″>代码部分</textarea></center&gt<br />

即在输入代码时将上述代码中的“代码部分”替换成想写入的代码即可！