Skip to main content

Posts

Showing posts from March, 2019

Featured Post

Pamula Elegant Blogger Theme

Pamula  merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak

Membuat Animation Love di CSS

Jika kalian melihat kebawah pada bagian Credit Link blog ini akan terdapat Icon Love yang menggunakan Font Awesome tentu Icon tersebut ditambahkan Animasi Scale supaya terlihat seperti membesar dan mengecil. Untuk membuat Animation Love tersebut sangat mudah sekali dan tidak sepusing yang kamu pikirkan. Saya sendiri awalnya tertarik untuk membuat Animation Love ini karena memang bagus sekali dan kita bisa mengungkapkan bahwa Template yang ada di blog kita yang dibuat sendiri maupun redesign sendiri bisa menggunakan Icon Love ini sebagai Symbol bahwa kita membuat sepenuh hati. Apa saja yang diperlukan untuk membuat Icon Love dan Animationnya ? Bahan yang kamu perlukan adalah : Text Editor Font Awesome Bahan nya hanya 2 saja karena ini menggunakan CSS dan Font Awesome agar dapat berjalan sesuai yang kita mau. Membuat Animation Love di CSS Pertama buka Text Editor Kedua buat kode htmlnya <!DOCTYPE html> <html> <head> <title>Love This</title>

Membuat Popup Pure CSS

Jika kita biasanya menggunakan Javascript/JQuery untuk membuat Popup tapi untuk kali ini kita akan membuatnya hanya dengan CSS saja tanpa perlu bantuan dari Javascript meskipun dibantu oleh HTML sih 😂 . Popup sendiri bisa berguna sekali apabila ada info yang memang sangat diperlukan oleh pengunjung dari website/blog yang sering dikunjungi seperti info terkini maupun berupa hanya penggenalan saja. Sebelum ke pembuatan saya harap kalian sudah menyiapkan bahan yang diperlukan apalagi bagi yang belum tahu. Berikut bahanya : Text Editor = Bisa Sublime Text, Notepad ++, Visual Studio Code dll. Browser Niat Kopi Diatas adalah bahan yang kalian perlukan untuk membuat Popup. Membuat Popup Pure CSS Pertama buka Text Editor => kemudian copy kode dibawah ini dan paste <html> <head> <title>Pure CSS POPUP</title> </head> <body> </body> </html> Kedua tambahkan kode dibawah ini tepat dibawah kode <body> <div class=&#