GalihDesign

Postingan

Menampilkan postingan dari Juni, 2020

Cara Membuat Widget Popular Post Seperti Jalantikus di Blogger

Oleh Galih Budi Prakoso - Juni 20, 2020

Ada banyak cara untuk mempercantik tampilan web atau blog. Salah satu caranya yakni membuat desain widget Popular Post atau Postingan Populer. Kita ambil contoh desain Popular Post milik Jalantikus. Bisa kamu lihat ada urutan nomor di list nya bukan? Untuk membuat Popular Post seperti milik Jalantikus sangat mudah. Tidak ada tambahan Javascript. Kita hanya bermain CSS saja. Cara Membuat Widget Popular Post Seperti di Jalantikus di Blogger Langkah pertama yang kamu harus lakukan adalah masuk ke Blogger, Edit HTML, cari tag <body> dan letakkan kode css berikut ini diatas tag <body> . <style> .PopularPosts{ margin:0 auto; width: 300px; font-size:13px; } .PopularPosts, .PopularPosts .widget-content{ position: relative; margin-top: 20px; } .PopularPosts::before{ content:''; position: absolute; content: ""; top: 0; left: 0; height: 32px; width: 5px; background-color: #ce0a46; z-index: 1; } .PopularPosts h2, .PopularPo

Baca selengkapnya

Cara Baru Menggunakan Fontawesome Tanpa Membuat Blog Jadi Berat

Oleh Galih Budi Prakoso - Juni 17, 2020

Sebelumnya, Galih dihadapkan dengan masalah Web atau Blog yang terasa berat saat memuat atau loading . Segala cara sudah dilakukan. Misalnya, menghilangkan Css dan Javascript Bundle bawaan Blogger, menampilkan Jquery langsung di pengaturan HTML, minify semua Css dan Javascript, tidak menggunakan font yang dihosting diluar Blogger, dan masih banyak lagi. (Cara Baru Menggunakan Fontawesome Tanpa Membuat Blog Jadi Berat) Tapi, masih ada satu masalah. Yakni cara penggunaan FontAwesome. Jika kamu tahu, saya membutuhkan font tersebut untuk menampilkan icon untuk mempercantik tampilan Blog. Akan tetapi, saya tidak menggunakan semua font tersebut. Berhubung Galih belum mengetahui cara yang tepat, akhirnya Galih memuat semua kode CSS FontAwesome yang mengakibatkan waktu memuat atau loading Blog terasa berat atau lama. Baru-baru ini, setelah browsing sana-sini di forum Stackoverflow , akhirnya Galih menemukan cara baru untuk menggunakan FontAwesome tanpa membuat Blog atau Web milikmu me

Baca selengkapnya