Cara Menciptakan Tombol Demo Dengan Pengaruh Gradient Color Di Blog
Cara Membuat Tombol Demo dengan Efek Gradient Color di Blog - Pada Kesempatan kali ini aku akan membagikan tutorial cara memasang tombol demo pada blog dengan tampilan imbas gradien warna atau dengan tampilan imbas warna warni.
Tombol demo pada blog ini bersama-sama memiliki fungsi yang penting, terutama untuk para blogger yang ingin menyebarkan tips atau melaksanakan jual beli. Ditambah lagi dengan adanya imbas warna gradient color ini pula sanggup mempercantik blog biar pengunjung sanggup tertarik dan berlama-lama berapa di blog kita.
Sebelumnya aku sudah pernah membagikan tutorial cara memasang tombol demo dan result pada blog, namun pada kesempatan kali ini aku akan membagikan tombol demo dengan imbas dan ukuran yang berbeda dari sebelumnya. Tanpa panjang lebar mari kita simak tutorial berikut.
2. Letakkan aba-aba CSS ini sempurna berada di atas aba-aba ]]></b:skin> atau </style>
3. lalu pilih Simpan Tema
4. Untuk menerapkannya di blog anda buat postingan gres > pilih sajian HTML > lalu letakkan aba-aba ini di dalamnya
Saya rasa cukup sekian tutorial singkat dari aku wacana bagaimana Cara Membuat Tombol Demo dengan Efek Gradient Color di Blog, jikalau ada hal yang kurang terang atau sulit dipahami, sanggup pribadi menuju kolom komentar, Terimakasih Sumber https://www.analisyuki.com/
Tombol demo pada blog ini bersama-sama memiliki fungsi yang penting, terutama untuk para blogger yang ingin menyebarkan tips atau melaksanakan jual beli. Ditambah lagi dengan adanya imbas warna gradient color ini pula sanggup mempercantik blog biar pengunjung sanggup tertarik dan berlama-lama berapa di blog kita.
Sebelumnya aku sudah pernah membagikan tutorial cara memasang tombol demo dan result pada blog, namun pada kesempatan kali ini aku akan membagikan tombol demo dengan imbas dan ukuran yang berbeda dari sebelumnya. Tanpa panjang lebar mari kita simak tutorial berikut.
Cara Memasang Tombol Demo dengan Efek Gradient Color
1. Masuk ke Blogger > pilih sajian Tema > lalu pilih Edit HTML2. Letakkan aba-aba CSS ini sempurna berada di atas aba-aba ]]></b:skin> atau </style>
/* Tombol DEMO Gradient */ #dmgradient {margin:5px auto;text-align:center;} a.dmg {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#f24a4a;background:linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);background-size:320% 200%;animation:Gradient 15s ease infinite;letter-spacing:.5px;padding:10px 100px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #202d3a;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;} @keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}3. lalu pilih Simpan Tema
4. Untuk menerapkannya di blog anda buat postingan gres > pilih sajian HTML > lalu letakkan aba-aba ini di dalamnya
<div id="dmgradient"><a class="dmg" href="#">DEMO</a></div>| Nama | Keterangan |
|---|---|
| # | Ubah dengan alamat link yang anda inginkan |
| DEMO | Ubah dengan kata-kata yang anda inginkan (misalnya Result atau download) |