SAKJANESIP - Halo sahabat ✋ apa kabar nih? baik-baik saja kan? Alhamdulillah. Hemm, bagaimana sih cara buat tombol FLAT UI seperti di blog-blog lain yang keren itu? Gampang kok sobat, kali ini saya akan beri tahu rahasianya.
Ilustrasi | sakjanesip |
Di atas adalah tampilan tombol FLAT UI buatan saya, cukup simpel dan keren kan? Baiklah silahkan sobat sikat dah ke blognya.
Langkah Mudah Membuat Tombol DOWNLOAD FLAT UI
Style tombol ini menggunakan Font Awesome, jika di blog sobat belum ada silahkan tambahkan style CSS di bawah ini di atas </head>
Buat langkah - langkah sobat sudah mengertikan? Tinggal salin aja SC kode di bawah ini diatas </style>
Simpan, lalu untuk SC kode pemanggil di postingan silahkan simpan dan gunakan kode di bawah ini
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<div style="text-align: center;">
<ul class="button2">
<li><a class="demo" href="https://sakjanesip.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="https://sakjanesip.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>
Ganti kode yang saya tandai di atas dengan URL blog sobatMungkin cukup sekian Langkah Mudah Membuat Tombol DEMO dan DOWNLOAD FLAT UI, Jika ada masalah error silahkan sampaikan di komentar.
2 komentar
keren nih gan, patut dicoba :D
Silahkan mas.
EmoticonEmoticon