Cara Membuat Tombol Download Keren Di Blogger
DEMO :
- Login ke akun blogger
- Lalu pergi/pilih kebagian tema/template
- Edit HTML,Cari kode ]]></b:skin> , untuk mempermudah pencarian, kamu bisa menekan "CTRL+F" dan copy code ]]></b:skin>
- Kemudian salin css di bawah dan tempel/paste tepat di atas code ]]></b:skin> , Lalu simpan template
CODE CSS
>
#wrap {
margin: 20px auto;
text-align: center;
}.btn {
display: inline-block;
position: relative;
font-weight: 700;
background: #3cc091;
padding: 9px 18px;
margin: 0 3px;
border-radius: 3px;
opacity: 1;
border: 0;
text-transform: uppercase;
transition: all .3s ease-out;
}.btn:hover, .btn:active {
background: #374760;
}
a.btn {
color: rgba(255,255,255,1);
}
Untuk menerapkan di dalam postingan kamu tinggal copy code di bawah dan tempelkan/paste di bagian yang ingin kamu terapkan, untuk menempel/paste code tersebut, jangan lupa ubah ke mode HTML.
CODE HTML
<center>
<div id="wrap">
<a class="btn" href="www.example.com" rel="”nofollow”" target="_blank">Download <i class="fa fa-download"></i></a></center>
ket* Ganti "www.example.com" dengan link tujuan.
Post a Comment