Cara Menciptakan Tombol Demo Dengan Efek Keren Di Blog
Cara Membuat Tombol Demo dengan Efek Keren di Blog - Sebelumnya aku pernah menjelaskan cara menciptakan tombol demo dan result secara bersamaan, namun pada kesempatan kali ini aku akan membagikan cara menciptakan tombol demo saja dengan dampak yang keren pada blog.
Sebelumnya aku merasa galau dengan template blog usang aku yang tidak cocok dengan beberapa tombol demo yang biasa aku gunakan atau terjadi error pada tampilannya dan terlihat tidak menarik. Namun pada kesempatan kali ini aku akan membagikan cara menciptakan tombol demo pada blog yang cocok untuk beberapa jenis template pada blog dan tentunya terlihat lebih keren dan yummy dipandang mata.
Tombol demo pada blog sesungguhnya memiliki fungsi yang penting, khususnya bagi blogger ingin menciptakan link kunjungi atau tombol download dengan tampilan yang terlihat lebih keren dan gampang dilihat oleh para pembaca.
Melihat pentingnya tombol demo pada blog ini, terutama bagi aku sendiri yang sering menggunakannya, tentunya semoga para pembaca sanggup melihat eksklusif hasil dari tutorial yang aku berikan. Tombol demo pada blog ini juga merupakan tombol demo yang aku gunakan pada blog saya, untuk itu mari kita simak baik-baik tutorialnya.
2. Tambahkan isyarat ini daerah berada di atas isyarat ]]></b:skin> atau </style>
3. Jika sudah selanjutnya pilih Simpan Tema
4. Untuk menerapkan tombol demo pada blog, selanjutnya Buat postingan gres > pilih hidangan HTML (bukanCompose) > lalu tambahkan isyarat di bawah ini di dalamnya
Cukup sekian tutorial dari aku perihal Cara Membuat Tombol Demo dengan Efek Keren di Blog. Jika ada sesuatu yang kurang dimengerti visa eksklusif bertanya di kolom komentar, Terimakasih. Sumber https://www.analisyuki.com/
Sebelumnya aku merasa galau dengan template blog usang aku yang tidak cocok dengan beberapa tombol demo yang biasa aku gunakan atau terjadi error pada tampilannya dan terlihat tidak menarik. Namun pada kesempatan kali ini aku akan membagikan cara menciptakan tombol demo pada blog yang cocok untuk beberapa jenis template pada blog dan tentunya terlihat lebih keren dan yummy dipandang mata.
Tombol demo pada blog sesungguhnya memiliki fungsi yang penting, khususnya bagi blogger ingin menciptakan link kunjungi atau tombol download dengan tampilan yang terlihat lebih keren dan gampang dilihat oleh para pembaca.
Melihat pentingnya tombol demo pada blog ini, terutama bagi aku sendiri yang sering menggunakannya, tentunya semoga para pembaca sanggup melihat eksklusif hasil dari tutorial yang aku berikan. Tombol demo pada blog ini juga merupakan tombol demo yang aku gunakan pada blog saya, untuk itu mari kita simak baik-baik tutorialnya.
Cara Membuat Tombol Demo pada Blogger
1. Buka blog anda, Pilih Menu Tema > lalu pilih Edit HTML2. Tambahkan isyarat ini daerah berada di atas isyarat ]]></b:skin> atau </style>
/* Tombol DEMO */ #buttondemo {margin:15px auto;text-align:center;} a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#f24a4a;letter-spacing:.5px;padding:10px 50px;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;} a.btn:hover {background:#f24a4a;color:#fff;box-shadow:inset 0px -50px 0px #202d3a;} a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}3. Jika sudah selanjutnya pilih Simpan Tema
4. Untuk menerapkan tombol demo pada blog, selanjutnya Buat postingan gres > pilih hidangan HTML (bukan
<div id="buttondemo"><a class="btn" href="#">DEMO</a></div>| Nama | Keterangan |
|---|---|
| # | Ubah dengan alamat url yang anda tujuan anda |
| DEMO | Ubah dengan kata-kata sesuai yang anda inginkan |