你有没有注意到如何有时你移动你的鼠标,链接页面的变化?一个简单的办法让自己的博客这个功能是使用影像地图,它映射指定坐标到特定的链接目标。这都在浏览不同的图像由社交媒体图标和拼贴特别方便。这也消除了需要上传多张图片,并试图排队他们都在一起!
比方说,你想创建自己的社交媒体图标。头回第1部分本教程中,如何使用Ribbet创建的社交媒体图标,并检查出来。一旦你有你的形象,你准备好地图吧!
1.进入www.image-maps.com,上传您以前保存的图片,并点击“开始映射你的形象”。
2.您会被带到一个中间的窗口,你可以通过点击。在右手边,你会被给予选择使用矩形映射或自定形状的映射。选择“矩形”。这将打开一个盒子映射图像上。调整并放置在盒子的图标,并在链接,该图标进入。您还可以在该链接输入标题。
此外,请务必取消选中右手边栏中的“显示文本链接”复选框。
3.继续添加映射区域和到每个图标的链接。一旦你完成了(在这个例子中我只映射了一个),到侧边栏并点击“获取你的代码”。
4.这张照片在我的屏幕上看起来有点怪,但你基本上选择了第二个标签,“HTML代码”。复制代码。
5.输入验证码到您的网站。请记住上传您自己的图标图像副本,并将图像映射图像代码替换为您自己在HTML中上传的图像代码。
如果你在博客平台,去布局->添加一个小工具-> HTML/JavaScript。输入复制的代码,保存并刷新您的博客。
在WordPress上,打开你的侧边栏小部件或标题,添加HTML代码,保存并刷新。
就是这样!重要的是准备好图像并知道它的走向。由于映射图像被实例化为HTML代码,相同的代码可以在博客的不同部分反复使用。在下面…喜欢!
凯蒂董事会说
我肯定会被这种过度更加密切关注,一旦我有一些睡眠 - 我认为这将是对我巨大的帮助,因为我不是很精通计算机 - 许多感谢张贴
矫饰的艺术说
谢谢你的详细信息!!
伯大尼说
嗯……我想我可能会做这个,所以值得称赞的是,做了这样一个容易遵循教程!
位于台湾岛东北海面上说
感谢伯大尼!我到处都用图像地图!
斯蒂芬@ meet.make.laugh。说
伟大的教程。一定要玩这个!我有时在博客设计上很懒…需要花点时间在上面!
玛丽莲说
很棒的帖子…把它贴出来供以后参考!
ต้นไม้说
你好,你做得很好。我一定会把它挖出来,并亲自推荐给我的朋友。
我相信他们会从这个网站受益。
熊葱和树莓说
一些精彩的技术提示在这个网站上。谢谢你帮我美化我的博客!
伊莎贝尔说
杉杉时间她,爱你的网站!比你的分享!
瑞秋说
这就跟你问声好!只是想给你一个提示,这些图像在这个页面上不起作用。
位于台湾岛东北海面上说
感谢您的抬头瑞秋!应该现在固定
布雷克里威拉德说
很高兴我偶然发现了你的博客!等不及要试试这个!非常感谢分享这些细节和许多其他精彩博客秘诀!
位于台湾岛东北海面上说
你这么欢迎克里!很高兴我可以帮
阿曼达@ Cutitvate创建说
这就跟你问声好!图像地图提供了新的格式,现在我无法得到它的工作!我希望如果可能的话,看看更新的教程。非常感谢!
位于台湾岛东北海面上说
这个概念仍然是相同的。我认为你必须右键点击来获取矩形映射工具开始。
贝卡说
嗨,我刚刚按照这个教程,现在我有一个空白屏幕(死亡!)!我怎么解决这个问题?我怎么才能再次登录呢?当我尝试做任何事情的时候,一切都是白色的!!我正在为我的一个朋友写博客,现在我怕我把它弄坏了!请帮助! ! !
位于台湾岛东北海面上说
你好贝卡,我很抱歉,但我真的没办法直接帮你。您可以尝试进入后端文件系统,并从您接触的文件中删除任何更改。希望对你有所帮助!
辛西娅说
这就跟你问声好!只是想知道如何上传我自己的图标图像的副本,以取代图像地图图像代码与我自己上传的图像代码在HTML为我的博客?
位于台湾岛东北海面上说
您应该能够作为一个媒体文件上传或直接上传到您的cPanel文件系统。
特洛伊说
这篇文章正是我一直在寻找!快速的问题......我已经想通了什么改变图像源(我的媒体URL),但我应该改变图像id来?当我试图改变它,然后我的地图不工作,我怕的是,由于网站只承载图像24小时,我的地图会后灭活!非常感谢您对本教程!