Roda Motiv

Cara Membuat Icon Flat Ui Menggunakan CSS Icon yang biasa dipakai pada blog biasanya berbentuk gambar, baik itu dengan format jpg atau png. Tapi sadarkah Anda jika hal tersebuh hanya akan menciptakan blog menjadi lebih berat, sehingga tidak fast loading. Oleh alasannya itu, banyak mastah blogger yang lebih menentukan memakai font Awesome. Selain tidak mempengaruhi loading pada blog, icon font awesome juga sangat banyak dan gampang dalam pemakaiannya. Kali ini aku akan memperlihatkan tutorial untuk menciptakan icon flat ui dengan memakai CSS yang digabungkan dengan Font Awesome. Untuk Demo tampilannya sanggup dilihat eksklusif di selesai post. Bila Anda tertarik, silahkan simak tutorial berikut. Cara Membuat Icon Flat Ui Menggunakan CSS dan Font Awesome 1. Pertama, Font Awesome harus sudah terpasang di blog Anda. Bila belum, silahkan pasang font awesome dengan cara meletakkan isyarat di bawah ini sempurna sebelum isyarat </head> pada Edit Template . <link href='https:

Make Awesome Ribbon From CSS Tutorial kali ini bagi Anda yang ingin menciptakan ribbon pada blog/web. Ribbon ini sanggup Anda tempatkan pada halaman yang Anda inginkan. Caranya sih sangat mudah. Baca Juga: Cara Membuat Icon Flat Ui Menggunakan CSS Cara Membuat Ribbon Keren Dengan CSS 1. Siapkan Halaman yang Ingin di Pasangi Ribbon. 2. Ubah Compose menjadi HTML, kemudian letakkan CSS berikut pada halaman tersebut. <style type='text/css'> .css-new-ribbon{position:relative;z-index:1;padding:1em 2em} .bsrribbon{font-size:120%!important;text-transform:uppercase;width:60%;position:relative;background:#f35b5b;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em} .bsrribbon:before,.bsrribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #d74545;z-index:-1} .bsrribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent} .bsrribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent