Cara memasang widget recent post sederhana di blogger atau blogspot

Tutorial kali ini saya bahas cara memasang widget recent post sederhana di blogger atau blogspot. Tampilan simple dan sederhana karena cuma judul saja yang ditampilkan. Tanpa menurunkan performance blogger anda. Langsung saja berikut adalah langkah langkah nya: 1. Silahkan anda backup terlebih dahulu template bawaan anda, berikut adalah tutorial cara backup template blogger: Cara mudah […]

Cara menambahkan atau memasang gadget di blogger atau blogspot

Gadget blogger adalah fitur dari flatform blogger yang berfungsi untuk mempermudah anda dalam pengaturan tampilan blog anda. Banyak sekali gadget blogger yang bisa anda tambahkan untuk memperindah dan mempercantik blog anda. Gadget blogger terdiri dari bermacam macam widget, nah disini saya akan coba list beberapa widget yang tersedia di dashboard blogger anda: 1. Entri unggulan. […]

Cara membuat daftar isi atau sitemap di blogger atau blogspot

Daftar isi atau biasa disebut sitemap adalah navigasi yang dirancang untuk memudahkan pengunjung mengakses konten atau topik diperlukan oleh mereka. Selain itu daftar isi atau sitemap terdiri dari semua link posting dalam 1 tempat sehingga pengunjung lebih betah dan bounce rate pun akan semakin turun. Daftar isi atau sitemap juga dapat membantu bot search engine […]

Cara menambahkan halaman di blogger atau blogspot anda

Seperti halnya CMS lain, blogger juga dilengkapi dengan fitur pages atau yang biasa kita sebut halaman atau halaman statis atau static pages. Fitur ini kadang sering kita diabaikan. Halaman atau page dan posting atau post sangat berbeda. Post biasanya kita buat dan kita jadikan konten artikel sedangkan halaman statis biasanya digunakan untuk konten yang tidak […]

Cara membuat flat table responsive di blogger atau blogspot

Table sulit untuk dibuat responsive, tetapi bisa diakali dengan memanfaatkan query media dan overflow. Dengan memanfaatkan query media dan overflow saya akan mencoba menerangkan langkah demi langkah bagaimana cara membuat flat table responsive di blogger atau blogspot. Seperti yang sudah kita tahu table bisa sangat luas. Sederet data row bisa bersama sama untuk masuk ke […]

Cara membuat blogger anda valid HTML5

Sebelum melangkah ke topik utama, mari kita bahas terlebih dahulu apa sih HTML5? HTML5 adalah bahasa markup yang digunakan untuk penataan dan konten di World Wide Web(WWW). Bahasa HTML versi ini diselesaikan, dan diterbitkan, pada 28 Oktober 2014 melalui World Wide Web Consortium (W3C). HTML5 adalah revisi kelima dari standar HTML sejak awal World Wide […]

Cara membuat flat button 3d cantik di blogger atau blogspot

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 […]

Daftar 20 Ikon baru di fontawesome 4.5

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 Source:

Daftar icon atau ikon kategori lainnya fontawesome

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 Source:

Daftar spinner icons fontawesome

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 Source: