查看完整版本: 製作BLOG相關知識 ▍初學者看 ▍

Cc. 2007-11-4 21:14

製作BLOG相關知識 ▍初學者看 ▍

这个是几年前写的东西了. 有见过大概也不奇怪. 里面的连接应该全部失效了. 所以有问题直接问我吧.

至于你需要下载的的那个东西.. 嗯. 我想想.. 百度上应该可以搜到. 实在不行. 我再传(绝对的个懒人)

至于你不是新手.. 那么前面很多话你都可以不用看了.. 就这这样.


原地址: [url=http://www.oioj.net/blog/user1/7738/archives/2005/175483.shtml]http://www.oioj.net/blog/user1/7738/archives/2005/175483.shtml[/url]

========================================================



由於最近挺無聊所以写一篇教材給BLOG新手,
以便初学者更能了解BLOG以及了解如何自己制作BLOG
如果要转载请注明  转自:[url=http://jasyuc.99blog.com/]http://jasyuc.99blog.com[/url]


[一。注册BLOG]
注册很容易,但是要挑对地方。
首先要选那些服务器稳定并且速度不错的来注册。
其次BLOG也是有不同的程式的,对于新手来说我建议使用OBLOG的BLOG
因为这个源码的BLOG比较容易使用以及修改模板
OBLOG官方网站:[url=http://www.oblog.cn/]http://www.oblog.cn/[/url]
(在使用BLOG或者美化BLOG中有问题,官方网其实是解决问题的第一首选地)



[二。美化我的个性模版]
我想这个是大家最关注的一向。
首先我强烈建议你现看相关的教程,从简单的开始!

我以OBLOG程式的BLOG来举例。
1> 进入后台,修改我的个性模版 -> 选择模板,选择一个你觉得不错的模板
2> 修改我的个性模版 -> 修改主模板[color=red]注意下方有“设计”“预览”“源码”[/color]
3> 在“设计”页面把图片文字等等先完成。
4> 在“源码”页面里面进一步修改模板
5> 加入相应代码,文本框下方会给出BLOG中特殊的代码[color=red](每一个$show ***$代表不同含义)[/color]
6> 完成以后可以预览看看效果

很多新人不懂代码,那么自己勤劳一点,去看你申请的BLOG的相应帮助文件,很多东西那都有介绍。(这也是米办法的 ==b,基本的一些还是一定要知道的)

BLOG不像网页,没有<head><body>区域,所以推荐初学者把没有特别强调插入位置的代码插入源码最顶端或者最后,防止拆乱其它代码,导致代码失效。


美化小贴示:
{1.插入背景音乐}
a.  <BGSOUND src="your.mid" autostart=true loop=infinite>

说明:
直接把<BGSOUND>标记放于网页文件的< head >< /head >之间,设置好mid文件的路径就行。
<BGSOUND> 是用来插入背景音乐,但只适用于 IE,其参数设定不多。
src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop=infinite
是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。


b. <EMBED src="your.mid" autostart="true" loop="true" hidden="true">

< EMBED > 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。其参数设定较多。如下

src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
C
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮



{2.背景修改}
仔细找找代码里面的background,然后修改成background-image: url(图片的地址);
如果想要背景固定,请参考  [url=http://www.jasyuc.com/teach/teach_files/css/beijingguding.htm]这里[/url]



{3.滚动条修改}
修改并添加一下代码
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
</style>
如果你还是不会使用,可以下载一个滚动条生成器   [url=http://www.jasyuc.com/down_file/down/software/gundong.rar]点击这里下载[/url]
除此之外,N多人问我BLOG上用了层,怎么可以把滚动条变成透明的?
具体方法请参照  [url=http://www.jasyuc.com/teach/teach_files/css/gundong/home.html]这里[/url] (方法是一样的,只要把教材中的框架看成层就可以了)



{4. 鼠标修改}
a. 系统自带的各种鼠标修改  点击[url=http://www.jasyuc.com/teach/teach_files/css/geizhong.htm]这里[/url]查看

b. 图案鼠标修改方法:
<style type=text/css>
a:hover {cursor:url('**.cur')}
BODY {cursor:url('**.cur')}
</style>

说明:
()号中的为你的图标的路径
后缀名为 **.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画



{5. 其他东东修改}

a. 关于连接效果

没有下划线的连接
A { text-decoration: NONE;}
变化颜色的连接
A:hover { color: #FFFFFF;}
加粗的连接
A:hover {font-weight: bold }
倾斜的连接
A:hover {font-style:italic }
改变字体大小的连接
A:hover {font-size:10px;}
改变字体的连接
A:hover {font-family: 幼圆}
连接下凹:
a:hover { border-style: groove; border-width: 1px }
连接凸起:
a:hover { border-left-style: ridge; border-left-width: 1px; border-right-style: ridge; border-right-width: 1px; border-top-style: ridge; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px }
改变背景色的连接:
a:hover { background-color: #800000 }
出現删除线的連接:
a:hover { text-decoration: line-through }
连接字体间距加宽:
a:hover { vertical-align:baseline; letter-spacing:3pt }
间距缩小:
a:hover { vertical-align:baseline; letter-spacing:-1pt }

b. 在BLOG界面上放透明Flash
<EMBED style="LEFT: -35px; POSITION: absolute; TOP: 20px" align=right src="Flash地址" width=1024 height=768 type=APPLICATION/X-SHOCKW***E-FLASH ; quality="high" wmode="transparent">

c. 各种表格线条

我BLOG上一版上用的虚线表格也是大家问的热门问题
tablebd {  
border-color: 颜色代码;
border-style: dotted;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}

其他虚线的制作 请点击[url=http://www.jasyuc.com/teach/teach_files/css/xiantiao.htm]这里查看[/url]




{6. 补充}
大家要好好利用“修改我的资料”那里很管用。
可以调整你BLOG首页显示日志、回复、留言等的数量。
还可以随时更改blog名字(也就是显示在状态栏特效的部分)



[三。增加人气]
我介绍集几种宣传的方式:
1.在论坛签名档和QQ资料里面加上自己的BLOG的连接
2.如果你参加的论坛里有像伊人一样的BLOG专版可以推荐自己的BLOG
3.BLOG与BLOG的连接
4.要时常去发日志(题目最好能够引人),
   因为一般来说新贴都会在BLOG首页上登出,这样便能吸引人到你的BLOG
   
如何添加连接
进入高级管理-修改我的链接
里面可以选择文字链接方式或者图片链接。建议新开张的BLOG可以用图片。
(日子长了链接多了。推荐文字链接或者图片以滚动的形式链接。)
图片链接:
首先插入其它站点的logo,然后上方有个地球的图标表示“插入链接” -> 输入地址人
(推荐用新建窗口。因为默认方式会把你自己的BLOG覆盖掉。)

顺便说说logo,logo就是一个站点的标志,所以当然是越好看越好啦...(最好使用88*31的,因为很多BLOG都是要求美观的)
做好logo之后大家就尽情留言交换吧。等人气上升好了。



[四。写日志]
{1. 专题分类}

选择分类管理 -> 专题分类管理 -> 进入添加
想几个特别的名字添加进去就可以了
以后写日志的时候填写我的专题分类的时候选中适合的专题。
(建议专题分类不要过长或者符号太多太乱。)


{2. 字与空行}

最好不要修改默认字体颜色以及字体大小。
日志字数部分显示,大家可以看看文本框上方的“部分字数显示”修改数字。
“0”或者“1000”表示全文显示。推荐“550-750”之间。

当你敲回车的时候会发现空行特别大,我想一般人不太喜欢的了。
只需要按住Shift+Enter就解决问题。


{3. 插入媒体}
我想插入图片就不用我多说了。
播放器的插入也是很简单的。
就是点击windows样式的图标,弹出对话框 -> 输入地址 -> 修改播放器大小。
播放模式可以选择自动或者手动,聪明的孩子可以直接点源码再修改成合适的大小了。
顺便提一下怎样把本地图片变成http形式:
可以在随便一地方上传图片,然后去高级管理那的上传文件管理。
找最后一次上传,选中就可以得到图片地址了,建议别乱删那的东西。


好了就介绍到这里了,
其实BLOG和做网页非常的相似,做一个好看的BLOG甚至会比做一个好的网页更加难。

jjt 2007-11-4 22:19

更换背景代码找了很久,谢谢分享~楼大签名中间的猫很可爱yc014

篞小涅 2007-11-5 11:16

我还是看不懂哪 ai04 ai04

日食 2007-11-8 18:03

这个..
是不是太深奥了= =
我...看不懂..

爱未眠 2007-11-11 10:12

代碼都好多...
學8.來..
-.-`>>]]

殇小雅。 2007-11-18 14:39

ai06慢慢来学。
ai05

湮月 2007-11-21 12:21

最近整BLOG中,这些对我很有用ai07

゛白尛尛 2007-12-2 21:56

辛苦LZ 了。。咱去試試

ipanda 2007-12-5 20:04

楼亲我跟你一个名字。=V=

邪邪星 2007-12-14 21:34

好有用哒说``谢闹``
可惜现在好多博空间都8许自己编辑咩````

糖小茜。 2007-12-19 12:38

- -。字好多。眼花了

蛋糕裙 2008-1-6 18:05

很多也很实用啦。~
辛苦~

0oLili 2008-1-9 23:23

我的bo一个月没更新了。
但是看看还是好的。呵呵。
页: [1]
查看完整版本: 製作BLOG相關知識 ▍初學者看 ▍