{"id":66990,"date":"2025-02-20T03:01:00","date_gmt":"2025-02-19T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=66990"},"modified":"2025-02-19T15:45:49","modified_gmt":"2025-02-19T05:45:49","slug":"wordpress-blog-plus-searches-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-plus-searches-tutorial\/","title":{"rendered":"WordPress Blog Plus Searches Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_first_time.jpg\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Plus Searches Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_first_time.jpg\" title=\"WordPress Blog Plus Searches Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">WordPress Blog Plus Searches Tutorial<\/p><\/div>\n<p>After a few days of trying out the WordPress Blog (TwentyTen themed) search functionality (searching for <i>GETME<sup>[space]<\/sup><\/i>) and creating <i>Oldest<\/i> link ideas from the recent <a title='WordPress Blog Getme Searches Tutorial' href='#wpbgst'>WordPress Blog Getme Searches Tutorial<\/a> we have come to two conclusions &#8230;<\/p>\n<ul>\n<li><font size=1>(though we dislike changing the premise of a modification, we&#8217;re going to)<\/font> change the appending delimiting character from a space to a <i>+<\/i> <font size=1>(plus)<\/font> character because it fits in better with previous functionalities offered &#8230; and all that withstanding &#8230;<\/li>\n<li>we like the basic idea <font size=1>(of searching for the genesis of a search regarding this blog)<\/font> and want to extend it to other non-GETME searches &#8230; <font color=blue>to just have it that (all in TwentyTen theme&#8217;s header.php)<\/font> &#8230;<\/li>\n<\/ul>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n   document.getElementById('s').placeholder='Space appended compares to whole posting content.  <font color=blue>One plus (+) after GETME (or, actually, now, any) search facilitates Oldest link.<\/font>';<br \/>\n<\/code><br \/>\n&#8220;; ?><\/p>\n<p> &#8230; and, in so doing, came up with a more robust &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\nfunction chkinodo() {<br \/>\n  var mkh=0, lastahelsid='', lastahelstitle='';<br \/>\n  var bihis='';<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert(0); }<br \/>\n  if (document.URL.indexOf('s=') != -1 && document.URL.replace('&max=','wopenall=').indexOf('wopenall=') != -1 && document.URL.indexOf('ifnooldestdoone=') != -1 && document.URL.replace('&max=','paZge=').replace('\/page','page=').indexOf('page=') == -1) {<br \/>\n    bihis=document.body.innerHTML;<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { bihis=bihis.replace(\/lder\\ post\/g, '');  }<br \/>\n    var hels=document.getElementsByTagName('h1');<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert('' + hels.length + ' ... ' + document.getElementsByTagName('a').length); }<br \/>\n    if (document.URL.indexOf('&paged=') != -1 && document.URL.indexOf('ifnooldestdoone=') != -1 && eval('' + hels.length) &gt; 0 && document.body.innerHTML.indexOf('lder post') != -1 && document.URL.replace('&paged=','&max=').indexOf('&max=') != -1) {<br \/>\n      location.href=document.URL.replace('&paged=' + document.URL.split('&paged=')[1].split('&')[0].split('#')[0], '&paged=' + eval(1 + eval('' + document.URL.split('&paged=')[1].split('&')[0].split('#')[0])));<br \/>\n      return '';<br \/>\n    } \/\/else if (document.URL.indexOf('&paged=') != -1 && document.URL.indexOf('ifnooldestdoone=') != -1 && document.URL.indexOf('&max=') != -1) {<br \/>\n      \/\/alert('' + eval('' + hels.length) + ' nextpage=' + eval(1 + eval('' + document.URL.split('&paged=')[1].split('&')[0].split('#')[0])));<br \/>\n      \/\/alert(document.body.innerHTML.indexOf('lder post'));<br \/>\n    \/\/}<br \/>\n    if (eval('' + hels.length) &gt; 0 && (bihis.indexOf('lder post') == -1 || document.URL.indexOf('&max=') != -1)) {<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert(11); }<br \/>\n      if (hels[0].innerHTML.indexOf('ldest') == -1) {<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert(111); }<br \/>\n        if (hels[0].innerHTML.toLowerCase().indexOf('search result') != -1) {<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert(1111); }<br \/>\n          var ahels=document.getElementsByTagName('a');<br \/>\n          var asthere=false;<br \/>\n          \/\/hels[0].innerHTML+=',';<br \/>\n          for (var jkh=0; jkh&lt;ahels.length; jkh++) {<br \/>\n    \/\/if (document.URL.indexOf('&max=') != -1) { alert('jhk=' + jhk); }<br \/>\n            if (('' + ahels[jkh].title).indexOf('Permalink to ') != -1) {<br \/>\n              if (('' + ahels[jkh].outerHTML).indexOf(' id=') == -1) {<br \/>\n                asthere=true;<br \/>\n                ahels[jkh].id='mya' + mkh;<br \/>\n                lastahelsid='' + ahels[jkh].id;<br \/>\n                lastahelstitle='' + ('' + ahels[jkh].title).split('Permalink to ')[1];<br \/>\n                mkh++;<br \/>\n              } else {<br \/>\n                asthere=true;<br \/>\n                lastahelsid='' + ahels[jkh].id;<br \/>\n                lastahelstitle='' + ('' + ahels[jkh].title).split('Permalink to ')[1];<br \/>\n              }<br \/>\n            }<br \/>\n          }<br \/>\n          if (!asthere) {<br \/>\n            setTimeout(chkinodo, 5000);<br \/>\n          }<br \/>\n        }<br \/>\n      }<br \/>\n      if (lastahelsid != '' && lastahelstitle != '') {<br \/>\n        hels[0].innerHTML+=' ... &lt;a id=reposa href=\"#' + lastahelsid + '\" title=\"' + lastahelstitle + '\"&gt;Oldest&lt;\/a&gt; ';<br \/>\n        if (document.URL.replace('&paged=','&max=').indexOf('&max=') != -1) {<br \/>\n          if (document.getElementById('reposa')) {<br \/>\n          document.getElementById('reposa').click();<br \/>\n          } else {<br \/>\n          location.href='#' + lastahelsid;<br \/>\n          }<br \/>\n        }<br \/>\n      }<br \/>\n    }<br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?><\/p>\n<p> &#8230; better dealing with multiple page result sets, called into play better via &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\nfunction sipreradiocc() {<br \/>\n\/\/if (document.getElementById('s').value.trim().indexOf('GETME') != -1) { alert(document.getElementById('s').value);  }<br \/>\nif (document.getElementById('s').value.indexOf('++') == -1) {<br \/>\nif ((document.getElementById('s').value + '~').replace('_GETME','-GETME').indexOf('-GETME+~') != -1) {<br \/>\n\/\/alert('yes');<br \/>\n   if (document.URL.indexOf('?s=' + encodeURIComponent(document.getElementById('s').value.replace(\/\\+$\/g,'')) + '&') == -1) {<br \/>\n   location.href=document.URL.split('?')[0].split('#')[0].split('\/ITblog')[0].split('\/wordpress')[0] + '\/ITblog\/?s=' + encodeURIComponent(document.getElementById('s').value.replace(\/\\+$\/g,'')) + '&wopenall=' + encodeURIComponent(document.getElementById('s').value.trim()) + '&ifnooldestdoone=y&paged=0';<br \/>\n   }<br \/>\n} else if ((document.getElementById('s').value + '~~').replace('_GETME','-GETME').indexOf('+~~') != -1) {<br \/>\n   \/\/alert(document.getElementById('s').value + '~~');<br \/>\n   if (document.URL.indexOf('?s=' + encodeURIComponent(document.getElementById('s').value.replace(\/\\+$\/g,'')) + '&') == -1) {<br \/>\n   location.href=document.URL.split('?')[0].split('#')[0].split('\/ITblog')[0].split('\/wordpress')[0] + '\/ITblog\/?s=' + encodeURIComponent(document.getElementById('s').value.replace(\/\\+$\/g,'')) + '&max=256&step=256&ifnooldestdoone=y&paged=0#nav-below';<br \/>\n   }<br \/>\n} \/\/else if (document.getElementById('s').value.trim().indexOf('GETME') != -1) {<br \/>\n   \/\/alert('why ' + (document.getElementById('s').value + '~').replace('_GETME','-GETME'));<br \/>\n\/\/}<br \/>\n}<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?><\/p>\n<p> &#8230; and ready for you to try yourself, sometime, we&#8217;re hoping, to get to &#8220;first mentions&#8221; of your search string(s) at this WordPress Blog&#8217;s <a href='#s'>search textbox<\/a>.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-plus-searches-tutorial\/' rel=\"noopener\">WordPress Blog Plus Searches Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wpbgst'>Previous relevant <a target=\"_blank\" title='WordPress Blog Getme Searches Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-getme-searches-tutorial\/' rel=\"noopener\">WordPress Blog Getme Searches Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/getme_oldest.gif\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Getme Searches Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/getme_oldest.gif\" title=\"WordPress Blog Getme Searches Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">WordPress Blog Getme Searches Tutorial<\/p><\/div>\n<p>We noted, looking at our Apache Status report, that fairly often readers of this blog, thanks, search for mention of a particular GETME file, it being our &#8220;source control&#8221; basis whereby &#8230;<\/p>\n<ul>\n<li>first draft of a &#8220;source control&#8221; file, named cowsay.php as an example, would be called &#8230;<br \/>\n<code><br \/>\ncowsay.php_GETME<br \/>\n<\/code>\n<\/li>\n<li>and then subsequent drafts use <i>&#8211;<\/i><sup>s<\/sup> rather than <i>_<\/i> meaning a &#8220;second draft&#8221; would be called &#8230;<br \/>\n<code><br \/>\ncowsay.php-GETME<br \/>\n<\/code><br \/>\n &#8230; and a fourth &#8230;<br \/>\n<code><br \/>\ncowsay.php---GETME<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p>You go through with a particularized search like that and you&#8217;d be looking for specific referencing, we reckon.  And yet, once the project rolls along a search for <i>cowsay.php_GETME<\/i> as your example will land you on four or five or six <i>mentioning<\/i> tutorials, the way we do it around here.  We want to tell a story, and build it up <font size=1>(but please do your own research regarding Google SEO before thinking this is such a good idea, as repeating content is quite often a no-no)<\/font>.  But, like we&#8217;re intimating, such a particularized search result set like this may annoy many people looking for some quick, definitive answer.<\/p>\n<p>Well, we think for some such searches, again using <i>cowsay.php_GETME<\/i> as an example, the adding and then clicking of &#8230;<\/p>\n<p><code><br \/>\n<a href='#oldest' title=''>Oldest<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; and lobbing you in the direction of &#8230;<\/p>\n<p><code><br \/>\n<a id=\"oldest\" target=\"_blank\" href='https:\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-primer-tutorial\/' title='Python Cowsay API Primer Tutorial' rel=\"noopener\">Python Cowsay API Primer Tutorial<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; as the oldest mention of <i>cowsay.php_GETME<\/i>, could be a useful new feature &#8230; ie. getting to it&#8217;s genesis.  Many people will be most interested going back to this genesis, but please note, in the case we&#8217;ve mentioned, using our &#8220;present as a book&#8221; emoji button (&#128214; &amp;#128214;) functionality <font size=1>(reading like a book, functionality talked about with <a target=\"_blank\" href='https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-posting-thread-book-primer-tutorial\/' title='WordPress Blog Posting Thread Book Primer Tutorial' rel=\"noopener\">WordPress Blog Posting Thread Book Primer Tutorial<\/a>)<\/font> on the topmost <font size=1>(usually, but regarding hot off the press business &#8220;topmost that does not have the title <i>WordPress Blog Getme Searches Tutorial<\/i>&#8220;)<\/font> link you are presented with would do a good job here too.<\/p>\n<p>Okay, so how does a user start getting to this additional Oldest link creation logic?  Well, in <font color=blue>our changed bits<\/font> on our WordPress blog TwentyTen themed header.php <font size=1>(a modus operandi also used for <a title='WordPress Blog Byline Zoom Fix Tutorial' href='#wpbbzft'>WordPress Blog Byline Zoom Fix Tutorial<\/a>)<\/font> &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n<font color=blue>function sipreradiocc() {<br \/>\n\/\/if (document.getElementById('s').value.trim().indexOf('GETME') != -1) { alert(document.getElementById('s').value);  }<br \/>\nif ((document.getElementById('s').value + '~').replace('_GETME','-GETME').indexOf('-GETME ~') != -1) {<br \/>\n\/\/alert('yes');<br \/>\n   location.href=document.URL.split('?')[0].split('#')[0].split('\/ITblog')[0].split('\/wordpress')[0] + '\/ITblog\/?s=' + encodeURIComponent(document.getElementById('s').value.trim()) + '&wopenall=' + encodeURIComponent(document.getElementById('s').value.trim()) + '&ifnooldestdoone=y';<br \/>\n} \/\/else if (document.getElementById('s').value.trim().indexOf('GETME') != -1) {<br \/>\n   \/\/alert('why ' + (document.getElementById('s').value + '~').replace('_GETME','-GETME'));<br \/>\n\/\/}<br \/>\n} <\/font><br \/>\n<br \/>\nfunction preradiocc() {<br \/>\n  <font color=blue>\/\/document.title='' + (document.getElementById('s').value + '~').replace('_GETME','-GETME').indexOf('-GETME ~') + ' ... ' + (document.getElementById('s').value + '~').replace('_GETME','-GETME');<br \/>\n  if ((document.getElementById('s').value + '~').replace('_GETME','-GETME').indexOf('-GETME ~') != -1) {<br \/>\n   location.href=document.URL.split('?')[0].split('#')[0].split('\/ITblog')[0].split('\/wordpress')[0] + '\/ITblog\/?s=' + encodeURIComponent(document.getElementById('s').value.trim()) + '&wopenall=' + encodeURIComponent(document.getElementById('s').value.trim()) + '&ifnooldestdoone=y';<br \/>\n  } else <\/font>if (document.getElementById('s').value != \"\" && radis != \"\") {<br \/>\n   radiocc(radis);<br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; reading between the lines and taking into consideration <font color=purple>a changed codeline<\/font> in function precc &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n   document.getElementById('s').placeholder='Space appended compares to whole posting content.<font color=purple>  Spaces after GETME search facilitates Oldest link.<\/font>';<br \/>\n   <font color=purple>setInterval(sipreradiocc, 5000); <\/font><br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; in conjunction with a new document.body onload Javascript function &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\nfunction chkinodo() {<br \/>\n  var mkh=0, lastahelsid='', lastahelstitle='';<br \/>\n  if (document.URL.indexOf('s=') != -1 && document.URL.indexOf('wopenall=') != -1 && document.URL.indexOf('ifnooldestdoone=') != -1 && document.URL.replace('\/page','page=').indexOf('page=') == -1) {<br \/>\n    var hels=document.getElementsByTagName('h1');<br \/>\n    if (eval('' + hels.length) &gt; 0 && document.body.innerHTML.indexOf('lder post') == -1) {<br \/>\n      if (hels[0].innerHTML.indexOf('ldest') == -1) {<br \/>\n        if (hels[0].innerHTML.toLowerCase().indexOf('search result') != -1) {<br \/>\n          var ahels=document.getElementsByTagName('a');<br \/>\n          for (var jkh=0; jkh&lt;ahels.length; jkh++) {<br \/>\n            if (('' + ahels[jkh].title).indexOf('Permalink to ') != -1) {<br \/>\n              if (('' + ahels[jkh].outerHTML).indexOf(' id=') == -1) {<br \/>\n                ahels[jkh].id='mya' + mkh;<br \/>\n                lastahelsid='' + ahels[jkh].id;<br \/>\n                lastahelstitle='' + ('' + ahels[jkh].title).split('Permalink to ')[1];<br \/>\n                mkh++;<br \/>\n              } else {<br \/>\n                lastahelsid='' + ahels[jkh].id;<br \/>\n                lastahelstitle='' + ('' + ahels[jkh].title).split('Permalink to ')[1];<br \/>\n              }<br \/>\n            }<br \/>\n          }<br \/>\n        }<br \/>\n      }<br \/>\n      if (lastahelsid != '' && lastahelstitle != '') {<br \/>\n        hels[0].innerHTML+=' ... &lt;a href=\"#' + lastahelsid + '\" title=\"' + lastahelstitle + '\"&gt;Oldest&lt;\/a&gt; ';<br \/>\n      }<br \/>\n    }<br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; the user just adds a trailing space to their entered GETME search textbox entry, to pre-empt the underlying HTML form navigation and, instead, do a navigation such as &#8230;<\/p>\n<p><code><br \/>\n<a target=\"_blank\" title='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=cowsay.php_GETME&#038;wopenall=cowsay.php_GETME&#038;ifnooldestdoone=y' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=cowsay.php_GETME&#038;wopenall=cowsay.php_GETME&#038;ifnooldestdoone=y' rel=\"noopener\">https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=cowsay.php_GETME&wopenall=cowsay.php_GETME&ifnooldestdoone=y<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; to, sometimes, see these new <a href='#oldest' title=''>Oldest<\/a> type hashtag link helpers.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-getme-searches-tutorial\/' rel=\"noopener\">WordPress Blog Getme Searches Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wpbbzft'>Previous relevant <a target=\"_blank\" title='WordPress Blog Byline Zoom Fix Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-byline-zoom-fix-tutorial\/' rel=\"noopener\">WordPress Blog Byline Zoom Fix Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/byline.gif\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Byline Zoom Fix Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/byline.gif\" title=\"WordPress Blog Byline Zoom Fix Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">WordPress Blog Byline Zoom Fix Tutorial<\/p><\/div>\n<p>That&#8217;s it!  We&#8217;re doing something today regarding &#8230;<\/p>\n<blockquote><p>\nHow on non-mobile, with this blog, the byline &#8230;<br \/>\n  A &#8220;Dot Dot Dot&#8221; Information Technology Blog<br \/>\n &#8230; can mal-align as a user zooms in or out.\n<\/p><\/blockquote>\n<p>And we were doing things for the first time we can remember, regarding the fix, which we weren&#8217;t expecting.   So &#8230;<\/p>\n<p>For the first time we can remember &#8230;<\/p>\n<ul>\n<li>for a <i>position: absolute<\/i> &#8220;overlay&#8221; scenerio &#8230; we did not use a <i>left: 123<strong>px<\/strong><\/i> style of positioning &#8230; but, rather &#8230;<\/li>\n<li>used a <i>right: 45.6<strong>%<\/strong><\/i> style of positioning &#8230;<\/li>\n<li>lining the byline&#8217;s <i>right<\/i> with the blog title&#8217;s <i>right<\/i> &#8230; more or less &#8230;<\/li>\n<li>making the byline more central &#8230;<\/li>\n<li>giving it more &#8220;wander room&#8221; as a user zooms in or out<\/li>\n<\/ul>\n<p>Ever since the advent of &#8220;mobile&#8221; platforms, the idea of &#8220;zoom&#8221; has become more and more of a &#8220;mute point&#8221;, but not for &#8220;non-mobile&#8221;, as with this &#8220;kind of unusual&#8221; adding, via &#8220;overlay&#8221; idea, regarding HTML elements.<\/p>\n<p>On this topic, we&#8217;d like to thank <a target=\"_blank\" title='Excellent advice' href='https:\/\/stackoverflow.com\/questions\/995914\/catch-browsers-zoom-event-in-javascript' rel=\"noopener\">this excellent link<\/a> which reminded us that &#8220;responsive design&#8221;&#8216;s biggest friend is the percent (ie. &#8220;%&#8221;) unit of webpage measure!<\/p>\n<p>By the way, even on &#8220;non-mobile&#8221;, the window.onresize event is triggered we found, but once there we struggled to do much about the mal-alignment zooming in or out was sometimes doing to the byline off to the left.<\/p>\n<p>The new code <font color=blue>(intervention, that made the difference)<\/font>, in good ol&#8217; header.php?<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\nfunction bylinedo() {<br \/>\n  var ahuhrect=document.getElementById('access').getBoundingClientRect();<br \/>\n  var huhrect=document.getElementById('ahomeis').getBoundingClientRect();<br \/>\n  if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n  document.getElementById('ahomeis').innerHTML=document.getElementById('ahomeis').innerHTML.replace(' Blog', ' &lt;span id=sbyline&gt;&lt;font size=2&gt;&lt;i&gt;&lt;strong&gt;... I.T.&lt;\/strong&gt;&lt;\/i&gt;&lt;\/font&gt;&lt;\/span&gt; Blog');<br \/>\n  } else {<br \/>\n  \/\/document.getElementById('hdgspan').innerHTML+='&lt;span id=sbyline style=\"position:absolute;left:' + ahuhrect.left + 'px;top:' + eval(53 + eval('' + huhrect.top)) + 'px;\"&gt;&lt;font size=2&gt;&lt;i&gt;&lt;strong&gt;A \"Dot Dot Dot\" Information Technology Blog&lt;\/strong&gt;&lt;\/i&gt;&lt;\/font&gt;&lt;\/span&gt;';<br \/>\n  \/\/alert('sw=' + screen.width + ' al=' + ahuhrect.left + ' ... ' + eval(100 * eval('' + screen.width) \/ eval('' + ahuhrect.left)));<br \/>\n  \/\/ Thanks to https:\/\/stackoverflow.com\/questions\/995914\/catch-browsers-zoom-event-in-javascript<br \/>\n  document.getElementById('hdgspan').innerHTML+='&lt;span id=sbyline style=\"position:absolute;<font color=blue>right:' + eval(100 * eval('' + huhrect.right) \/ eval('' + screen.width)) + '%;<\/font>top:' + eval(53 + eval('' + huhrect.top)) + 'px;\"&gt;&lt;font size=2&gt;&lt;i&gt;&lt;strong&gt;A \"Dot Dot Dot\" Information Technology Blog&lt;\/strong&gt;&lt;\/i&gt;&lt;\/font&gt;&lt;\/span&gt;';<br \/>\n  \/\/window.onresize=function(){ alert(65); var bhuhrect=document.getElementById('access').getBoundingClientRect(); document.getElementById('hdgspan').style.left='' + bhuhrect.left + 'px';  };<br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66200' onclick='var dv=document.getElementById(\"d66200\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/overlay\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66200' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66888' onclick='var dv=document.getElementById(\"d66888\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/hashtag\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66888' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66990' onclick='var dv=document.getElementById(\"d66990\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/delimiter\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66990' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>After a few days of trying out the WordPress Blog (TwentyTen themed) search functionality (searching for GETME[space]) and creating Oldest link ideas from the recent WordPress Blog Getme Searches Tutorial we have come to two conclusions &#8230; (though we dislike &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-plus-searches-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,12,37],"tags":[151,1824,218,2522,2147,5101,488,557,3961,2761,1807,827,830,3977,860,870,932,5113,997,1018,1110,3262,1568,1176,1675,1319,1324,1325,1345,1418,1456],"class_list":["post-66990","post","type-post","status-publish","format-standard","hentry","category-database","category-elearning","category-tutorials","tag-blog","tag-character","tag-code","tag-delimit","tag-delimiter","tag-genesis","tag-getme","tag-hashtag","tag-hashtagging","tag-header-php","tag-link","tag-mysql","tag-navigation","tag-oldest","tag-onblur","tag-onload","tag-php","tag-plus","tag-programming","tag-query","tag-search","tag-source","tag-source-code","tag-source-control","tag-textbox","tag-tutorial","tag-twentyten","tag-twentyten-theme","tag-url","tag-webpage","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66990"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=66990"}],"version-history":[{"count":9,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66990\/revisions"}],"predecessor-version":[{"id":67000,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66990\/revisions\/67000"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=66990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=66990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=66990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}