{"id":23993,"date":"2020-07-12T06:46:35","date_gmt":"2020-07-12T05:46:35","guid":{"rendered":"https:\/\/jurnsearch.wordpress.com\/?p=23993"},"modified":"2020-07-12T06:46:35","modified_gmt":"2020-07-12T05:46:35","slug":"how-to-get-pretty-buttons-on-your-google-cse-results","status":"publish","type":"post","link":"https:\/\/jurn.link\/jurnsearch\/index.php\/2020\/07\/12\/how-to-get-pretty-buttons-on-your-google-cse-results\/","title":{"rendered":"How to get pretty buttons on your Google CSE results"},"content":{"rendered":"<p>How to get pretty buttons on the bottom of your Google CSE results.<\/p>\n<p><strong>1.<\/strong> You want this&#8230;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/footerbuttons.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/footerbuttons.jpg?w=529\" alt=\"\" width=\"529\" height=\"143\" class=\"alignnone size-large wp-image-23994\" \/><\/a><\/p>\n<p>Instead of this&#8230;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/majorgeeks.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/majorgeeks.jpg\" alt=\"\" width=\"293\" height=\"103\" class=\"alignnone size-full wp-image-23996\" \/><\/a><\/p>\n<p>Ok, so not <em>that<\/em> much prettier, but bigger.  You can work on the styling once you know how to do the basics.<\/p>\n<p><strong>2.<\/strong> First set button and letter\/edge colours to match your site\/page. You do that here in the CSE Dashboard&#8230;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/pretty2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/pretty2.jpg?w=529\" alt=\"\" width=\"529\" height=\"380\" class=\"alignnone size-large wp-image-23997\" \/><\/a><\/p>\n<p>Save.<\/p>\n<p><strong>3.<\/strong> Then add this CSS code into your HTML page header, or your blog theme&#8217;s &#8216;custom CSS&#8217; panel.<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/footercss.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2020\/07\/footercss.jpg?w=529\" alt=\"\" width=\"529\" height=\"293\" class=\"alignnone size-large wp-image-23999\" \/><\/a><\/p>\n<p><strong>4.<\/strong> Save, refresh the page, test. Tell your users they don&#8217;t have to squint any more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to get pretty buttons on the bottom of your Google CSE results. 1. You want this&#8230; Instead of this&#8230; &hellip;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/index.php\/2020\/07\/12\/how-to-get-pretty-buttons-on-your-google-cse-results\/\">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":[8],"tags":[],"class_list":["post-23993","post","type-post","status-publish","format-standard","hentry","category-jurn-tips-and-tricks"],"_links":{"self":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/23993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/comments?post=23993"}],"version-history":[{"count":0,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/23993\/revisions"}],"wp:attachment":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/media?parent=23993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/categories?post=23993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/tags?post=23993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}