没学过CSS等前端的我,也想美化一下自己的博客

随便说几句:

  自己一直学的都是 C++和 Java 以及 Python语言,根本不懂高大上的 CSS 和 著名的 HTML5.感觉那些能自己设计那么漂亮的博客的朋友都好厉害。可以自己加上博客公告栏的小宠物和微博以及加上背景音乐,都感觉好牛逼,好高大上,博客的亲切感立马就上来了。

  可是我又没学过 CSS等前端的东西,心想,搞这么漂亮的博客会不会很难啊?那些</class>这些什么鬼?会不会很繁琐?难道要我把 前端的东西学习一边才行?

开始:

  然而并非如此,我不会前端,可是我也可以弄:小宠物和微博以及加上背景音乐。



  一:加入微博

  首先,在 http://open.weibo.com/connect 登录自己的微博,然后点击“微博直播”:

  

  进入后,在左边栏,点击“微博秀”后:

  

  设置好自己想要的样式后点击下面的  “复制代码”:

  

  然后进入到博客园的后台设置 --》 博客设置:

  在博客侧边栏公告处写入:

<div id="weiboIframe">
</div>

  然后把刚才复制过来的代码粘贴到<div> </div> 之间,保存,就OK了。

  



  二 . 添加背景音乐:

  参考博客:http://www.07net01.com/2015/08/890253.html

   把代码复制到刚才的 博客侧边栏公告的编辑器 就可以了:

  

   

<embed border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=1&height=66"></embed>

  三. 领养宠物:

  到这个网站去:http://abowman.com/google-modules/找到自己想要的宠物:

  

  复制代码:

  

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="290" height="300">
<param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?" />
<param name="AllowScriptAccess" value="always" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="tl" /></object>

  同样是放到:博客园侧边栏的编辑器里。





  

好了,大功告成,不过,博客版面毕竟是使用别人的模板,想自定义的话比较难,所以,作为颜值控,学习一下 前端也无妨哈。。。

时间: 2024-10-07 20:08:17

没学过CSS等前端的我,也想美化一下自己的博客的相关文章

web前端设计师需要常去的15个设计博客资源站

Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处.本文向大家推荐15个非常不错的设计博客. 1. Smashing Magazine Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5.CSS.JavaScript.Photoshop.Wordpress.壁纸和网站可用性. 2. Net Tuts Net Tut

前端资源(优秀网站、博客、以及活跃开发者)

查看原文 @forked from hjzheng/front-end-collect 在前端路上摸索前行,在这里分享自己长期关注的前端开发相关的优秀网站.博客.以及活跃开发者.欢迎更新.以下各排名不分先后顺序. 前端收集图谱(点击查看) 聚合&&周报订阅 名称 订阅地址 介绍 Html5 Weekly http://html5weekly.com/ Html 技术类 CSS Weekly http://css-weekly.com/   Javascript Weekly http://

00 开始技术博客之旅,加速前端学习之路。

第一篇博文 都说程序员是“30IT,30岁挨踢”,其实这是个伪命题,只要自己喜欢学技术,喜欢不断地追新技术,多少岁也不会挨踢.所以,尽管我今年已经27岁了,但是我打算从零开始,希望成为一名前端工程师,目前在家待业,自学中. 说来也可笑,毕业时因为是女生且没有项目经验,很受挫,害怕了,最后没有做程序媛,4年过去了,我依然是个没有项目经验的女生,今天我去参加了我第三次前端实习生的面试,心里也明白是挂了,而且今天的面试官很mean呢,依然很受挫,但是不害怕了. 受挫是难免的,但是每每学完一个知识点,成

一个前端写的php博客系统--支持markdown哦

部署的地址 我的博客地址:http://www.weber.pub/ 起因 最近买了个新的域名,同时在阿里云申请了免费的虚拟主机...借此机会就想搞个自己的博客站点,虽然之前也使用了hexo + github . WordPress 做过,但是我的阿里云虚拟主机实在是不知道怎么去搞hexo (也许根本就搞不起来,除非自己花钱买主机,哈哈)...WordPress总是感觉好笨重,运行起来一股的人到中年,气喘吁吁啊...百度之后,typeecho成了首选,但是markdown竟然有问题...一口老血

50个查询系列-第五个查询:查询没学过“叶平”老师课的同学的学号、姓名;

查询没学过"叶平"老师课的同学的学号.姓名: 我们反着来 !不是要查没上过课的同学的名字吗.我们先查上叶平的课的学生. 思路: 1.先去查叶平上的课的课程id: SELECT t1.courseid kid FROM tblcourse t1, (SELECT tblteacher.TeaId tid FROM tblteacher WHERE tblteacher.TeaName='叶平') t2 WHERE t1.teaid=t2.tid -- 查出来叶平老师上的课的课程id 结果

转:浅谈CSS在前端优化中一些值得注意的关键点

前端优化工作中要考虑的元素多种多样,而合理地使用CSS脚本可以在很大程度上优化页面的加载性能,以下我们就来浅谈CSS在前端优化中一些值得注意的关键点: 当谈到Web的“高性能”时,很多人想到的是页面加载时间,但其实性能不仅仅是指加载时间,还包括浏览器性能.网络性能.开发效率.在Web前端开发中,性能是一个非常重要的需要考虑的点.本文将介绍一些开发原则和性能准则,这些都是提高Web前端性能的基础. 1. 开发原则 1.1 编写符合当代浏览器性能的代码如果想提高前端性能,就必须理解浏览器的工作原理,

情人节了,可怜的IT运维男,没学过ITIL,还是没有女朋友……

2015年情人节来临,亲爱的IT男,别告诉我,你还没有女朋友,你为什么总在加班,没时间恋爱:为什么总在被业务部门抱怨,没心情恋爱:为什么工作总也做不顺,没信心恋爱!!!为什么这个可怜的人是你,原因很简单,你还没学ITIL吧. 你是一个企业的IT运维人员吗?你们的IT运维工作是否杂而无章,是否责任不明?你是否对复杂的运维流程和客户的无尽抱怨束手无策?你是否希望在领导面前提出有效的合理建议,以提升企业的IT服务管理水平?ITIL就是您的解决方案. 对于企业实施ITIL,可以有助于最终进行完善的服务管

不是编程人员也该学点css

1 为客户设计超棒的电子邮件 电子邮件被普遍认为是最好的网络营销工具之一.你可以使用HTML和CSS编辑器来设计发送给客户的电子邮件,精心设计的电子邮件不但不会让用户讨厌甚至可能还会让他们欣然接受. 2 创建令人叹为观止的公司通讯 上面的电子邮件已经给大家留下了深刻的印象,那么接下来可以将目光转移到通讯模板上.HTML和CSS将再一次成为你的秘密武器,让你轻松定制符合公司品牌和风格的通讯模版. 3 调整公司的WordPress站点 大多数企业网站都是建立在WordPress上的.这时如果你懂点H

div+css的前端工程师的价值体现在哪些方面?

个人认为前端工程师正慢慢演变为产品工程师.wap app, 响应性UI等以html5技术为基础的开发将成为前端工程师的主要工作内容,解决产品跨平台跨设备的实现问题.Javascript, HTML, CSS这些前端工程师熟悉的,多年使用的语言,作为开放标准将被各种平台所支持.产品形态和数据的分离是形势所趋.移动时代对产品形态多元化的要求虽然可以靠不同技术分别实现,但要付出巨大的成本.这也是html5这个04年就提出来的标准,直到前两年才火爆的原因. 现阶段的价值也很大.web产品交互越来越复杂,