; Elaine0211

这个课程是给对BS运用还不熟悉的藽咕
当然所有的代码都是依据我的经验而写
失误指数应该很少毕竟现在打出来的代码都是从我旧的模板拿出来的
既然以前的设计都没问题那代码应该也没问题才对当然我也不确定几时会写比较复杂一点的所以你们就去bs.com找skin 然后自己摸索吧不罗嗦开始课程咯 :) > 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!

----------------------------------------------------------------------------------------------

今天先给个基本的bs 模板
可以查看我的代码部落格
没有什么很 "隆重" 的effect 就简单的有post & post-title

在<style type="text/css"> 和 </style>之间添加任何你要的代码
就如基本的 body {...} .post-body{...} .post-title{...} 等等
当然你也可以加highlight的代码 & scrollbar 的代码
只要你喜欢 XD

Extra ; 如果你要整片只有code
就可以把 width & height 放100%
post-title ,, top & left 那些就可以不用放了

最后呢 ,, 在</style> 的下面添加 blogger 代码

<blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> ←post-title的代码 ( 不要可以删掉 )
<div class="post-body"> ← post 的代码 ( post 的border 那些 ,, 不要可以删掉 )
<p>
<$BlogItemBody$> ← 帖子的代码 ( 必要! )
</p>
</div>
</blogger>

你添加代码进模板的时候记得要把箭头的字删掉啊!

好了之后只要在发布帖子的地方直接打出你要显示的内容就ok 啦!!
Extra : 如要是要代码的话就不要在HTML mode 打出代码
不然你的代码将会变成模板形式的

最后只要按发布就可以啦 :P

----------------------------------------------------------------------------------------------

课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)

{{ Tutorial writed by BabeX eling ,, 2014 / 02 / 03 . }}

标签：分享, 教學課程, Blogskin

Extra ; 如果你要整片只有code
就可以把 width & height 放100%
post-title ,, top & left 那些就可以不用放了

最后呢 ,, 在</style> 的下面添加 blogger 代码

<blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> ←post-title的代码 ( 不要可以删掉 )
<div class="post-body"> ← post 的代码 ( post 的border 那些 ,, 不要可以删掉 )
<p>
<$BlogItemBody$> ← 帖子的代码 ( 必要! )
</p>
</div>
</blogger>

你添加代码进模板的时候记得要把箭头的字删掉啊!

好了之后只要在发布帖子的地方直接打出你要显示的内容就ok 啦!!
Extra : 如要是要代码的话就不要在HTML mode 打出代码
不然你的代码将会变成模板形式的

标签：分享, 教學課程, Blogskin

Say Cheese!