如何当个部落格作者(7)(ANCHOR LINK)

第一部分:介绍
      什么是ANCHOR LINK?就是你们按了那个字体后,你们会自动被带到这篇文章特定的地点。讲真的,这个学起来真的很难,但你们明白原理后,就行了。小编是根据http://help.typepad.com/anchor-tags.html 这个网站学的。
    

      为了方便一些,小编在另一篇短文章示范ANCHOR LINK,那篇文章是《TESTING文章》。网址是https://myblog20012001.blogspot.my/2018/03/testing.html


你们要注意三件事情:
1.)这个ANCHOR LINK只能在BLOGGER编辑区里做得到,OPEN LIVE WRITER弄不到ANCHOR TAG。
2.)这个ANCHOR LINK完全要在BLOGGER编辑区的HTML模式(MODE)里才能弄得到,不能在COMPOSE MODE(也就是BLOGGER平时用的那个编辑器)里弄ANCHOR LINK,所以等下的步骤要看清楚一点,全部步骤只是跟CODE有关系。
3.)确保你们永远不会再编辑(EDIT)放了ANCHOR LINK的文章。如果你们不懂原因的话,小编建议你们先跳去看下面的第五部分。


第二部分:原理
      你们一定要看懂原理,不然你们等下就算跟着步骤也是没用的(每篇文章内容不同,所以ANCHOR LINK要放的地方不一样)。


      原理是这样的:
1.)如果你要做一个ANCHOR LINK,你们必须用两行CODE(你们要3个ANCHOR LINK,就要打6行CODE),那2行CODE分别是:
1.1)   <a href="#链接1">名字1</a>   (第一行的CODE)
1.2)<a name="链接2">名字2</a>   (第二行的CODE)


      那么第一行CODE和第二行CODE有什么关系呢?当你们按一按第一行的CODE,你们就会跳去第二行CODE的地方。你们只可以改掉橙色字体的CODE,其它那些通通不用管是什么来的(小编也不懂什么来的XD)。链接1和链接2放什么也可以,但小编通常放数字(方便一点)。那两个数字要一样,这样它们才能链接在一起。名字1和名字2可以放不一样的名字,因为这两个名字会显示在你们的文章(链接1和链接2的词不会显示在文章里,因为它们只是拿来互相链接而已)。


      如果你们不明白的话,看一看下面图片:

第三部分:放第一行CODE的步骤
      以下步骤是根据刚刚那篇文章《TESTING文章》所弄出来的。


1.)打开BLOGGER编辑区:

2.)写下你们想要的文章:

3.)写完后,就去HTML MODE(换了后,千万别换回COMPOSE MODE):

4.)找出你要把它变成ANCHOR LINK的关键字(只能在HTML MODE里找),比如小编要把MY NEIGHBOUR,
THREE LITTLE PIGS,THE MAD GUY 这3个关键词变成ANCHOR LINK:

5.)小编在这三个关键字后面添加第一行的CODE(<a href="#链接1">名字1</a>  )(记得那行CODE别在在<br />后面):

6.)小编在“链接1"那边放“1,2,3”这些普通的数字:

7.)小编把那些关键词写在“名字1”那边:

8.)把那行CODE前面的关键词给删除:

9.)那么我们就完成了第一行的CODE(先别换去COMPOSE MODE):

第四部分:第二行CODE的步骤
1.)在HTML MODE里,找出你要把它变成ANCHOR LINK的关键字,比如小编要把MY NEIGHBOUR,THREE LITTLE PIGS,THE MAD GUY 这3个关键词变成ANCHOR LINK(注意,这次的关键词是要找你们将会带到读者的地方):

2.)小编在这三个关键字后面添加第二行的CODE(<a name="链接2">名字2</a>)(记得那行CODE放在<br />前面)(注意,这次的CODE是你们将会带到读者的地方):

3.)这次,小编会“链接2”那边放回刚刚小编在“链接1”所放的数字(比如1,2,3)(注意,确保每个“链接1”和“链接2”可以形成关系):

4.)小编把那些关键词写在“名字2”那边(这次呢,“名字1”和“名字2”的词可以不一样,但要看情况,比如小编的“名字1”和“名字2”的词是一样的):

5.)把那行CODE前面的关键词给删除:

6.)直接按PUBLISH(别换去COMPOSE MODE!!!):

第五部分:千万要看这一个部分!!!
      你们懂为何这个部落格的所有文章(除了刚刚那个TESTING文章)没有ANCHOR LINK吗?原因是小编时常编辑部落格文章,所以不能放ANCHOR LINK。


1.)当小编要编辑文章时,一定会换去COMPOSE MODE,但当换去COMPOSE MODE后,你们的HTML MODE里会出现这些字(第一行和第二行的CODE同样出现这些字):


2.)这些字是ERROR来的,你们必须删掉那些字。小编删了那些字后,就会变成这个样子:


第六部分:总结
     如果你们看不明白的话,记得重新看过,因为步骤真的很乱。或则你们可以在下方留言问小编。




Comments