{"id":3764,"date":"2015-11-13T15:10:17","date_gmt":"2015-11-13T19:10:17","guid":{"rendered":"http:\/\/blog.tlsrv.net\/hidden-icons\/"},"modified":"2022-12-01T08:14:59","modified_gmt":"2022-12-01T12:14:59","slug":"hidden-icons","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/hidden-icons\/","title":{"rendered":"How to Make an Interactive Poster with Hidden Icons"},"content":{"rendered":"<p>\u00a0<\/p>\n<p>Though ThingLink provides a whopping 98 pre-loaded tag icons, and even lets you upload your own, sometimes you want to indicate interactivity in the actual background image. \u00a0Don\u2019t stress about overlapping graphic elements,\u00a0 use hidden icons!<\/p>\n<p><!--more--><\/p>\n<hr>\n<h2><strong>Why Hidden Icons Rock<\/strong><\/h2>\n<p>You\u2019ve worked long and hard on your background images. We all know professional photography and graphic design doesn\u2019t come cheap or easy. So when you add\u00a0interactivity, you may not\u00a0want to cover up the whole image with icons. Keep your interactive tags, but lose the icons by using hidden icons. The invisible spot will still generate a content bubble, but until your viewer mouses over, the image stays clean and streamlined.<\/p>\n<p>\u00a0<\/p>\n<h2><strong>How to Hide Your Icons<\/strong><\/h2>\n<p>Hidden icons are literally one click away.<\/p>\n<p>After creating your tag like usual, click the box below tag styling that reads \u201cHide icon.\u201d The icon will promptly disappear, leaving a minimalist look behind. Can you find the hidden icon in the below image?<\/p>\n<p>\u00a0<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/721446669941473281\" width=\"615\" height=\"606\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>\u00a0<\/h2>\n<h2><strong>Ways\u00a0to Use Hidden Icons<\/strong><\/h2>\n<p>\u00a0<\/p>\n<h3><strong><span style=\"font-size: 20px;\">Idea #1<\/span><\/strong><\/h3>\n<p>You might have\u00a0<strong>detailed graphics built into your background image.<\/strong>\u00a0Using\u00a0an icon on a busy infographic could\u00a0make the image more difficult to read. Dallas News uses hidden icons in many of their images for just this reason. This image illustrates how famous bands got their names. Viewers can both see the beautfiul artwork and learn about the bands because of the decision to use hidden icons.\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\n<script src=\"\/\/cdn.thinglink.me\/jse\/embed.js\" async=\"\" charset=\"utf-8\"><\/script>\n<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/631692592739778561\" width=\"900\" height=\"2105\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"tlMenuContainer tlMenuCustomIndicatorContainer\" style=\"z-index: 1; right: 0px !important; bottom: 0px !important;\"><span class=\"tlMenu\" style=\"width: 36px !important; height: 36px !important; background-image: url('https:\/\/cdn.thinglink.me\/api\/nubbin\/zAkCuLkPAx\/plain') !important;\"><\/span><\/div>\n<div class=\"tlSidebar\" style=\"z-index: 2; right: 0px !important; top: 0px !important; display: none;\"><span class=\"tlMenuItem tlMenuItemEdit tlNonTouchDevice\" style=\"display: none;\"><a class=\"tlMenuIcon tlMenuEdit\" href=\"#\"><\/a><span class=\"tlMenuLabel tlMenuLabelEdit\">Edit<\/span><\/span><span class=\"tlMenuItem tlMenuItemTouch tlNonTouchDevice\" style=\"display: none;\"><a class=\"tlMenuIcon tlMenuTouch\" href=\"#\"><\/a><span class=\"tlMenuLabel tlMenuLabelTouch\">Touch<\/span><\/span><span class=\"tlMenuItem tlMenuItemShare tlNonTouchDevice\" style=\"display: none;\"><a class=\"tlMenuIcon tlMenuShare\" href=\"#\"><\/a><span class=\"tlMenuLabel tlMenuLabelShare\">Share<\/span><\/span><\/div>\n<div class=\"tlContextMenu\" unselectable=\"on\" style=\"z-index: 2; display: none;\"><\/div>\n<p>\n<script src=\"\/\/cdn.thinglink.me\/jse\/embed.js\" async=\"\" charset=\"utf-8\"><\/script>\n<\/p>\n<p>\n<script src=\"\/\/cdn.thinglink.me\/jse\/embed.js\" async=\"\" charset=\"utf-8\"><\/script>\n<\/p>\n<p><strong>via\u00a0<a href=\"http:\/\/labs.dallasnews.com\/viewport\/2015\/03\/how-some-of-the-all-time-biggest-bands-got-their-n\">Dallas News<\/a><\/strong><\/p>\n<p><span style=\"font-size: 20px;\"><strong>Idea #2<\/strong><\/span><\/p>\n<p>Here&#8217;s another idea that hasn&#8217;t even been done yet: use hidden icons to <strong>create a challenge for your viewers<\/strong>. Have them search your image for secret clues in the form of an invisible tag. This will encourage engagement with your media, while gamifying your marketing!\u00a0Search this image to find a 10% off code for ThingLink:\u00a0<\/p>\n<p>\u00a0<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/720394827526569985\" width=\"1024\" height=\"1024\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"tlMenuContainer\" style=\"z-index: 1; right: 0px !important; bottom: 0px !important;\"><a href=\"https:\/\/www.thinglink.com?buttonSource=badgeButtonBoxPro\"><\/a><a href=\"https:\/\/www.thinglink.com?buttonSource=badgeButtonBoxPro\"><span class=\"tlMenu\"><\/span><\/a><\/div>\n<div class=\"tlSidebar\" style=\"z-index: 2; right: 0px !important; top: 0px !important; display: none;\"><span class=\"tlMenuItem tlMenuItemEdit tlNonTouchDevice\" style=\"display: none;\"><a class=\"tlMenuIcon tlMenuEdit\" href=\"#\"><\/a><span class=\"tlMenuLabel tlMenuLabelEdit\">Edit<\/span><\/span><span class=\"tlMenuItem tlMenuItemTouch tlNonTouchDevice tlTouch\"><a class=\"tlMenuIcon tlMenuTouch\" href=\"#\" title=\"Collect images you like!\"><\/a><span class=\"tlMenuLabel tlMenuLabelTouch\">Touch<\/span><\/span><span class=\"tlMenuItem tlMenuItemShare tlNonTouchDevice\"><a class=\"tlMenuIcon tlMenuShare\" href=\"#\"><\/a><span class=\"tlMenuLabel tlMenuLabelShare\">Share<\/span><\/span><\/div>\n<div class=\"tlContextMenu\" unselectable=\"on\" style=\"z-index: 2; display: none;\">\n<div class=\"tlContextMenuItem tlContextMenuTouch\">Touch image<\/div>\n<div class=\"tlContextMenuItem tlContextMenuShare\">Share image&#8230;<\/div>\n<\/div>\n<h2>\n<script src=\"\/\/cdn.thinglink.me\/jse\/embed.js\" async=\"\" charset=\"utf-8\"><\/script><br \/>\n<\/h2>\n<p>\u00a0<\/p>\n<h1><strong>Want More Examples?<\/strong><\/h1>\n<p>Check out even more here:<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/channelcard\/720410840540381185\" width=\"640\" height=\"480\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>\u00a0<\/p>\n<hr>\n<p>\u00a0<\/p>\n<p>So, how will you use hidden icons in your images? Show us in the comments! Don&#8217;t forget to take advantage of that hidden discount code in the last image for savings on your next ThingLink purchase.\u00a0<\/p>\n<p>Questions? Schedule a free one-on-one demo with a ThingLink expert to help you get started!<\/p>\n<p>{{cta(&#8216;692abbd4-47dd-423c-8f04-2baabd6c51bf&#8217;)}}<\/p>\n<p>\n<script src=\"\/\/cdn.thinglink.me\/jse\/embed.js\" async=\"\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 Though ThingLink provides a whopping 98 pre-loaded tag icons, and even lets you upload your own, sometimes you want to indicate interactivity in the actual background&#8230;<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[491],"tags":[177],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3764"}],"collection":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=3764"}],"version-history":[{"count":1,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3764\/revisions"}],"predecessor-version":[{"id":6672,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3764\/revisions\/6672"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=3764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=3764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=3764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}