5 Simple but Best Pop-Up Buttons for Blogger
And you might have probably noticed many websites that open up a new window on clicking a button or a link. So,
How to create a popup window in Blogger
As these buttons are responsive so you can add the following pop-up buttons in your blog post for opening your external links, on sidebars as a widget to connect to other pages or links or you can use, embed or add it for any other purpose that you want.
Note: Change the URL wonderkrish.com with your own desired URL or link.
Note: Change the URL wonderkrish.com with your own desired URL or link.
Pop-Up Button 1
<!-- Onclick Pop-Up Button for Blogger. Powered by Wonder Krish -->
<button type="button" onclick="window.open('https://www.wonderkrish.com/','popup','width=1600,height=1600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" style="
font-size: 14px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 14px;
display: block;
cursor: pointer;
background-color: red;
text-decoration: none;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-radius: 8px;
color: #ffffff;
">Pop-Up Button</button>
<br />
Pop-Up Button 2
<!-- Onclick Pop-Up Button for Blogger. Powered by Wonder Krish -->
<button type="button" onclick="window.open('https://www.wonderkrish.com/','popup','width=1600,height=1600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" style="
font-size: 14px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 14px;
display: block;
cursor: pointer;
background-color: #507282;
text-decoration: none;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-radius: 8px;
color: #ffffff;
">Pop-Up Button</button>
<br />
Pop-Up Button 3
<!-- Onclick Pop-Up Button for Blogger. Powered by Wonder Krish -->
<button type="button" onclick="window.open('https://www.wonderkrish.com/','popup','width=1600,height=1600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" style="
font-size: 14px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 14px;
display: block;
cursor: pointer;
background-color: #e2912c;
text-decoration: none;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
color: #0c0c0c;
">Pop-Up Button</button>
<br />
Pop-Up Button 4
<!-- Onclick Pop-Up Button for Blogger. Powered by Wonder Krish -->
<button type="button" onclick="window.open('https://www.wonderkrish.com/','popup','width=1600,height=1600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" style="
font-size: 14px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 14px;
display: block;
cursor: pointer;
background-color: #12521a;
text-decoration: none;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
color: #ffffff;
">Pop-Up Button</button>
<br />
Pop-Up Button 5
<!-- Onclick Pop-Up Button for Blogger. Powered by Wonder Krish -->
<button type="button" onclick="window.open('https://www.wonderkrish.com/','popup','width=1600,height=1600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" style="
font-size: 14px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 14px;
display: block;
cursor: pointer;
background-color: #e2912c;
text-decoration: none;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
color: #0c0c0c;
border-radius: 12px;
">Pop-Up Button</button>
<br />
I hope you have successfully added the HTML responsive pop-up buttons to your Blogger blog. And do leave a comment below if have any suggestions or have found any difficulties while adding the Pup-Up buttons.
0 Response to "5 Simple but Best Pop-Up Buttons for Blogger"
Post a Comment