尊敬的用户:当前博客数据库正进行升级,后台暂时无法访问,前台的评论功能暂时也不能使用,敬请谅解。对此带来的不便深表歉意~
信息加载中...
首页 | 我的文章 | 唐巢日記 | 生日記憶 | 成長日記 | 入園入学 | 唐言趣語 | 唐媽心情 | 回憶錄 | 育兒心得 | 出遊印象 | 活動集錦 | 目錄索引 | 就医档案
正文

【最简单易学的博客美化教程】图解博客左侧公告栏美化

相信很多妈妈都想把自己的育儿博客装饰得象小家一样美丽,经常也有妈妈问我,我的博客左侧的公告栏里,是如何加上图片、文字和插入链接的?其实这很简单,不过在我没有掌握这个方法以前也是费了不少脑筋哦!呵呵~下面我就教大家如何操作。

第一步:首先,你要先确定你用哪套模版?

在博客后台(我的用户中心)→页面模版→选择你喜欢的模版,我是用的86号模版。(确定模版后,你就知道你要加到公告栏上的图片尺寸大小了。)

第二步:以截图的形式,设置博客左侧公告栏的图片大小

1.回到你的博客首页,同时按下Ctrl+Alt+A快捷键,此时,网页会暂时在一个静止的状态,并出现一个彩色的小箭头,这就是我们平时所用的截图方法。

2.在博客左侧的公告栏里截取一块大小合适的图形,图形大小最好在公告栏的中间位置,不能超过公告栏的边框哦!截好图后再点右键→保存→保存到桌面或是其它地方。

3.回到桌面,查看图片的大小,这时你就确定好了图片的大小尺寸了,这时你可以用照片或是你喜欢的图片做一张放到博客公告栏上的图片了。

第三步:图片做好后,如何放到博客公告栏里?

1.上传图片后,新建“写文章”,然后把图片直接复制到文章编辑框里,在编辑状态下可任意插入文字和特殊符号,改字体颜色,字体大小,加粗等。

2.如果想在图片上加入超链接,就直接点超链接的按扭,插入链接地址即可。

3.图片和文字都排好后,这时点击编辑栏上方的“HTML”

4.打开后复制里面的代码(这样操作最大的好处就是省得你自己到处找博客装饰代码和修改代码了),

5.然后保存这篇文章为草稿

6.再打开“博客设置”,在“首页公告"文本框里粘贴刚才复制的代码,然后提交。

注意:,这个是自定义公告栏的代码哦!有了它,你就可以随心所欲的在公告栏里加任何栏目了!

7.回到博客首页,刷新一下,你就会看到博客左侧公告栏里出现了图片加文字描述的效果。以后你想修改的时候直接到这篇草稿里修改或是重新在公告栏里复制图文到新文章编辑框里修改,都是非常方便的。就是不懂“HTML”语言的人也很容易掌握哦!

怎么样?是不是很简单?你试一试就知道了哦!用同样的方法你还可以举一反三,做出更好的效果来呢!

    发布于2010年11月24日 13:27 | 评论数(36) 阅读数(3725)

此文已被博客管理员"仁善智水"推荐到博客首页"心情随笔",奖励20分

上一篇:奥体“中华福宝宝南京欢乐节” 2010-11-20

下一篇:帮宝适特级棉柔纸尿裤试用心得

评论

★柠檬♡宝贝★ 发表于2011-09-17 15:52:48

谢谢分享呵呵~制作成功!
溪儿妈咪 发表于2011-04-17 21:12:29

119.103.124.*** 发表于2011-04-17 20:52:30

哇塞,爱死亲了!

好文

刚才没登陆!

119.103.124.*** 发表于2011-04-17 20:52:30

哇塞,爱死亲了!

好文好文哪!

119.103.124.*** 发表于2011-04-17 20:51:47

哇塞,爱死亲了!

好文好文哪!

ZYC妈妈 发表于2010-12-02 10:50:20

谢谢唐妈的分享,收藏备用!
summer-cherry 发表于2010-11-25 15:26:47

收藏,学习.
hrj0425 发表于2010-11-25 13:24:26

谢谢唐妈的分享.
帅帅康 发表于2010-11-25 13:19:00

唐妈真有心喔,这个我虽会做,但叫我写一篇还真不会写
lovelgy 发表于2010-11-25 13:01:05

太好了!谢谢!辛苦啦!
乐乐MM 发表于2010-11-25 12:14:54

真是很棒哦 我做好了 西西
俊瑋寶贔 发表于2010-11-24 22:51:44

谢谢亲爱的,好,下回会注意的。
yuchaoyaoer 发表于2010-11-24 22:25:35

呵呵,俺收藏了,谢谢唐妈!
亚亚快乐 发表于2010-11-24 20:58:13

唐妈谢谢你的分享
图图妈 发表于2010-11-24 20:30:58

谢谢唐妈的分享啦,很受用哦

豪宝_Bell 发表于2010-11-24 19:39:20

哈.还是你比较历害!现在俺不用写教程了.
俊瑋寶贔 发表于2010-11-24 19:26:08

我家做的图可能太大了,现在明白了。
俊瑋寶贔 发表于2010-11-24 19:24:07

唐妈,用图解很明了,辛苦嫩的。

是不是第一步不能省,假如我知道需要的图多大,直接做成这么大的可不可以?

tanggogo 回复:

如果你知道做多大的图片合适,那就可以直接做的。图片走形的最大原因可能是你在拖拉图片大小的时候没有同时按住Shift键。

三宝妈(堡儿妈) 发表于2010-11-24 16:31:44

谢谢分享了!我怎么就没想过用文章的方式保存,每次都找老半天!
恺歌欢唱 发表于2010-11-24 16:20:16

谢谢唐妈分享!
rui-rui 发表于2010-11-24 15:55:31

唐妈写的很详细,谢谢分享,我也要试试去。
幸福麻辣烫 发表于2010-11-24 15:41:40

好文!

顺便说一句:那个截图是QQ截图方法,如果QQ不登陆的情况下,是不能用的吧?

tanggogo 回复:

应该是的

zhaojiwei2008 发表于2010-11-24 15:24:37

谢谢分享,正好学习一下!
小张特 发表于2010-11-24 15:02:09

很好用哦。
小天使恬恬 发表于2010-11-24 15:01:01

原来想过请教你呢,正好学习下
小天使恬恬 发表于2010-11-24 15:00:09

唐妈,感谢分享,写得简洁明了。
乐乐MM 发表于2010-11-24 14:48:45

顺便问有一下 唐妈 这个博客的 最上面 那一块 怎么制作 不用PS可以做吗

tanggogo 回复:

头图的制作,在豪宝妈的博客上有教程哦,不用PS不好做的。http://blog.ci123.com/xiongzhihaobaby/entry/672569

乐乐MM 发表于2010-11-24 14:42:22

谢谢唐妈分享!
钰禛额娘 发表于2010-11-24 14:28:35

谢谢唐妈分享!我收藏啦!
快乐小A 发表于2010-11-24 14:22:23

亲首页上面好多照片怎么弄的呀?

tanggogo 回复:

都是按照这个方法做的呢!不会做照片的话就有些困难了,所以还是要先学会做照片呢。

俊瑋寶贔 发表于2010-11-24 14:13:19

唐妈你就图解一下,比如糖果淘宝店那图,这样大家就可以直接明了的知道。
俊瑋寶贔 发表于2010-11-24 14:12:09

也可以直接用代码的,唐妈这样做也挺好的,留着以后随时改动方便。嫩有心了,让大家也可以学一下。
北京的阳阳妈 发表于2010-11-24 14:11:43

谢谢唐妈的分享啊,一直以来都觉得你的博客装饰的特别新颖和漂亮,这回俺也要学学哈!
俊瑋寶贔 发表于2010-11-24 14:05:48

唐妈,谢谢嫩的分享。
俊瑋寶贔 发表于2010-11-24 14:05:48

唐妈,谢谢嫩的分享。
李家熙熙 发表于2010-11-24 14:03:03

哈哈 很好 有图更好 哈哈 快转到论坛去
miaomiaolu 发表于2010-11-24 13:57:01

很实用谢谢分享

发表评论  登录










版权所有 © 2017 Ci123.com 育儿博客 向育儿网举报 网络110报警服务