Ok singkat saja kita langsung saja ke tutorial :
1. Simpan CSS Ini Diatas </style>
#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}2. Lalu gunakan markup dibawah ini pada post editor tab HTML
<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>3. Simpan.
Agar tampilan lebih menarik, silakan bisa sobat kreasikan kembali. Semoga berhasl dan Foila, Anda sudah bisa menikmatinya, terima kasih.
Demikian artikel tentang Cara Memasang Tombol Rensponsive di Blogger ini dapat kami sampaikan, semoga artikel atau info tentang Cara Memasang Tombol Rensponsive di Blogger ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
