友情链接是什么?怎么制作友情链接?

友情链接属于一个网站的外链(外部链接)在你我双方同意下制作对方网站链接的时候就是友情链接

,只有一方做了链接就不是友情链接了。

简单的说双方网站(页面)互联起来。

友情链接的制作:本人使用是WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件。


第一步:WordPress的外观中的小工具打开

友情链接布置

第二步:有一个自定义HTML,添加到右边的边栏(页脚)中    (看个人喜好了)。

友情链接布置


在HTML中添加下面的代码。

 一条<li>标签表示一条“友情链接”,需要添加或者删除“友情链接”,只需在<ul></ui>内进行<li>标签的增减即可!

href=""内的链接为对方要交换的网址。<a>标签内的文字为对方要添加的关键词。

<html>

<ul style="padding: 12px 13px 10px 0px;" class="wailian">

<li><a href="http://www.5igcd.com/" target="_blank">深圳白癜风治疗费用</a></li>

<li><a href="https://www.yangshengliang.com" target="_blank">软件开发</a></li>

<li><a href="http://www.lanmaoseo.com" target="_blank">合肥seo</a></li>

<li><a href="http://www.bylypd.com/" target="_blank">博远旅游频道</a></li>

</ul>

</html>

然后在:WordPress的外观中的自定义打开

友情链接布置


在打开额外CSS添加下面的代码就可以了

/******* 友情链接 css 控制  ******/

.wailian li{ float:left}

.wailian li a {

    background: #FAFAFA;

    border: 1px solid #e9e9e9;

    display: block;

    text-align: center;

    margin-left: 15px;

    margin-bottom: 5px;

    padding: 0 4px;

    border-radius: 2px;

    width:120px;

    color: #5e5e5e;

    line-height: 30px;

    white-space:nowrap;

    overflow:hidden;

}

.wailian li a:hover {

    color: #fff;

    background: #428BCA;

    }

友情链接布置


下面是友情链接的效果图

友情链接布置完成

原来链接:https://blog.csdn.net/qintaiwu/article/details/81059032

友情链接是什么?怎么制作友情链接?》有2个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注