Adding an Action Button

Email Karla

• Go to http://buttons.cm/.
• The default style and color is the gray one that says "Show me the button!" There are 3 other styles to choose from at the bottom. I liked the wider shape of the turquoise blue one so I clicked on that one.
• Type your desired text into the Button Text window. 
• Unselect "Background Image" to change to a custom color.
• Under "Background Color" you can change the 6 digit hex code to one of the following to match the Sonlight site:
• Logo Blue: 0089d0
• Dark Blue: 005d93
• Yellow: f2be1a
• You can change the font color the same way, if you like.
• Other customization options, obviously, are Button Width, Button Height, Border Color, Border Radius.
• To link your button to another page (such as the catalog request page), just paste in the URL of the page you want the button to lead to.
• To make an email button: Under Button URL take out the "http://" and type in "mailto:youremailaddress@sonlight.com." (Be sure to change "youremailaddress" to your actual email address! LOL!)
• Now copy the coding. (Highlight it then Ctrl C.)
• Go to your  post on Blogger to find where you want to insert the button. Change from the "Compose" mode to "HTML". You may have to hunt a little bit through the coding to find your place again, but once you do, just paste (CTRL V) the code in that spot. Switch back to "Compose" to see if it looks like you want it to. 
• If you want to center it, when you are in HTML mode, type <center> just before where you inserted the code, and </center> just after the code.
• Click the "Update" button to save it to your page.

Request a FREE Sonlight catalog!