加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【博客技巧】新浪博文汇编攻略

(2009-09-03 22:13:36)
标签:

杂志

汇编

博客

攻略

月刊

特辑

热门

话题

摄影

音乐

it

分类: 【说说IT】
【博客技巧】新浪博文汇编攻略
将鼠标移到图片上,当箭头变成小手时即可点击去目标链接

【博客技巧】新浪博文汇编攻略

    互联网上每天能够产生多少篇博客文章,恐怕没有人能够掌握准确的数字。但是在这样汹涌澎湃的信息浪潮之中,要想让自己比较满意的博客文章不至于轻易地被埋在众多信息的最底层,并且能够让需要和喜欢的朋友发现,各位网友都会想出各种办法。

    老范的方法就是将一段时间里的博文编辑在一起形成老范汇编(之前是双月汇编、以后将改成季度汇编)。并且将这些汇编统一放在一个【老范钩沉】的分类里面。这种方法将已经发布的文章按照时间段、以杂志形式分类展示,图文并茂、推荐与目录并举,能够比较方便地帮助网友发现以前发布的有用文章。(自吹一下)

    这种汇编发布几期后,得到一些朋友的认可,并不断有朋友希望介绍攻略。为了帮助那些需要的朋友,现特将其中的几个主要部分做一简单介绍。

    制作这种攻略需要具备一些基础知识,包括基本的Photoshop知识、基本的HTML知识。这些知识,这里就没有办法详细介绍了。至于说制作封面的感觉,那就得根据网友的自己喜好了。老范也在摸索之中。

步骤一、制作封面
    1、使用Photoshop制作一个自己满意的封面,代表这一辑的特点。封面最好存成JPG文件,其他新浪允许的格式也可以,如上图。
    2、调整封面文件的大小。因为最后的汇编将使用原图大小(这部分要注意),所以建议根据你自己选择的新浪博客板式定义原图的大小。老范一直用的是两纵列版式,因此选择的是660x800pix图片。
    3、利用Photoshop“信息”功能,移动鼠标,将每一个“推荐”文字的矩形区域的左上角的xy信息和右下角的xy信息记录下来备用。
【博客技巧】新浪博文汇编攻略
步骤二、确定汇编框架
    为了每一期的汇编风格一致或接近,老范建议事先确定好汇编的HTML框架。如果你熟悉HTML,可以自行设计,如果不熟悉,老范把自己设计的框架发布如下:
 <div align="left">
#题头部分内容
</div>
<hr>
<center>
#以下为封面及链接
<img style="width: 660px; height: 800px;" src="orignal目录下原图地址 usemap="#fsg01"> <map name="fsg01">
<area shape="rect" coords="x01,y01,x02,y02" href="链接地址">
<area shape="rect" coords="x11,y11,x12,y12" href="链接地址" target="_blank">
#更多的area shape区域及链接
</map>
<br>
#以下是推荐及目录
<table style="width: 660px; height: 1163px;" border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td valign="top" width="70%">
<table style="width: 100%;" border="1" cellpadding="3" cellspacing="1">
<tbody>
<tr>
<td style="font-family: 楷体_GB2312; text-align: center;">
推&nbsp;&nbsp;荐</td>
</tr>
<tr>
<td>
#第一部分内容
</td>
</tr>
<tr>
<td>
#第二部分内容
</td>
</tr>
<tr>
<td>
#第三部分内容
</td>
</tr>
<tr>
<td>
#第四部分内容
</td>
</tr>
<tr>
<td>
#第五部分内容
</td>
</tr>
<tr>
<td>
#底部内容
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffcc" valign="top" width="30%">
<table style="width: 193px; height: 32px;" border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td style="font-family: 楷体_GB2312; text-align: center;">
&nbsp;目&nbsp;&nbsp;&nbsp;
录</td>
</tr>
</tbody>
</table>
#目录的详细列表
</td>
</tr>
</tbody>
</table>
</center>

    进入新浪博客“发博文”,建立一个新博文。勾选“显示源代码”,将上面的框架代码拷贝粘贴进去替换全部。

步骤三、上传封面,建立封面上的链接
    1、退出勾选“显示源代码”,在“#以下为封面及链接”的部分插入
封面JPG图片。
    2、再次进入源代码状态,根据
【博客技巧】新浪博客的大图攻略中介绍的方法二,修改封面图片的原图地址,并把原图地址粘贴替换框架的“orignal目录下原图地址”。
    3、按照你自己定义的图片大小修改框架内的图片“img style”部分的数字。删除插入图片的相关代码。
    4、将步骤一第4小步记录的矩形区域的xy信息替换框架内的x01y01等等,并将该区域所对应的链接地址替换框架内的“链接地址”。并根据需要拷贝增加“area shape ”部分。

步骤四、输入推荐与目录
    1、退出源代码编辑,根据自己的需要,在框架内第一到第五部分添加推荐信息。这个部分与编辑博客方式一致。
    2、在框架内“#目录的详细列表”部分替换你的目录列表。

步骤五、预览及发布
    呵呵,废话啦!

    有关这种汇编使用的感觉,大家可以进入
老范钩沉】分类中逐个体会,亦可以在任何一篇老范的博文下部点击汇编封面直接进入某辑汇编,看看是否有用。

本文中照片和文字均为原创,如有引用,请注明出处
==================================================
【博客技巧】新浪博文汇编攻略 【博客技巧】新浪博文汇编攻略 【博客技巧】新浪博文汇编攻略
(点击图片可以直接进入相关文章)
==================================================
拍拍照片:
古都西安——大雁塔【博客技巧】新浪博文汇编攻略
已推荐到IT博客,点击查看更多精彩内容古都西安——秦俑表情【博客技巧】新浪博文汇编攻略
秋染京城 —— 之三北海菊花展【博客技巧】新浪博文汇编攻略
诗画·荷花 【博客技巧】新浪博文汇编攻略
花花草草与微距摄影【博客技巧】新浪博文汇编攻略

听听音乐:
第51届格莱美音乐奖,Alison Krauss再填5座小金喇叭【博客技巧】新浪博文汇编攻略
钟爱一生的歌手——齐豫【博客技巧】新浪博文汇编攻略【博客技巧】新浪博文汇编攻略
琴键黑白分明 音乐却是千万种颜色【博客技巧】新浪博文汇编攻略
如果你小资,你就一定会喜欢她 【博客技巧】新浪博文汇编攻略
音乐何须“懂”  只要被感动【博客技巧】新浪博文汇编攻略

说说IT:
已推荐到IT博客,点击查看更多精彩内容oPhone vs. iPhone 3G竞争时代的端倪【博客技巧】新浪博文汇编攻略
【博客技巧】新浪博客的大图攻略【博客技巧】新浪博文汇编攻略
天气秀1.6.0.2使用与自制皮肤【博客技巧】新浪博文汇编攻略
中国移动卖的移动业务没有质量标准 【博客技巧】新浪博文汇编攻略
网通没了,你怪谁?! 【博客技巧】新浪博文汇编攻略
互联网十年、博客、民粹与中国的进步 【博客技巧】新浪博文汇编攻略

好摄菜驴:
图说6天5夜甘南青海游(一)(二)(三)(四)【博客技巧】新浪博文汇编攻略
已推荐到IT博客,点击查看更多精彩内容乡绅的宫殿——王家大院
古都西安——初游感受【博客技巧】新浪博文汇编攻略
尼泊尔印象之自助游 【博客技巧】新浪博文汇编攻略
美哉!婺源 【博客技巧】新浪博文汇编攻略

发发杂音:
[转]公民社会下监督权大行其道【博客技巧】新浪博文汇编攻略
从“范跑跑”看信托责任
“信托责任”概念帮助我们认清中国很多问题的根源

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有