Sabtu, 10 Desember 2016

Langkah Mudah Membuat Tombol DOWNLOAD FLAT UI

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.

Langkah Mudah Membuat Tombol DEMO dan DOWNLOAD FLAT UI
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 sobat
Mungkin cukup sekian Langkah Mudah Membuat Tombol DEMO dan DOWNLOAD FLAT UI, Jika ada masalah error silahkan sampaikan di komentar.

2 komentar


EmoticonEmoticon