5 Tombol Pop-Up Sederhana namun Terbaik untuk Blogger - Insurance Finances

Tombol munculan adalah jenis tombol, yang ketika diklik akan menampilkan menu baru atau jendela baru yang akan berisi daftar tautan, gambar, dan yang saling eksklusif

Dan Anda mungkin telah memperhatikan banyak situs web yang membuka jendela baru pada mengklik tombol atau tautan. Begitu,

Cara membuat jendela sembulan di Blogger

Karena tombol-tombol ini responsif sehingga Anda dapat menambahkan tombol pop-up berikut dalam posting blog Anda untuk membuka tautan eksternal Anda, pada bilah samping sebagai widget untuk terhubung ke halaman atau tautan lain atau Anda dapat menggunakan, menanamkan atau menambahkannya untuk tujuan lain itu yang kamu mau.

Catatan: Ubah URL wonderkrish.com dengan URL atau tautan yang Anda inginkan.

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 />  

Saya harap Anda berhasil menambahkan tombol pop-up responsif HTML ke blog Blogger Anda. Dan tinggalkan komentar di bawah ini jika ada saran atau menemukan kesulitan saat menambahkan tombol Pup-Up.

Related Posts