![\"\"](\"https:\/\/instantsocialsignals.com\/test\/images\/stories\/users\/html-knapp-konverterer.jpg\" "\\"\\"")
<\/p>\n<\/p>\n
\nHusker du HTML knappen som konverterer best? I fjor skrev vi om Eric Graham som hadde testet mye, og konkludert med en klar vinner. Nå har vi etter spørsmål fra en leser bygget om knappen for deg som vil bruke den som en vanlig knapp.\n<\/p>\n
\n \n<\/p>\n
<\/p>\n \n \n<\/p>\n \nFørst, en kort oppfriskning: \n<\/p>\n \n \n<\/p>\n \nHer er HTML-knappen som gir best resultat med tanke på click-through-rate:\n<\/p>\n \n \nKnappen skal være stor, og ha en farge-ramme rundt som skifter farge, gjerne fra rød til grønt når man fører musepilen over. Dette fører til at folk "stopper opp" og instinktivt klikker.\n<\/p>\n \n \n<\/p>\n \nForrige gang var dette en HTML submit-knapp for skjema, og nå fikk vi spørsmål om hvordan man kan gjøre den om til en "vanlig knapp" som åpner en ny nettside.\n<\/p>\n \n \n<\/p>\n \nSist gang la jeg ikke ved koden heller, så nå gjør jeg det \ud83d\ude09\n<\/p>\n \n \n<\/p>\n \nDette skal i din CSS fil (evt øverst i HTML filen mellom <head> og <\/head>:\n<\/p>\n \n \n<\/p>\n <\/span><\/p>\n \n \n<\/p>\n <\/span><\/p>\n \n\t.submit {<\/span> <\/p>\n \n \n<\/p>\n \n \n<\/p>\n \nDeretter skal denne HTML koden inn i din HTML, der du vil ha knappen:\n<\/p>\n \n \n<\/p>\n <\/span><\/p>\n \t <\/p>\n \nDet var alt.\n<\/p>\n \n \n<\/p>\n \nDvs, hvis du skal lime inn CSS koden i HTML filen din og ikke i CSS fil, så må du lime inn start og slutt for CSS, slik at koden blir seende slik ut:\n<\/p>\n \n <\/span><\/p>\n \n\t<\/p>\n \n\t<style type="text\/css">\n\t<\/p>\n \t<\/span><\/span><\/p>\n \n\t<–\n\t<\/p>\n \n\tcss kode som over her \n\t<\/p>\n \n\t–>\n\t<\/p>\n \t<\/span><\/span><\/p>\n <\/p>\n \n \n<\/p>\n \nSå enkelt er det å lage en "avansert" knapp \ud83d\ude09\n<\/p>\n \n \n<\/p>\n \n \n<\/p>\n \nPS: Jeg beklager at koden ikke ligger i "kodebokser". Holder på med en omlegging akkurat nå, så det fungerer ikke i WYSIWYG editoren akkurat nå… \n<\/p>\n \n \n<\/p>\n \nMvh\n<\/p>\n \nPreben \n<\/p>\n <\/span><\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Husker du HTML knappen som konverterer best? I fjor skrev vi om Eric Graham som hadde testet mye, og konkludert med en klar vinner. Nå har vi etter spørsmål fra en leser bygget om knappen for deg som vil bruke den som en vanlig knapp. <\/p>\n","protected":false},"author":3,"featured_media":3166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/posts\/3165"}],"collection":[{"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/comments?post=3165"}],"version-history":[{"count":0,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/posts\/3165\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/media\/3166"}],"wp:attachment":[{"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/media?parent=3165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/categories?post=3165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/instantsocialsignals.com\/test\/wp-json\/wp\/v2\/tags?post=3165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/instantsocialsignals.com\/test\/images\/ericgraham.gif\")
\n<\/p>\n
\n\t
\n\tborder: 1px solid #000000;<\/span>
\n\t
\n\tbackground-color: #FFFFFF;<\/span>
\n\t
\n\tpadding: 2px;<\/span>
\n\t
\n\tfont-family: Verdana, Arial, Helvetica, sans-serif;<\/span>
\n\t
\n\tfont-weight: bold;<\/span>
\n\t
\n\tfont-size: 12px;<\/span>
\n\t
\n\tcursor: default;<\/span>
\n\t
\n\t<\/span>
\n\t
\n\t}<\/span>
\n\t
\n\t#submitpad {<\/span>
\n\t
\n\tpadding: 5px;<\/span>
\n\t
\n\tbackground-color: #ff0000;<\/span>
\n\t
\n\tmargin: 0px;<\/span>
\n\t
\n\tborder-width: 3px;<\/span>
\n\t
\n\tborder-color: #ff0000;<\/span>
\n\t
\n\tborder-spacing: 0;<\/span>
\n\t
\n\t}<\/span>\n<\/p><\/blockquote>\n\n
\r\n\t\t\t\t
\r\n\t\t<table border="0" cellspacing="0" cellpadding="0"><\/span>
\r\n\t\t<\/span>
\r\n\t\t<tr><\/span>
\r\n\t\t<\/span>
\r\n\t\t<td nowrap id="submitpad"<\/span>
\r\n\t\t<\/span>
\r\n\t\tonMouseDown="this.style.backgroundColor='#009900'"<\/span>
\r\n\t\t<\/span>
\r\n\t\tonMouseOver="this.style.backgroundColor='#009900'"<\/span>
\r\n\t\t<\/span>
\r\n\t\tonMouseOut="this.style.backgroundColor='#ff0000'"><\/span>
\r\n\t\t<\/span>
\r\n\t\t<span style="cursor:pointer;"><\/span>
\r\n\t\t<\/span>
\r\n\t\t<input name="submit" type='button' style="cursor:pointer; font-size: 16px;" ONCLICK="window.location.href='http:\/\/estrategi.no'" value='Send meg til Estrategi! >>'\/><\/span><\/td><\/span>
\r\n\t\t<\/span>
\r\n\t\t<\/tr><\/span>
\r\n\t\t<\/span><\/table><\/span>
\r\n\t\t
\r\n\r\n\t<\/pre>\n
\n\t<\/span>\n<\/p><\/blockquote>\n
\n<\/span><\/span>\n<\/p>\n\r\n\t\t<\/style><\/span><\/span>
\r\n\r\n\t<\/pre>\n<\/blockquote>\n