Css Html Stylish Button

Css Html stylish button

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
👇
EXAMPLE
<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
👇
EXAMPLE

<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
👇
EXAMPLE

<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
👇
EXAMPLE
 
<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


1 تعليقات

إرسال تعليق

Post a Comment

أحدث أقدم