您是否注意到，有时当您移动鼠标时，链接的页面会发生变化?在您自己的博客上获得该特性的一种简单方法是使用图像映射，它将指定的坐标映射到特定的链接目标。这在浏览社交媒体图标和不同图片拼贴时尤其方便。这也消除了上传多个图片并试图将它们排列在一起的需要!
假设你想创建自己的社交媒体图标。回到本教程的第1部分，如何使用Ribbet创建社交媒体图标，看看吧。一旦您有了您的图像，您就可以准备映射它了!
1.登陆www.image-maps.com，上传你之前保存的图片，然后点击“开始映射你的图片”。
2.您会被带到一个中间的窗口，你可以通过点击。在右手边，你会被给予选择使用矩形映射或自定形状的映射。选择“矩形”。这将打开一个盒子映射图像上。调整并放置在盒子的图标，并在链接，该图标进入。您还可以在该链接输入标题。
另外，确保取消选中右侧栏上的“显示文本链接”框。
3.不断添加映射区域和每个图标的链接。一旦你完成了(我在这个例子中只映射了一个)，转到侧边栏并点击“获取你的代码”。
4.这张图片在我的屏幕上结束了有点古怪，但你基本上选择了第二个标签，“HTML代码”。复制代码。
5.输入代码到您的网站。记住，上传你自己的图标图像副本，并用HTML中你自己上传的图像代码替换图像映射图像代码。
如果你在博客平台上，去布局->添加一个小工具-> HTML/JavaScript。输入复制的代码，保存并刷新您的博客。
在WordPress上，转到侧边栏小部件或标题，添加HTML代码，保存和刷新。
而已！最重要的是有图像做好准备，知道它会去。由于映射图像被实例化的HTML代码，相同的代码可以在你的博客的不同部分被重用了一遍又一遍。...喜欢下面！
一旦我睡了一觉，我肯定会更仔细地看这篇文章——我认为这对我来说是一个巨大的帮助，因为我不是很懂电脑——非常感谢你把它贴出来
谢谢你提供的细节!
嗯……我想我可以做到这一点，所以感谢你制作了这样一个简单易懂的教程!
感谢伯大尼!我到处使用图像地图!
伟大的教程。一定要玩这个!有时候我在博客设计上变得很懒……我需要花点时间在这上面!
真棒后...置顶以供将来参考！
你好，你已经做了出色的工作。我一定会Digg它并亲自推荐给我的朋友。
我相信他们会从这个网站受益。
在这个网站上有一些精彩的技术提示。谢谢你帮我美化我的博客!
第一次她，并爱你的网站!比你分享!
这就跟你问声好！只是想给你一个FYI，图像没有在这个页面上工作。
谢谢你提醒我，瑞秋!现在应该修好了
很高兴我偶然发现了你的博客!迫不及待地想试一试!非常感谢分享这些细节和许多其他绝妙的博客技巧!
你太受欢迎了，凯丽!很高兴能帮上忙
这就跟你问声好！图像-地图有一个新的格式，现在我不能让它工作!如果可能的话，我想看一个更新的教程。非常感谢!
概念还是一样的。我认为你必须右击矩形映射工具开始。
嗨，我刚刚按照这个教程，现在我有一个空白屏幕(死亡!)!我该如何解决这个问题?我怎样才能再次登录?当我尝试做任何事情的时候，一切都是白色的!!我在为我的一个朋友写博客，现在我担心我把它弄坏了!请帮助! !
贝卡，我很抱歉，但我真的没有办法直接帮助你。您可能可以尝试进入后端文件系统，并从您接触的文件中删除任何更改。希望这能有所帮助!
这就跟你问声好！只是想知道如何上传我自己的图标图像的副本，以取代图像-地图图像代码与我自己上传的HTML图像代码我的博客??
您应该能够上传媒体文件或直接上传到您的cPanel文件系统。
这篇文章正是我想要的!问个小问题，我已经知道如何将图像源更改为(我的媒体URL)，但是我应该将图像id更改为什么呢?当我试图改变它，然后我的地图不工作，我担心，因为网站只有24小时的主机图像，我的地图将是灭活之后!非常感谢您的教程!