{"id":136,"date":"2015-12-25T05:00:00","date_gmt":"2015-12-25T05:00:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/04\/11\/replace-newer-home-and-older-page-links-with-image-buttons\/"},"modified":"2022-12-19T15:12:48","modified_gmt":"2022-12-19T09:42:48","slug":"older-home-newer-blogspot","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/older-home-newer-blogspot.html","title":{"rendered":"Replace Older, Newer and Home link with Image in blogger."},"content":{"rendered":"<p style=\"text-align: justify;\">[dropcap]B[\/dropcap]logger is one of the most popular blogging C.M.S. It is found that most of the blogger starts their career with it as it is completely free and no technological knowledge required to manage it. However after some time they spend in writing awesome articles, they start worried about the designing part of the blogger blog.<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: justify;\">At present era of competition only writing good articles not enough we have to focus on the look and feel of a blogger blog and hence here I have come up with another blogger post and that is how to change of modify older, home and newer navigation link with attractive images that will surly helps your to <a href=\"https:\/\/www.heerentanna.com\/blog\/building-visitors-relationship.html\" target=\"_blank\" rel=\"noopener noreferrer\">build successful relationship with blog visitors<\/a>.<\/p>\n<p><strong>Related Post:<\/strong> <a href=\"https:\/\/www.heerentanna.com\/blog\/older-newer-post-title-in-blogger.html\" target=\"_blank\" rel=\"noopener noreferrer\">Replace Older Post &amp; Newer Post Links\/Images With Post Title on Blogger.<\/a><\/p>\n<h2 style=\"text-align: justify;\">Change&nbsp;Older, Newer and Home link with Image in blogger.<\/h2>\n<h3 style=\"text-align: justify;\">Customize Your Post:<\/h3>\n<p><script type=\"text\/javascript\">\/\/ <![CDATA[\nfunction changeText2(){ var newpostimageurl = document.getElementById('newpostimageurl').value; document.getElementById('boldStuff1').innerHTML = newpostimageurl; var homepageimageurl = document.getElementById('homepageimageurl').value; document.getElementById('boldStuff2').innerHTML = homepageimageurl; var oldpostimageurl = document.getElementById('oldpostimageurl').value; document.getElementById('boldStuff3').innerHTML = oldpostimageurl; document.getElementById('boldStuff3').innerHTML = oldpostimageurl; document.getElementById('success_message').innerHTML = \"Congratulations, Your post is successfully updated, kindly refer setting instruction. \"; }\n\/\/ ]]><\/script><\/p>\n<div class=\"main-content\">\n<p>&nbsp;<\/p>\n<form class=\"form-basic\" action=\"#\" method=\"post\">\n<div class=\"form-row\"><label><br \/>\nNew Post Image URL<br \/>\n<input id=\"newpostimageurl\" name=\"name\" type=\"text\"><br \/>\n<\/label><\/div>\n<div class=\"form-row\"><label><br \/>\nHome Page Image URL<br \/>\n<input id=\"homepageimageurl\" name=\"name\" type=\"text\"><br \/>\n<\/label><\/div>\n<div class=\"form-row\"><label><label><br \/>\nOld Post Image URL<br \/>\n<input id=\"oldpostimageurl\" name=\"name\" type=\"text\"><\/label><\/label><\/div>\n<p>&nbsp;<\/p>\n<div class=\"form-row\">\n<p><input id=\"success_message\" type=\"button\" value=\"Generate Code\"><\/p>\n<\/div>\n<\/form>\n<p>&nbsp;<\/p>\n<\/div>\n<h3>Setting Instruction:<\/h3>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\"><strong>Step 1:-<\/strong>&nbsp;<\/span>Backup Your Blogger Template.<\/p>\n<p style=\"text-align: justify;\">Before proceeding further, First think I recommended it to backup your blogger blog. If you don&#8217;t know how to backup your blogger blog than kindly go through below link.<br \/>\n<strong><br \/>\nRelated Stuff: <\/strong>How to backup your blogger template ?<\/p>\n<p style=\"text-align: justify;\"><strong>Step 2:-<\/strong> Navigate: Blog Dashboard &gt; Template &gt; Edit HTML.<\/p>\n<p><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1340 size-medium\" title=\"Change Older, Newer, Home page link in blogger\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger.jpg\" alt=\"find edit html in blogger\" width=\"620\" height=\"339\" srcset=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger.jpg 758w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger-574x314.jpg 574w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger-287x157.jpg 287w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/find-edit-html-in-blogger-390x214.jpg 390w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 3:-<\/strong>&nbsp;You just need to find following three code in&nbsp;Template code and &nbsp;follow given instruction.<\/p>\n<ol>\n<li><em><strong>&lt;data:newerPageTitle\/&gt;<\/strong><\/em> Replace this with &lt;img src=&#8217;<b id=\"boldStuff1\">Enter here your new post URL<\/b>&#8216; style=&#8217;border: 0 none;vertical-align: middle;&#8217;\/&gt;<\/li>\n<li><em><strong>&lt;data:olderPageTitle\/&gt;<\/strong><\/em> Replace this with &lt;img src=&#8217;<b id=\"boldStuff2\">Enter Here Your Old Post Image URL<\/b>&#8216; style=&#8217;border: 0 none;vertical-align: middle;&#8217;\/&gt;<\/li>\n<li><em><strong>&lt;data:homeMsg\/&gt;<\/strong><\/em> Replace this with &lt;img src=&#8217;<b id=\"boldStuff3\">Enter Here Your Home Page Image URL<\/b>&#8216; style=&#8217;border: 0 none;vertical-align: middle;&#8217;\/&gt;<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1341 size-medium\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag.png\" alt=\"change text with image tag\" width=\"620\" height=\"375\" srcset=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag.png 749w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag-519x314.png 519w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag-260x157.png 260w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/04\/change-text-with-image-tag-390x236.png 390w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 4:-<\/strong>&nbsp;Click on Preview &amp; Save Button.<\/p>\n<h3>Conclusion:<\/h3>\n<p style=\"text-align: justify;\">Here on this page I have tried to simplify your task as soon as possible as i know at initial stage it&#8217;s very hard to understand all the technological terminologies. But still if you find any complications than fill free to comment below, I will try to solve your problem as soon as possible.<\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"[dropcap]B[\/dropcap]logger is one of the most popular blogging C.M.S. It is found that most of the blogger starts&hellip;","protected":false},"author":1,"featured_media":14876,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-136","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blogging-tips","cs-entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14876"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}