《开云(中国)官方》电脑版官方开云手机版登录入口

标题: [教程]为GG预备陪审博客做拉票栏(原创) [打印本页]

作者: 大埔站 时间: 2008-2-7 17:42
标题: [教程]为GG预备陪审博客做拉票栏(原创)
其实这个没有什么技术含量的东西稍懂超文本源代码的人就能制作,高手就别看啦

好了言归正传,先请看下图:

上面的拉票栏是我的,而下面的是我妹妹的

我为我自己做这个是因为来访问博客的朋友可以很方便的浏览到我的参赛地址!从而提高访问量

接下来教下大家怎样制作这个东东!

先登录博客,点击换衣服如图所示:

然后点击设置首页内容如图所示:

然后点击添加自定义模块接着就是编辑模块内容如图所示:

接下来就是编辑模块了

，现在先请大家看看编辑好的模块了！看下图：

下面就教大家怎样修改代码制作属于自己的拉票栏！

请先看代码：
============================================================================================

<div style="padding:10px;background:url('http://blog.163.com/pub/activities/xyqgirl/lpbg.jpg');">
<div style="margin:0 auto;width:221px;"><a href="http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=index" target="_blank"><img src="http://blog.163.com/pub/activities/xyqgirl/lptitle.gif" border="0" /></a></div>
<div style="margin:0 auto;width:221px;text-align:right;"><a href="http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=index" target="_blank" style="color:

00;font-size:12px;">活动首页 >></a></div>
<div style="margin:5px auto;padding:7px;width:181px;background:#fff;">
<div style="margin:0 auto;">
   <div style="margin:0 auto;background:#eeeeee;width:120px;height:120px;">
   <a href="http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=votegg&id=921497" target="_blank">
   <img src="http://img.blog.163.com/photo/E5bS8Kuyp9o7efm3gY8inA==/5078934479767414292.jpg"  height="120px" style="margin:0 auto;padding:inherit 0;display:block;" border="0" />
   </a>
   </div>
   <div style="line-height:20px;width:100%;text-align:center;" >
   <a href="http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=votegg&id=921497" target="_blank" style="color:#609100;font-weight:bold;">大埔站</a>
   </div>
</div>
<div style="margin:0 10px;color:

00;font-size:12px;">可爱宣言：欢迎来访或路过的朋友支持我和我妹妹一票！</div>
</div>
<div style="text-align:center;"><a href="http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=votegg&id=921497" target="_blank"><img src="http://blog.163.com/pub/activities/xyqgirl/lpvote4her.jpg" border="0" /></a></div>
</div>

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

其实大家不用看的太多，只要关注我用红字的网址！一共有九条，其中大部份不用修改，只要修改你的参赛图片网址和浏览网址便可！

http://blog.163.com/pub/activities/xyqgirl/lpbg.jpg 模块中的背景图如图所示：

(不用修改)

http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=index 可爱MM活动首页网址（不用修改）

http://blog.163.com/pub/activities/xyqgirl/lptitle.gif 模块中的标题图片

(不用修改)

http://blog.163.com/activities/xyqgirl/xyqgirl.do?action=votegg&id=921497 这个是我的参赛地址 (请修改成你的参赛地址)

http://img.blog.163.com/photo/E5bS8Kuyp9o7efm3gY8inA==/5078934479767414292.jpg 这个是我的照片地址(请修改成你的照片地址)

http://blog.163.com/pub/activities/xyqgirl/lpvote4her.jpg 模块中的按扭图片

(不用修改)
===============================================================================================
源代码当中的一些网址我上面已经作出了说明，网友只要按照我所说的修改就不会错了，当然一些PS技术了得的朋友可以替换全部官网图片，做出更令人炫目的拉票栏啦