Cara Membuat Tombol Glowing Demo Full Color Di Blogspot
* Buka blog agan
* Klik template >>> Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
* Trus copy kode di bawah dan letakkan ke HTML bukan Compose , seperti contoh gambar diatas
### GOOD LUCK ###
* Buka blog agan
* Klik template >>> Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
.wrapper {
display: flex;
}
ul {
list-style: none;
text-align: center;
}
ul li:not(:first-child) {
margin-top: 80px;
}
.button {
display: inline-block;
padding: 1em 3.2em;
border-radius: 1.6em;
color: #fff;
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.button01 {
background-color: rgba(252, 28, 143, 1);
box-shadow: 0 5px 20px rgba(252, 28, 143, .5);
}
.button02 {
background-color: rgba(251, 152, 11, 1);
box-shadow: 0 5px 20px rgba(251, 152, 11, .5);
}
.button03 {
background-color: rgba(241, 196, 15, 1);
box-shadow: 0 5px 20px rgba(241, 196, 15, .5);
}
.button04 {
background-color: rgba(0, 63, 255, 1);
box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}
.button05 {
background-color: rgba(0, 205, 237, 1);
box-shadow: 0 5px 20px rgba(0, 205, 237, .5);
}
.button06 {
background-color: rgba(17, 233, 91, 1);
box-shadow: 0 5px 20px rgba(17, 233, 91, .5);
}
.button07 {
background-color: rgba(87, 225, 181, 1);
box-shadow: 0 5px 20px rgba(87, 225, 181, .5);
}
.button08 {
background-color: rgba(155, 89, 182, 1);
box-shadow: 0 5px 20px rgba(155, 89, 182, .5);
}
* kemudian klik Entri baru trus pilih HTML bukan Compose , lihat contoh gambar di bawah !
* Trus copy kode di bawah dan letakkan ke HTML bukan Compose , seperti contoh gambar diatas
<div class="wrapper"><ul> <a class="button button01" href="#"target="_blank">Demo #1</a> <a class="button button02" href="#"target="_blank">Demo #2</a> <a class="button button03" href="#"target="_blank">Demo #3</a> <a class="button button04" href="#"target="_blank">Demo #4</a> <a class="button button05" href="#"target="_blank">Demo #5</a> <a class="button button06" href="#"target="_blank">Demo #6</a> <a class="button button07" href="#"target="_blank">Demo #7</a> <a class="button button08" href="#"target="_blank">Demo #8</a> </div>* Ganti warna merah dengan url artikel anda yg ingin di tuju
### GOOD LUCK ###
Baca Juga Artikel Terkait Lainnya