HARBLOGNAS

Tutorial kali ini saya akan membahas bagaimana cara membuat flat button 3d cantik di blogger atau blogspot anda, seperti di blog ini. Untuk trik disini kita cukup memanfaatkan efek ketebalan box-shadow ketika button normal, di hover atau ketika button aktif. Logikanya ketika button normal box-shadow akan terlihat tebal, ketika pengunjung menghover button maka box-shadow di button akan terlihat lebih tipis dan ketika button aktif maka box-shadow akan hilang. Dengan memanfaat warna metro dan tampilan yang flat button akan semakin cantik dan membuat blog kita akan terlihat sedikit cantik dan profesional. Langsung berikut adalah langkah langkah nya: 1. Silahkan backup terlebih dahulu template bawaan anda, berikut adalah tutorial cara backup template blogger: Cara mudah backup template blogger atau blogspot 2. Selanjut anda edit template blogger anda, jika anda tidak tahu cara edit template blogger berikut adalah cara edit template blogger: Cara edit template blogger atau blogspot 3. Setel...

Update terbaru ikon di fontawesome versi 4.5 Berikut adalah daftar 20 Ikon baru di fontawesome 4.5 Icon Fungsi Class fa fa-bluetooth fa fa-bluetooth-b fa fa-codiepie fa fa-credit-card-alt fa fa-edge fa fa-fort-awesome fa fa-hashtag fa fa-mixcloud fa fa-modx fa fa-pause-circle fa fa-pause-circle-o fa fa-percent fa fa-product-hunt fa fa-reddit-alien fa fa-scribd fa fa-shopping-bag fa fa-shopping-basket fa fa-stop-circle fa fa-stop-circle-o fa fa-usb Semoga bermanfaat sob..

Beberapa daftar fontawesome telah saya buatkan di postingan sebelumnya, berikut adalah daftar fontawesome untuk kategori lainnya. Sebelumnya bagi yang belum tahu cara untuk memasukkan fontawesome di blogger anda silahkan lihat tutorial fontawesome untuk blogger atau blogspot . Berikut adalah daftar file type icons fontawesome Icon Fungsi Class fa fa-file fa fa-file-archive-o fa fa-file-audio-o fa fa-file-code-o fa fa-file-excel-o fa fa-file-image-o fa fa-file-movie-o fa fa-file-o fa fa-file-pdf-o fa fa-file-photo-o fa fa-file-picture-o fa fa-file-powerpoint-o fa fa-file-text fa fa-file-text-o fa fa-file-video-o fa fa-file-word-o fa fa-file-zip-o Berikut adalah daftar form icons fontawesome Icon Fungsi Class fa fa-check-square fa fa-check-square-o fa fa-circle fa...

Spinner icons biasanya digunakan web designer atau programer untuk animasi ketika akan meload suatu proses, ketika proses sedang berjalan maka akan ada animasi bisa berupa text maupun berupa animasi ikon yang berputar putar. Fontawesome memiliki beberapa ikon spinner, berikut adalah daftar spinner icons fontawesome: Icon Fungsi Class fa fa-circle-o-notch fa fa-cog fa fa-gear fa fa-refresh fa fa-spinner Semoga bermanfaat sob.

Sebelumnya saya tulis daftar ikon fontawesome untuk beberapa kategori ikon fontawesome seperti: Daftar ikon arah atau directional icons fontawesome Daftar ikon mata uang atau currency icons fontawesome Daftar Chart Icon Fontawesome Daftar brand icon fontawesome Berikut adalah daftar ikon web aplikasi atau web application icons fontawesome: Icon Fungsi Class fa fa-adjust fa fa-anchor fa fa-archive fa fa-area-chart fa fa-arrows fa fa-arrows-h fa fa-arrows-v fa fa-asterisk fa fa-at fa fa-automobile fa fa-balance-scale fa fa-ban fa fa-bank fa fa-bar-chart fa fa-bar-chart-o fa fa-barcode fa fa-bars fa fa-battery-0 fa fa-battery-1 fa fa-battery-2 fa fa-battery-3 fa fa-battery-4 fa fa-battery-empty fa fa-battery-full fa fa-battery-half ...

Berikut adalah table daftar ikon arah atau directional icons fontawesome : Icon Fungsi Class fa fa-angle-double-down fa fa-angle-double-left fa fa-angle-double-right fa fa-angle-double-up fa fa-angle-down fa fa-angle-left fa fa-angle-right fa fa-angle-up fa fa-arrow-circle-down fa fa-arrow-circle-left fa fa-arrow-circle-right fa fa-arrow-circle-up fa fa-arrow-circle-o-down fa fa-arrow-circle-o-left fa fa-arrow-circle-o-right fa fa-arrow-circle-o-up fa fa-arrow-down fa fa-arrow-left fa fa-arrow-right fa fa-arrow-up fa fa-arrows fa fa-arrows-alt fa fa-arrows-h fa fa-arrows-v fa fa-caret-down fa fa-caret-left fa fa-caret-right fa fa-caret-up fa fa-caret-square-o-down fa fa-caret-squar...

Untuk daftar ikon mata uang atau currency icons fontawesome memiliki cukup lengkap ikon. Sebelum lanjut ke daftar ikon mata uang atau currency icons fontawesome, alangkah baiknya kita terlebih dahulu mengetahui cara memasang ikon tersebut di web kita untuk tutorialnya bisa dilihat di tutorial fontawesome untuk blogger atau blogspot . Ok langsung saja berikut adalah daftar ikon mata uang atau currency icons fontawesome: Icon Fungsi Class fa fa-bitcoin fa fa-btc fa fa-cny fa fa-dollar fa fa-eur fa fa-euro fa fa-gbp fa fa-ils fa fa-inr fa fa-jpy fa fa-krw fa fa-money fa fa-rmb fa fa-rouble fa fa-rub fa fa-ruble fa fa-rupee fa fa-shekel fa fa-sheqel fa fa-try fa fa-turkish-lira fa fa-usd fa fa-won fa fa-yen Semoga bermanfaat.

Sebelumnya anda bisa lihat daftar brand icon fontawesome . Untuk kali ini kita akan coba menampilkan daftar dari Chart Icon fontawesome. Tutorial lainnya mengenai fontawesome adalah tutorial fontawesome untuk blogger atau blogspot . Berikut adalah daftar Chart Icon Fontawesome: Icon Fungsi Class fa fa-area-chart fa fa-bar-chart fa fa-line-chart fa fa-pie-chart Ok semoga bermanfaat.

Seperti kita ketahui fontawesome memiliki banyak sekali ikon ikon, berikut adalah daftar ikon merk atau brand icon dari fontawesome yang bisa anda gunakan di website atau blogger anda. Berikut adalah daftar brand icon: Icon Fungsi class fa fa-500px fa fa-amazon fa fa-adn fa fa-android fa fa-angellist fa fa-apple fa fa-behance fa fa-behance-square fa fa-bitbucket fa fa-bitbucket-square fa fa-bitcoin fa fa-black-tie fa fa-btc fa fa-buysellads fa fa-cc-amex fa fa-cc-diners-club fa fa-cc-mastercard fa fa-cc-paypal fa fa-cc-stripe fa fa-cc-visa fa fa-chrome fa fa-codepen fa fa-connectdevelop fa fa-contao fa fa-css3 fa fa-dashcube fa fa-delicious fa fa-deviantart fa fa-digg fa fa-drib...

FontAwesome memberikan anda vektor icon yang fleksible, yang dapat langsung disesuaikan baik ukuran, warna, drop shadow, dan apa pun yang bisa dilakukan dengan kode CSS. Keunggulan dari fontawesome: 1. 1 Font lebih dari 600 ikon yang anda bisa sesuaikan menggunakan css. 2. FontAwesome bisa bekerja dengan segala jenis CSS framework seperti bootstrap, material design, Pure CSS atau framework lainnya, bisa juga bekerja untuk CMS wordpress, joomla bahkan blogger. 3. Tidak membutuhkan javascript untuk menggunakan icon ini, font ini juga kompatible dengan banyak browser dan tidak membutuhkan javascript. 4. Sangat fleksible dan terlihat sangat bagus disemua ukuran font. 5. Kontrol hanya dengan menggunakan CSS, baik itu ukuran font, warna font, box shadow, dan lainnya, semua cukup menggunakan CSS. 6. Sempurna pada tampilan retina. Fontawesome adalah vektor ikon sehingga sangat sempurna tampil di semua resolusi termasuk resolusi tinggi sekalipun. 7. Yang penting gratis dan bisa digunakan di sem...