{"id":22440,"date":"2014-07-26T19:30:10","date_gmt":"2014-07-27T09:30:10","guid":{"rendered":"https:\/\/www.geocaching.com\/blog\/?p=22440"},"modified":"2014-09-20T13:20:48","modified_gmt":"2014-09-20T20:20:48","slug":"give-your-cache-page-a-makeover","status":"publish","type":"post","link":"https:\/\/www.geocaching.com\/blog\/2014\/07\/give-your-cache-page-a-makeover\/","title":{"rendered":"Give Your Cache Page a Makeover"},"content":{"rendered":"<h3><\/h3>\n<h3 style=\"text-align: center;\"><\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\">See this cache page? It&#8217;s pretty snazzy.<\/h3>\n<p>While the bright blue tiled image has the potential to disorient a geocacher, the photo in the center column and the color of the text tie the whole thing together.<\/p>\n<figure id=\"attachment_22444\" aria-describedby=\"caption-attachment-22444\" style=\"width: 689px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22444  \" alt=\"jklhjikl\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/jklhjikl-1024x646-1.jpg\" width=\"689\" height=\"434\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/jklhjikl-1024x646-1.jpg 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/jklhjikl-300x189-1.jpg 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/jklhjikl.png 1328w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><figcaption id=\"caption-attachment-22444\" class=\"wp-caption-text\">Bright blue looks good on Phil Harris&#8230;and this cache page.<\/figcaption><\/figure>\n<h3 style=\"text-align: center;\"><\/h3>\n<h3 style=\"text-align: center;\"><\/h3>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\">How do you transform your cache page from blah to rah?<\/h3>\n<p>Can you say &#8220;Hypertext Markup Language&#8221; five times fast?<\/p>\n<figure id=\"attachment_22480\" aria-describedby=\"caption-attachment-22480\" style=\"width: 708px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.geocaching.com\/geocache\/GC57KW3_worlds-collide-in-seattle\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22480     \" alt=\"Check out GC57KW3...it literally sparkles.\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/Untitled1-1024x690.png\" width=\"708\" height=\"478\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/Untitled1-1024x690.png 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/Untitled1-300x202.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/Untitled1.png 1324w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/a><figcaption id=\"caption-attachment-22480\" class=\"wp-caption-text\">Check out GC57KW3&#8230;it literally sparkles.<\/figcaption><\/figure>\n<h3 style=\"text-align: left;\"><\/h3>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\">That&#8217;s right, we&#8217;re talking about HTML, baby.<\/h3>\n<p style=\"text-align: left;\">And we&#8217;re talking about it with as much spice as possible, because we know some of you are about to fall of your chairs at the sheer boringness of it all.<\/p>\n<figure id=\"attachment_22495\" aria-describedby=\"caption-attachment-22495\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22495\" alt=\"handsintheair (1)\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/handsintheair-1-1024x682.jpeg\" width=\"614\" height=\"409\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/handsintheair-1-1024x682.jpeg 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/handsintheair-1-300x200.jpeg 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/handsintheair-1.jpeg 1306w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><figcaption id=\"caption-attachment-22495\" class=\"wp-caption-text\">Even the HQ&#8217;ers think so.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>HTML 101<\/h3>\n<p>HTML code is created using tags framed by the greater-than and less-than signs: &lt; and &gt; . \u00a0A piece of code usually uses two of these tags to change the text between them.<\/p>\n<figure id=\"attachment_22521\" aria-describedby=\"caption-attachment-22521\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22521\" alt=\"fjdsi;fa\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/fjdsifa-1024x682.png\" width=\"614\" height=\"409\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fjdsifa-1024x682.png 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fjdsifa-300x200.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fjdsifa.png 1306w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><figcaption id=\"caption-attachment-22521\" class=\"wp-caption-text\">You can have colors too. Keep reading.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>To make a paragraph break<\/h3>\n<p>Enter &lt;p&gt; and &lt;\/p&gt; on either side of the text in your paragraph.<\/p>\n<figure id=\"attachment_22523\" aria-describedby=\"caption-attachment-22523\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22523 \" alt=\"Give your eyes a rest. Take a (paragraph) break.\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/fdsafds-1024x682.png\" width=\"614\" height=\"409\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds-1024x682.png 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds-300x200.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds.png 1306w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><figcaption id=\"caption-attachment-22523\" class=\"wp-caption-text\">Give your eyes a rest. Take a (paragraph) break.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>To make something bold<\/h3>\n<p>Enter &lt;strong&gt; and &lt;\/strong&gt; on either side of the text you want to emphasize.<\/p>\n<figure id=\"attachment_22569\" aria-describedby=\"caption-attachment-22569\" style=\"width: 669px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22569  \" alt=\"fdsafds\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/fdsafds2-1024x682.png\" width=\"669\" height=\"446\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds2-1024x682.png 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds2-300x200.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds2.png 1306w\" sizes=\"auto, (max-width: 669px) 100vw, 669px\" \/><figcaption id=\"caption-attachment-22569\" class=\"wp-caption-text\">Be bold. Is there any other way?<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>To add italics to your text<\/h3>\n<p>Do basically the same thing as with bold text, only use the &lt;em&gt; and &lt;\/em&gt; tags.<\/p>\n<figure id=\"attachment_22571\" aria-describedby=\"caption-attachment-22571\" style=\"width: 639px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22571   \" alt=\"fdsafds\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/fdsafds3-1024x682.png\" width=\"639\" height=\"426\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds3-1024x682.png 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds3-300x200.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds3.png 1306w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><figcaption id=\"caption-attachment-22571\" class=\"wp-caption-text\">Italics add a little spice, I think we can all agree.<\/figcaption><\/figure>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<h3>To add both italics and bold<\/h3>\n<p>Use both the &lt;em&gt; and the &lt;strong&gt; tags, with their closing tags: &lt;\/em&gt; and &lt;\/strong&gt;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22577 aligncenter\" alt=\"27b84da215a411e39d3822000a1f90e8_7\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/27b84da215a411e39d3822000a1f90e8_7.jpg\" width=\"612\" height=\"612\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/27b84da215a411e39d3822000a1f90e8_7.jpg 612w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/27b84da215a411e39d3822000a1f90e8_7-150x150.jpg 150w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/27b84da215a411e39d3822000a1f90e8_7-300x300.jpg 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/p>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<h3>To add an image to your page<\/h3>\n<p>Make sure your image is saved to your cache page gallery or is available on the internet somewhere. Find the URL of the image.<br \/>\nTo find the URL, open the image in your browser, and right-click to get the URL.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-22583\" alt=\"fdsafds\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/fdsafds4-1024x682-1.jpg\" width=\"645\" height=\"429\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds4-1024x682-1.jpg 1024w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds4-300x200.png 300w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/fdsafds4.png 1306w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/p>\n<h3 style=\"text-align: left;\">For more information on how to add&#8230;<\/h3>\n<p style=\"text-align: left;\">Fonts, hyperlinks, fancy spacing, and more, visit\u00a0<a href=\"http:\/\/www.follow-the-arrow.co.uk\/resources\/htmlcodes.html\" rel=\"nofollow\">http:\/\/www.follow-the-arrow.co.uk\/resources\/htmlcodes.html<\/a><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22600 aligncenter\" alt=\"10488729_1438833359709606_491933015_n\" src=\"https:\/\/www.geocaching.com\/blog\/wp-content\/uploads\/2014\/07\/10488729_1438833359709606_491933015_n1.jpg\" width=\"640\" height=\"640\" srcset=\"https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/10488729_1438833359709606_491933015_n1.jpg 640w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/10488729_1438833359709606_491933015_n1-150x150.jpg 150w, https:\/\/d3mo08i005h0zn.cloudfront.net\/blog\/uploads\/2014\/07\/10488729_1438833359709606_491933015_n1-300x300.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<h3 style=\"text-align: left;\">Soon you&#8217;ll be embedding geocaching video games on your cache pages, <a href=\"https:\/\/www.geocaching.com\/blog\/2014\/07\/geocaching-the-video-game-lostsailrs-uncharted-waters-gc55cdq-geocache-of-the-week\/\">like this cache of the week<\/a>.<\/h3>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; See this cache page? It&#8217;s pretty snazzy. While the bright blue tiled image has the potential to disorient a geocacher, the photo in the center column and the color of the text tie the whole thing together. &nbsp; How do you transform your cache page from blah to rah? Can you say &#8220;Hypertext&#8230;<\/p>\n","protected":false},"author":21,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","filesize_raw":"","footnotes":""},"categories":[1],"tags":[],"series":[],"class_list":["post-22440","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"episode_featured_image":false,"episode_player_image":"https:\/\/www.geocaching.com\/blog\/wp-content\/plugins\/seriously-simple-podcasting\/assets\/images\/no-album-art.png","download_link":"","player_link":"","audio_player":false,"episode_data":{"playerMode":"dark","subscribeUrls":{"apple_podcasts":{"key":"apple_podcasts","url":"","label":"Apple Podcasts","class":"apple_podcasts","icon":"apple-podcasts.png"},"google_podcasts":{"key":"google_podcasts","url":"","label":"Google Podcasts","class":"google_podcasts","icon":"google-podcasts.png"},"spotify":{"key":"spotify","url":"","label":"Spotify","class":"spotify","icon":"spotify.png"},"stitcher":{"key":"stitcher","url":"","label":"Stitcher","class":"stitcher","icon":"stitcher.png"}},"rssFeedUrl":"https:\/\/www.geocaching.com\/blog\/feed\/podcast\/inside-geocaching-hq-podcast","embedCode":"<blockquote class=\"wp-embedded-content\" data-secret=\"uxaQn7gzI7\"><a href=\"https:\/\/www.geocaching.com\/blog\/2014\/07\/give-your-cache-page-a-makeover\/\">Give Your Cache Page a Makeover<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.geocaching.com\/blog\/2014\/07\/give-your-cache-page-a-makeover\/embed\/#?secret=uxaQn7gzI7\" width=\"500\" height=\"350\" title=\"&#8220;Give Your Cache Page a Makeover&#8221; &#8212; Official Blog\" data-secret=\"uxaQn7gzI7\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n"},"_links":{"self":[{"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/posts\/22440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/comments?post=22440"}],"version-history":[{"count":111,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/posts\/22440\/revisions"}],"predecessor-version":[{"id":23871,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/posts\/22440\/revisions\/23871"}],"wp:attachment":[{"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/media?parent=22440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/categories?post=22440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/tags?post=22440"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.geocaching.com\/blog\/wp-json\/wp\/v2\/series?post=22440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}