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