Html Css Stylish Button
This Button will work in WordPress, Blogger, Website
Copy the given HTML code and pest it on your website.
Change The Url https://lotpoetry.blogspot.com Change The Text >EXAMPLE<
GREEN
👇
<p style="text-align: center;"><strong><a href="https://lotpoetry.blogspot.com/"><span id="myButton" class="myButton" style="background: linear-gradient(#44c767 5%, #5cbf2a 100%) #44c767; border-radius: 28px; border: 1px solid #18ab29; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 22px; padding: 10px 23px; text-decoration: none; text-shadow: #2d871f 0px 1px 0px;">EXAMPLE</span></a></strong></p> |
ORANGE
👇
<p style="text-align: center;"><a href="https://lotpoetry.blogspot.com/"><span id="myButton" class="myButton" style="box-shadow: #f9eca0 0px 1px 0px 0px inset; background: linear-gradient(#f0c911 5%, #f2ab1e 100%) #f0c911; border-radius: 42px; border: 1px solid #e65f44; display: inline-block; cursor: pointer; color: #c92200; font-family: Arial; font-size: 20px; font-weight: bold; padding: 12px 24px; text-decoration: none; text-shadow: #ded17c 0px 1px 0px;">EXAMPLE</span></a></p> |
RED
👇
<p style="text-align: center;"><a href="https://lotpoetry.blogspot.com/"><span id="myButton" class="myButton" style="background: linear-gradient(#c62d1f 5%, #f24437 100%) #c62d1f; border-radius: 27px; border: 2px solid #d02718; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 24px; padding: 7px 20px; text-decoration: none; text-shadow: #810e05 0px 1px 0px;">EXAMPLE</span></a></p> |
BLUE
👇
<p style="text-align: center;"><a href="https://lotpoetry.blogspot.com/"><span id="myButton" class="myButton" style="box-shadow: #23395e 0px 0px 15px 3px inset; background: linear-gradient(#2e466e 5%, #415989 100%) #2e466e; border-radius: 42px; border: 1px solid #1f2f47; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 15px; padding: 14px 28px; text-decoration: none; text-shadow: #263666 0px 1px 0px;">EXAMPLE</span></a></p> |
Copy the given HTML code and pest it on your website.
You enter your link by changing the url
CSS HTML Stylish Button
WordPress Html Button | Blogger Html Button | Website Html Button
Read This
Fantastic it's working
ReplyDeletePost a Comment