Search for a command to run...
I used to struggle with getting my blog ranked. After I discovered my strategy, I was able to get top rankings in Google within a few months.
I have been blogging for over 10 years and have written over 1000 articles. My content has generated millions of visitors, thousands of backlinks, and hundreds of links from authoritative sites.
Read my Startup Blogging series today for free!
No comments yet. Be the first to comment.
Welcome to HTML! HTML is the language of the web. It's used to create and structure web pages, and it's a relatively easy language to learn. If you're new to HTML, this post is for you. In this post, we'll cover the basics of HTML, including: What i...
Are you a web developer looking to upskill and stay on top of the latest trends and technologies? Then SitePoint Web Development Premium Membership is for you! For just $99, you can get three years of access to over 600 books, courses, and tech talks...
If you're looking to advance your career or explore new interests, Upskillist's Unlimited Courses Lifetime Membership is the perfect opportunity for you. With just a one-time payment of $99, you'll have access to a wealth of knowledge with no expirat...
Discover The Best Way To Present Your Content So Readers Will Stick Around
Insider Advice: How to Start Blogging Without Breaking the Bank
Professional blogging, Blogging from A-Z, From Amateur to Pro: Tips for Becoming a Successful Blogger
14 posts
We’re a team of professional bloggers who have come together to share our tips and advice on blogging. We’ve all been blogging for years, and we want to help new bloggers learn the ropes and become successful.
We know what it takes to be a successful blogger, and we want to share our knowledge with you. We’ll teach you how to write great content, how to market your blog, and how to grow your audience.
If you're going to build a coupon website, you'll need to know how to show coupon codes to your users. One easy way is to use a prompt up window that will show the code when the user clicks on a button. In this article, I'll show you how to set up that button and make it work with your website.
In this article, I will show you how to create a coupon code button that will pop up a window with the code displayed. This can be handy for coupon sites, or for anyone who wants to give a discount code to their audiences. It's a simple process that only takes a few minutes to set up.
And Here is the code:
<button class="button btn-click" onclick="s=prompt('Copy This Coupon Code','50-DjzrWBPh-SAVE'); window.open('https://www.example.com');">GET COUPON</button>
<style type="text/css">
.btn-click {
box-shadow: 0px 1px 0px 0px #fff6af;
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
background-color:#ffec64;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btn-click:hover {
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
background-color:#ffab23;
}
.btn-click:active {
position:relative;
top:1px;
}
</style>
<style type="text/css">
.btn-click {
box-shadow:inset 0px 1px 0px 0px #caefab;
background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
background-color:#77d42a;
border-radius:6px;
border:1px solid #268a16;
display:inline-block;
cursor:pointer;
color:#306108;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:10px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #aade7c;
}
.btn-click:hover {
background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
background-color:#5cb811;
}
.btn-click:active {
position:relative;
top:1px;
}
</style>
<style type="text/css">
.btn-click {
box-shadow:inset 0px 1px 0px 0px #d9fbbe;
background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
background-color:#b8e356;
border-radius:37px;
border:1px solid #83c41a;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:26px;
font-weight:bold;
padding:14px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #86ae47;
}
.btn-click:hover {
background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
background-color:#a5cc52;
}
.btn-click:active {
position:relative;
top:1px;
}
</style>
If you want to add a CSS or HTML code to your website, you can easily do so by copying and pasting the code into your website. In order to paste the code, you'll need to open the HTML editor on your website. Once the editor is open, you can paste the code into the appropriate spot. Once the code is in place, you can save your changes and view your updated website.
Thanks for visiting!